> ## 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.

# Chat Button / WhatsApp

> Wie man den Chat-Button oder den WhatsApp-Button in eine Journey-E-Mail einbaut

## Warum Chat-Buttons in E-Mails integrieren?

Am Ende einer E-Mail ist es sinnvoll, dem Gast die Möglichkeit zum Kontakt im Chat bereitzustellen. Dies ermöglicht eine nahtlose Kommunikation und erhöht die Wahrscheinlichkeit, dass Gäste bei Fragen oder Anliegen direkt mit dem Hotel in Kontakt treten.

## Verfügbare Button-Optionen

Dies kann über zwei Wege passieren:

<Tabs>
  <Tab title="Chat mit uns Button">
    **Der Chat mit uns-Button**

    * Verweist direkt in den Webchat mit Chatbot
    * Immer verfügbar, unabhängig von gebuchten Kanälen
    * Öffnet den DialogShift Webchat auf dem Gerät des Gastes
  </Tab>

  <Tab title="WhatsApp Button">
    **Der Click-to-Chat-Button von WhatsApp**

    * Nur verfügbar, sofern das Hotel den WhatsApp-Kanal bei DialogShift gebucht hat
    * Öffnet WhatsApp direkt mit dem Hotel-Chat
    * Besonders praktisch für mobile Nutzer
  </Tab>
</Tabs>

<Note>
  In beiden Fällen antwortet danach der Chat-Bot automatisch auf weitere Anfragen des Nutzers.
</Note>

## Integration in Journey-E-Mails

### Schritt-für-Schritt Anleitung

<Steps>
  <Step title="E-Mail-Vorlage auswählen">
    Öffne die Journey-E-Mail-Vorlage, in die du den Chat-Button integrieren möchtest
  </Step>

  <Step title="Button-Position bestimmen">
    Wähle die optimale Position für den Chat-Button:

    * **Am Ende der E-Mail**: Klassische Platzierung nach dem Hauptinhalt
    * **In der Signatur**: Diskrete Integration in die E-Mail-Signatur
    * **Als Call-to-Action**: Prominente Platzierung im Haupttext
  </Step>

  <Step title="Button-Typ auswählen">
    Entscheide zwischen:

    * **Chat mit uns-Button** für allgemeine Kontaktmöglichkeit
    * **WhatsApp-Button** für mobile-optimierte Kommunikation (falls verfügbar)
  </Step>

  <Step title="Design anpassen">
    Passe das Design des Buttons an:

    * Farbe entsprechend der Hotel-CI
    * Größe und Platzierung
    * Begleittext anpassen
  </Step>
</Steps>

## Best Practices

### Optimale Platzierung

* **Ende der E-Mail**: Nach dem Hauptinhalt, vor der Signatur
* **Sichtbar aber nicht aufdringlich**: Der Button soll auffallen, aber nicht vom Hauptinhalt ablenken

### Button-Text Empfehlungen

<CardGroup cols={2}>
  <Card title="Chat Button" icon="comments">
    * "Chat mit uns"
    * "Fragen? Jetzt chatten"
    * "Sofort Hilfe erhalten"
  </Card>

  <Card title="WhatsApp Button" icon="whatsapp">
    * "WhatsApp uns"
    * "Per WhatsApp kontaktieren"
    * "Schnell über WhatsApp"
  </Card>
</CardGroup>

### Offizielle WhatsApp Click-to-Chat Icons

Rechts-Klick zum Runterladen

<Frame>
  <img src="https://mintcdn.com/dialogshift/pP_LLuyA5XDN9bRG/images/wa_ctc_color.png?fit=max&auto=format&n=pP_LLuyA5XDN9bRG&q=85&s=6c1e15638c11403c79b974906f5e2f6d" alt="Wa Ctc Color Pn" title="Wa Ctc Color Pn" className="mr-auto" height="100" caption="WhatsApp Click-to-Chat Icon" data-path="images/wa_ctc_color.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/dialogshift/pP_LLuyA5XDN9bRG/images/wa_ctc_bw.png?fit=max&auto=format&n=pP_LLuyA5XDN9bRG&q=85&s=c8031860ee126bed665a0e3383817e3c" alt="Wa Ctc BW Pn" title="Wa Ctc BW Pn" className="mr-auto" height="100" data-path="images/wa_ctc_bw.png" />
</Frame>

### Begleittext-Beispiele

```
"Hast du Fragen? Unser Chat-Bot steht dir 24/7 zur Verfügung!"

"Für schnelle Antworten nutze gerne unseren Chat-Service."

"Kontaktiere uns direkt über WhatsApp für sofortige Hilfe."
```

## Vorteile der Integration

<Info>
  Die Integration von Chat-Buttons in Journey-E-Mails erhöht die Interaktionsrate und verbessert die Gästeerfahrung durch direkten Zugang zu automatisierter Hilfe.
</Info>

### Hauptvorteile:

* **Sofortige Hilfe**: Gäste erhalten unmittelbar Antworten auf ihre Fragen
* **Höhere Engagement-Rate**: Mehr Interaktion durch einfachen Zugang
* **Automatisierte Betreuung**: Der Chat-Bot übernimmt die erste Kontaktaufnahme
* **Mobile Optimierung**: Besonders bei WhatsApp für Smartphone-Nutzer ideal