> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dialogshift.com/llms.txt
> Use this file to discover all available pages before exploring further.

# WhatsApp Integration & Display

> Integrate WhatsApp as a chat channel on website and in emails

After activating your WhatsApp Business API, you can integrate the channel into your guest communication in various ways.

## Integration in DialogShift

WhatsApp is seamlessly integrated as an additional channel into your existing DialogShift environment:

<CardGroup cols={2}>
  <Card title="Unified Inbox" icon="inbox">
    All WhatsApp chats alongside other channels
  </Card>

  <Card title="Chatbot Integration" icon="robot">
    Automatic responses across all channels
  </Card>

  <Card title="Team Collaboration" icon="users">
    Multiple agents can work simultaneously
  </Card>

  <Card title="Analytics" icon="chart-bar">
    Cross-channel evaluations
  </Card>
</CardGroup>

## Website Integration

### 1. QR Code Integration

<Info>
  QR codes are ideal for:

  * Hotel website
  * Reception area
  * Room cards
  * Restaurant tables
  * Print materials
</Info>

**How it works:**

1. Guest scans QR code with smartphone camera
2. WhatsApp opens automatically
3. Pre-written message can be sent

### 2. Click-to-Chat Button

<Tabs>
  <Tab title="Standard Green">
    The classic WhatsApp button in Corporate Green

    * High recognition
    * Official WhatsApp branding
    * Ideal for prominent placement
  </Tab>

  <Tab title="Black/White">
    Subtle variant for minimalistic design

    * Adapts to corporate design
    * Less intrusive
    * For elegant hotel websites
  </Tab>

  <Tab title="Animated">
    Slide-out button with animation

    * Attracts attention
    * Available in both color variants
    * Modern user experience
  </Tab>
</Tabs>

### 3. Chat Widget Integration

<Note>
  **Beta Feature:** The WhatsApp button can be integrated directly into your existing DialogShift chat widget. Contact support for activation.
</Note>

Benefits:

* One widget for all channels
* Guest chooses preferred channel
* Unified design
* Central configuration

## Email Integration

### Click-to-Chat in Emails

Integrate WhatsApp links into your hotel emails:

<Steps>
  <Step title="Generate link">
    Format: `https://wa.me/49XXXXXXXXX?text=Hello%20Hotel`
  </Step>

  <Step title="Create button">
    WhatsApp provides official button graphics
  </Step>

  <Step title="Embed in emails">
    * Booking confirmations
    * Pre-arrival emails
    * Post-stay feedback
    * Newsletters
  </Step>
</Steps>

### Best Practices for Email Integration

<CardGroup cols={2}>
  <Card title="Clear Call-to-Action" icon="hand-pointer">
    "Questions about your booking? Message us on WhatsApp!"
  </Card>

  <Card title="Provide Context" icon="message">
    Pre-written message with booking number
  </Card>

  <Card title="Offer Alternatives" icon="envelope">
    Also offer email/phone as options
  </Card>

  <Card title="Set Expectations" icon="clock">
    Communicate response times
  </Card>
</CardGroup>

## Technical Implementation

### URL Parameters for Click-to-Chat

```
https://wa.me/[phone number]?text=[URL-encoded text]
```

**Example:**

```
https://wa.me/4989123456789?text=Hello%20Hotel%20Seeblick%2C%20I%20have%20a%20question%20about%20my%20booking%20%23123456
```

### QR Code Best Practices

* **Size:** Minimum 3x3 cm for print
* **Contrast:** High contrast to background
* **Testing:** Test with various devices
* **Call-to-Action:** "Scan for WhatsApp chat"

## Placement & Visibility

### Recommended Positions on Website

1. **Header/Navigation:** Always visible
2. **Contact Page:** With other contact options
3. **Booking Process:** For quick questions
4. **Footer:** As standard contact option
5. **Floating Button:** Bottom right (Mobile-friendly)

### On-Site Placement

<AccordionGroup>
  <Accordion title="Reception">
    * Stand-up displays at check-in
    * Digital signage displays
    * Business cards with QR code
  </Accordion>

  <Accordion title="Hotel Rooms">
    * Info card on nightstand
    * QR code for room service
    * TV welcome screen
  </Accordion>

  <Accordion title="Restaurant/Bar">
    * Table displays
    * Menu
    * Feedback cards
  </Accordion>

  <Accordion title="Other Areas">
    * Elevators
    * Parking
    * Spa/Wellness
    * Conference rooms
  </Accordion>
</AccordionGroup>

## Messaging Strategy

### Optimize Initial Contact

The guest's first message is crucial:

<Tip>
  **Use pre-written messages:**

  * "Hello, I'm a hotel guest and have a question"
  * "I would like to reserve a table"
  * "Need help with check-in"
</Tip>

### Multi-Channel Strategy

<Info>
  WhatsApp should be part of your overall strategy:

  * Website chat for anonymous inquiries
  * WhatsApp for personal service
  * Email for formal communication
  * Phone for urgent cases
</Info>

## Success Measurement

Important KPIs for WhatsApp:

* Number of initiated chats
* Response time
* Conversation resolution rate
* Guest satisfaction
* Conversion rate (bookings via WhatsApp)

<Warning>
  **Follow data protection:** Ensure your WhatsApp usage is GDPR compliant and inform guests about data processing.
</Warning>