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

# Click-to-Chat: Kunden von außerhalb in WhatsApp bringen

> Führen Sie Personen aus Ihrer Website, E-Mails, Social-Media-Bios oder QR-Codes in ein WhatsApp-Gespräch mithilfe von wa.me-Links — dem kostenlosen Gegenstück zu Click-to-WhatsApp-Anzeigen.

Ein **Click-to-Chat-Link** öffnet WhatsApp mit einem bereits gestarteten Chat zu Ihrer Geschäftsnummer. Sie sind kostenlos, funktionieren ohne jegliche Meta-Einrichtung außer einer registrierten WhatsApp-Nummer und können überall dort eingesetzt werden, wo Sie einen normalen Link oder eine Schaltfläche platzieren — Website-CTAs, E-Mail-Fußzeilen, Social-Media-Bios, QR-Codes auf Verpackungen, Support-Seiten, Signaturblöcke und so weiter. Diese Seite behandelt, wie Sie sie erstellen, wo Sie sie platzieren und wie Sie die entstehenden Gespräche zuordnen.

<Tip>
  Am einfachsten erstellen Sie einen Click-to-Chat-Link oder QR-Code in Flowella, indem Sie einen **WhatsApp-Link** oder **QR-Code** als [Einstiegspunkt](/de/app/entry-points) anlegen. Flowella gibt Ihnen eine getrackte URL, die Sie überall einfügen können, zählt Klicks pro Einstiegspunkt und ermöglicht Ihnen dennoch, eine vorausgefüllte erste Nachricht festzulegen. Das manuelle `wa.me`-Format unten ist nützlich, wenn Sie einen Link außerhalb von Flowella von Hand erstellen müssen.
</Tip>

Wenn Sie WhatsApp-Gespräche über **bezahlte** Facebook- oder Instagram-Anzeigen anstoßen möchten, siehe [CTWA-Anzeigen](/de/campaigns/click-to-whatsapp-ads). Click-to-Chat ist das unbezahlte, organische Äquivalent.

## Das wa.me-Link-Format

Der grundlegende Link lautet:

```text theme={null}
https://wa.me/<full international phone number, digits only>
```

Für eine UK-Nummer `+44 20 7946 0000` lautet der Link `https://wa.me/442079460000`. Hinweise:

* **Kein `+`, keine Leerzeichen, keine Bindestriche.** Nur Ziffern.
* **Immer die Landesvorwahl angeben.** Eine reine Ortsnummer funktioniert nicht.
* **Verwenden Sie die auf der WhatsApp Business Platform registrierte Nummer**, nicht eine andere Kundendienst-Leitung.

Das Antippen des Links auf dem Handy öffnet WhatsApp direkt. Auf dem Desktop öffnet es [web.whatsapp.com](https://web.whatsapp.com) für Benutzer, die dort angemeldet sind, oder zeigt eine Ausweichseite an, die zur Installation oder zum Scannen eines QR-Codes auffordert.

## Vorausfüllen der ersten Nachricht

Der Query-Parameter `text` füllt den Nachrichtentext vor, den der Kunde sieht. Gut eingesetzt bringt Ihnen das:

* **Geringere Hürde.** Der Kunde muss sich nicht überlegen, was er zuerst tippen soll.
* **Routing-Signale.** Der vorausgefüllte Text kann kodieren, welche Seite oder Kampagne sie geschickt hat, sodass Ihr Team oder Ihr Workflow den Kontext kennt.
* **Zuverlässige Zuordnung.** Flowella kann die vorausgefüllte Nachricht analysieren und das Ergebnis in HubSpot zurückschreiben. Siehe [UTM-Tracking](/de/hubspot/utm-tracking).

Der Text muss URL-kodiert sein:

```text theme={null}
https://wa.me/442079460000?text=Hi%2C%20I%27d%20like%20to%20know%20more%20about%20%5BSPRING_LAUNCH%5D
```

Was in WhatsApp so erscheint:

> Hi, I'd like to know more about \[SPRING\_LAUNCH]

<Tip>
  Verwenden Sie einen **in Klammern gesetzten Code** wie `[SPRING_LAUNCH]` oder `[NEWSLETTER_JUL]`, den der Nutzer unwahrscheinlich versehentlich eintippen wird. So bleibt das Parsen zuverlässig, auch wenn der Nutzer den umgebenden Text bearbeitet. Halten Sie den Code kurz und menschenlesbar, damit die Vorbelegung natürlich aussieht.
</Tip>

## Wo Sie Click-to-Chat einsetzen

### Website-CTAs

Die häufigste Platzierung: eine „Auf WhatsApp chatten"-Schaltfläche an einer prominenten Stelle Ihrer Website. Bewährte Muster:

* **Floating Action Button (FAB)** auf jeder Seite, unten rechts. Gut für serviceorientierte Websites.
* **Inline-CTA** auf Landingpages, neben oder anstelle eines „Kontaktieren Sie uns"-Formulars. Sinnvoll, wenn WhatsApp Ihr bevorzugter Kontaktweg für eine bestimmte Kampagne ist.
* **Bestätigungsseiten nach dem Kauf**, mit dem Angebot, Versandaktualisierungen per WhatsApp zu senden.

Geben Sie jeder Platzierung ihren eigenen vorausgefüllten Code, damit Sie berichten können, welche Oberflächen die meisten Gespräche generieren.

### E-Mail

Fügen Sie einen Click-to-Chat-CTA hinzu bei:

* **Bestell- oder Buchungsbestätigungen**, mit einem Code wie `[ORDER_SUPPORT_{{order_id}}]`, damit Mitarbeiter den Kontext sofort sehen.
* **Newsletter-Fußzeilen**, mit einem generischen `[NEWSLETTER]`-Code.
* **Signaturen von Vertriebsmitarbeitern**, mit dem eingebetteten Namen des Mitarbeiters: `[REP_ADAM]`.

Funktioniert wie ein normaler `mailto:`- oder `tel:`-Link — der mobile E-Mail-Client des Nutzers öffnet WhatsApp beim Antippen.

### Social-Media-Bios

Instagram, Facebook, TikTok, LinkedIn und X erlauben es Ihnen alle, einen Link in Ihrer Bio zu platzieren. Ein `wa.me`-Link dort ist ein starker organischer Erfassungsmechanismus für Unternehmen mit mobilorientierten Zielgruppen.

Erwägen Sie die Verwendung eines Link-Shorteners (bit.ly, Linktree usw.), damit die URL aufgeräumt aussieht und Sie die Klickrate separat von Ihren anderen Social-CTAs verfolgen können.

### QR-Codes

QR-Codes, die zu einem `wa.me`-Link führen, sind heute überall: Restauranttische, Verpackungsbeilagen, POS-Displays, Poster auf Veranstaltungen, Visitenkarten. Die wichtigsten Vorteile:

* Der Nutzer muss Ihre Telefonnummer nicht eintippen.
* Sie landen in WhatsApp mit einer vorausgefüllten Nachricht, die Ihnen Kontext gibt.
* Der QR kann einen veranstaltungsspezifischen Code enthalten (z. B. `[CONFERENCE_DEMO_BOOTH]`).

Generieren Sie den QR-Code aus der vollständigen `wa.me`-URL, nicht nur aus einer Telefonnummer. Die meisten QR-Generatoren kommen damit direkt zurecht.

### Workflows für Vertriebsmitarbeiter

Mitarbeiter können einen personalisierten `wa.me`-Link in ausgehende E-Mails oder LinkedIn-Nachrichten einfügen, in dem ihr eigener Name und die Quelle des Interessenten kodiert sind. Aus Kundensicht ist es ein Fingertipp, um ein WhatsApp-Gespräch zu starten; aus Sicht des Mitarbeiters ist die vollständige Zuordnung in HubSpot vorhanden.

## Best Practices

<AccordionGroup>
  <Accordion title="Setzen Sie Erwartungen im umgebenden Text">
    Sagen Sie dem Kunden, was er in WhatsApp erwarten kann. „Erhalten Sie eine persönliche Demo — chatten Sie mit uns auf WhatsApp" ist klarer als nur „WhatsApp". Kunden, die wissen, worauf sie sich einlassen, blockieren seltener.
  </Accordion>

  <Accordion title="Machen Sie den Desktop-Fallback elegant">
    Viele Benutzer werden den Link auf dem Desktop antippen. WhatsApp Web funktioniert nur für Benutzer, die dort bereits angemeldet sind; alle anderen landen auf der Fallback-Seite von Meta. Wenn ein erheblicher Teil Ihres Publikums desktop-orientiert ist, bieten Sie zusätzlich ein Formular oder ein Chat-Widget als sekundäre Option an, nicht nur den wa.me-Link.
  </Accordion>

  <Accordion title="Verwenden Sie unterschiedliche Codes pro Platzierung, nicht pro Besucher">
    Der vorausgefüllte Code identifiziert die **Quelle**, nicht den Benutzer. Versuchen Sie nicht, eine persönliche Kennung in den Code zu packen — der Benutzer kann ihn sehen und bearbeiten, und eine Personalisierung erhöht das Datenschutzrisiko. Verwenden Sie HubSpots kontaktbezogene Eigenschaften oder `ctwa_clid` für personalisierte Zuordnung.
  </Accordion>

  <Accordion title="Konfigurieren Sie automatische Antworten für jeden Einstiegspfad">
    Ein Kunde, der über `[SPRING_LAUNCH]` kommt, erwartet eine andere erste Antwort als jemand, der über `[ORDER_SUPPORT]` kommt. Verwenden Sie die schlüsselwortgesteuerten Workflows von Flowella oder das KI-Agenten-Routing, um die richtige erste Nachricht basierend auf dem geparsten Code zu liefern. Siehe [Workflow-Aktionen](/de/hubspot/workflow-actions).
  </Accordion>

  <Accordion title="Testen Sie den Link von einem Telefon, das nicht als Kontakt gespeichert ist">
    Sobald Ihr Team mit Ihnen gechattet hat, ist Ihre Nummer auf deren Handys als Kontakt gespeichert, was das Verhalten des Links verändert. Testen Sie immer von einem frischen Telefon oder einem Kollegen, der zuvor nicht mit dem Unternehmen interagiert hat.
  </Accordion>
</AccordionGroup>

## Wann eine Schaltfläche statt eines Links verwendet werden sollte

Für Websites ist eine gestylte Schaltfläche in der Regel besser als ein einfacher Link:

* **Standard-CTAs.** Passen Sie das Aussehen Ihrer anderen Schaltflächen an, verwenden Sie Ihre Markenfarben.
* **WhatsApp-Grün-Branding.** Wenn Sie den ikonischen Look einer grünen Schaltfläche möchten, stellt Meta [offizielle Assets](https://developers.facebook.com/docs/whatsapp/business-management-api/branding-guidelines/) bereit. Halten Sie sich an deren Richtlinien, damit Sie keine Aufforderung zur Entfernung erhalten.
* **Floating Action Buttons.** Viele SaaS-Plattformen (Crisp, Tidio usw.) bieten WhatsApp-FAB-Widgets von Haus aus an.

Wenn Sie die Schaltfläche selbst erstellen, richten Sie sie mit der entsprechenden `text`-Vorbelegung auf den `wa.me`-Link.

## Click-to-Chat vs. CTWA-Anzeigen

Diese Werkzeuge lösen unterschiedliche Probleme und ergänzen sich gegenseitig:

| Funktion | Click-to-Chat (diese Seite) | [CTWA-Anzeigen](/de/campaigns/click-to-whatsapp-ads) |
| - | - | - |
| Kosten | Kostenlos | Bezahlt (Facebook-/Instagram-Anzeigenbudget) |
| Oberflächen | Überall, wo Sie einen Link platzieren | Facebook- und Instagram-Anzeigenplatzierungen |
| Zuordnung | Vorausgefüllter Textcode | `ctwa_clid` von Meta |
| Reichweite | Ihr bestehendes Publikum | Zielgerichtete Anzeigenzielgruppen |
| Einrichtungsaufwand | Minuten | Stunden (Anzeigenkonto, Kreativ, Targeting) |

Die meisten Unternehmen setzen beides ein: Click-to-Chat auf eigenen Oberflächen, CTWA für bezahlte Akquise.

## Verwandte Anleitungen

* [Einstiegspunkte](/de/app/entry-points) — verfolgte WhatsApp-Link- und QR-Code-Einstiegspunkte in Flowella erstellen
* [CTWA-Anzeigen](/de/campaigns/click-to-whatsapp-ads) — das bezahlte Gegenstück
* [UTM-Tracking](/de/hubspot/utm-tracking) — Gespräche der Kampagne zuordnen, die sie ausgelöst hat
* [Kampagnenübersicht](/de/campaigns/overview) — wo Click-to-Chat in Ihre gesamte Kundenansprache passt


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.