Dokumentation durchsuchen Deine Website

WhatsApp auf deiner Website einbauen

Bau einen WhatsApp-Button ein, der auf jeder Seite einen Chat mit der passenden Nachricht öffnet, und ändere die Nummer später, ohne deine Website anzufassen.

Aktualisiert am 11. November 2026 Als Markdown ansehen

Mit einem WhatsApp-Button stellt ein Besucher seine Frage in dem Moment, in dem er sie hat, ohne deine Nummer zu kopieren. Auf dem Smartphone öffnet er die WhatsApp-App, am Computer WhatsApp Web oder die Desktop-App.

Einen Chat-Button einbauen

Die meisten Website-Baukästen haben einen Button-Block, in den du einen Link einfügst: Füg dort deinen wa.link ein. Wenn du das HTML deiner Website bearbeitest, ist das hier ein vollständiger Button:

<a
	href="https://wa.link/tiendaluna"
	target="_blank"
	rel="noopener"
	style="display:inline-block;padding:12px 20px;border-radius:8px;background:#075e54;color:#ffffff;font-weight:600;text-decoration:none"
>
	Chat with us on WhatsApp
</a>

Ersetze tiendaluna durch deine Adresse. Lass rel="noopener", wie es ist: Mit noreferrer würde deine Website in den Traffic Sources (Zugriffsquellen) des Links nicht mehr auftauchen.

Die wa.me-Links von WhatsApp selbst sind kostenlos und öffnen auch einen Chat. Der Unterschied zeigt sich später, wenn sich deine Nummer ändert oder jemand Neues die Chats übernimmt. Ein fest eingebauter Link zeigt auf jeder Seite weiter auf die alte Nummer, bis du jede einzelne findest und bearbeitest.

wa.me-Link Premium-Link
Nummer oder Nachricht ändern Jede Seite bearbeiten Einmal, in Walink
Klicks gezählt Nein Ja, mit ihren Quellen
Eine Nachricht für viele Seiten Voller Text in jeder URL Ja, mit Variablen
Landingpage vor dem Chat Nein Optional

Ein kostenloser wa.link ist wie ein wa.me-Link mit kürzerer Adresse und einem QR-Code: Auch er lässt sich nicht bearbeiten. Warum Walink vergleicht die Möglichkeiten genauer.

Eine Nachricht für jede Seite

Auf einer Produktseite sollte der Chat sagen, welches Produkt sich der Besucher angesehen hat. Nachrichtenvariablen schaffen das mit einem einzigen Premium-Link:

  1. Schreib in die Pre-filled Message (vorausgefüllte Nachricht) des Links {{product}} an die Stelle, an der der Produktname stehen soll: Hallo, ich interessiere mich für {{product}}.
  2. Leg unter Message variables einen Standardwert fest, etwa eure Lampenkollektion, für Seiten, die keinen Wert mitgeben.
  3. Häng auf jeder Produktseite das Produkt an den Link: https://wa.link/tiendaluna?product=Moon+Lamp. Ein + steht für ein Leerzeichen.

Der Chat öffnet sich mit „Hallo, ich interessiere mich für Moon Lamp.“ Variablen funktionieren bei Chat-Links. Smart Links senden die Nachricht jedes Ziels so, wie du sie geschrieben hast.

Anfragen mit Angaben

Wenn du jedes Mal dieselben Angaben brauchst, etwa ein Datum, eine Leistung und einen Namen, lass den Button stattdessen auf ein Formular zeigen. Der Besucher antwortet auf form.wa.link, dann öffnet sich WhatsApp, und jede Antwort steht schon in der Nachricht. Verlinke das Formular auf deiner Seite, statt es einzubetten. Ein Formular kostet $10 USD pro Monat pro veröffentlichtem Formular.

Klicks messen und leiten

  • Deine Website erscheint mit ihrer Domain in den Traffic Sources des Links. So unterscheidest du Chats von der Website von denen aus Instagram.
  • Klicks von jeder Seite zählen auf denselben Link. Um Seiten zu vergleichen, gib jeder Seite einen eigenen Premium-Link.
  • Ein Smart Link kann Website-Besucher weiterleiten. Business Hours (Geschäftszeiten) leitet Klicks außerhalb deiner Zeiten an jemand anderen. Wähle im Modus Referral Source (Herkunft) Custom und gib deine Domain ein, um Chats von der Website an dein Vertriebsteam zu leiten. Eine eigene Quelle passt auch auf ein utm_source- oder utm_campaign-Tag im Link. Siehe Routing.