Wie füge ich meiner Website einen WhatsApp-Button hinzu?
Ein Plugin brauchen Sie nicht: Ein WhatsApp-Button ist ein ganz normaler Link auf https://wa.me/, gefolgt von Ihrer Nummer im vollständigen internationalen Format — zuerst die Ländervorwahl, dann die Nummer, ohne Pluszeichen, ohne führende Null und ohne Leerzeichen, Klammern oder Bindestriche. Mit ?text= und einer URL-kodierten Nachricht legen Sie vorab fest, was der Besucher sendet. Tippen Sie ihn vor dem Veröffentlichen auf einem echten Handy an, denn eine falsche Nummer sieht genauso aus wie eine richtige, bis jemand sie benutzt.
Der Link ist der ganze Button
WhatsApp dokumentiert das selbst als "Click to Chat": Ein Link der Form https://wa.me/ plus Telefonnummer öffnet einen Chat mit dieser Nummer, ohne dass der Besucher sie als Kontakt speichern muss. Das WhatsApp-Hilfecenter verlangt die vollständige Nummer im internationalen Format und sagt, Nullen, Klammern und Bindestriche wegzulassen. Auf dem Handy öffnet der Link die App, am Computer übergibt er an WhatsApp Web oder die Desktop-App. Alles andere — der grüne Kreis, das Icon, die feste Position in einer Ecke — ist nur Gestaltung rund um diesen einen Link.
| Nummer, wie man sie schreibt | Was nach wa.me/ kommt |
|---|---|
| +1 (415) 555-0132 | 14155550132 |
| 07700 900123 (britisches Handy) | 447700900123 |
| (11) 9XXXX-XXXX (Handy in São Paulo) | 55119XXXXXXXX |
| 0151 XXXXXXXX (deutsches Handy) | 49151XXXXXXXX |
Um die Nachricht vorzubelegen, hängen Sie ?text= und die URL-kodierte Nachricht an: Ein Leerzeichen wird zu %20, ein Zeilenumbruch zu %0A, und ein kaufmännisches Und muss zu %26 werden — ein nacktes & beginnt einen neuen URL-Parameter, und die Nachricht bricht an dieser Stelle ab. In JavaScript übernimmt encodeURIComponent die Kodierung. Chat-Widget-Plugins bringen eine Sprechblase, Öffnungszeiten oder die Verteilung auf mehrere Mitarbeiter mit, um den Preis eines Drittanbieter-Skripts bei jedem Seitenaufruf; ein einfacher Link erledigt die Kernaufgabe, ohne dass etwas zusätzlich geladen wird.
Was wir auf den von uns gehosteten Websites gefunden haben
AgentCeres — der AI Growth Officer auf agentceres.com — hostet Seiten, die Kunden mit ihrem Agenten bauen, und WhatsApp ist der Weg, über den ein großer Teil dieser Seiten um Kontakt bittet. Am 27. September 2026 haben wir jede live geschaltete Website geprüft: 65 von 199, aus 53 Konten, verlinken auf WhatsApp, und 62 dieser 65 belegen eine Nachricht vor.
Zwölf der 65 schicken den Besucher woandershin als zum Unternehmen. Neun enthalten noch einen Platzhalter: ein "Ihre Nummer hier" in eckigen Klammern, eine Reihe Nullen oder eine saubere Beispielnummer wie ein Handy in São Paulo, das nur aus Neunen besteht. Drei haben gar keine Nummer, womit sich der Kontaktauswahl-Bildschirm von WhatsApp öffnet statt des Chats mit dem Unternehmen. Keine dieser Seiten sieht kaputt aus. Der Button ist da, die Farben stimmen, die Nachricht ist vorbelegt — der Fehler existiert erst in dem Moment, in dem ein Kunde tippt. Eine realistisch aussehende Beispielnummer ist die schlimmste Variante, denn sie kann jemandem gehören, der dann die Nachrichten Ihrer Kunden bekommt.
Wenn eine KI Ihre Seite geschrieben hat und Sie ihr Ihre Nummer nie gegeben haben, gehen Sie davon aus, dass sie eine erfunden hat. Öffnen Sie den Quelltext der Seite, suchen Sie nach wa.me und lesen Sie die Ziffern.
Dorthin, wo der Daumen hinkommt und sonst nichts ist
Die meisten WhatsApp-Buttons schweben in der rechten unteren Ecke — genau dort, wo auch Chat-Widgets, Cookie-Banner, Nach-oben-Pfeile und die Badges von Website-Baukästen sitzen. Bei einer Prüfung der fixierten Elemente auf unseren gehosteten Seiten im September hatten 19 von 101 Live-Seiten etwas in dieser Ecke schweben, und auf dem Handy heißt das bei zwei fixierten Elementen in einer Ecke, dass eines das andere verdeckt — der Grund, warum wir die Position unseres eigenen Badges auf kleinen Bildschirmen geändert haben (siehe wie man ein Made-with-Badge entfernt). Geben Sie jeder Ecke nur eine Aufgabe, lassen Sie Platz über der Home-Leiste des Handys und geben Sie einem reinen Icon-Button eine Textbeschriftung wie "Schreiben Sie uns auf WhatsApp", damit Screenreader sagen können, was er tut.
Was Ihnen der Button nicht sagen kann
Ein Tipp auf einen wa.me-Link ist eine Navigation weg von Ihrer Website. Ihre Webanalyse kann den Klick zählen, aber nichts sagt der Seite, ob tatsächlich eine Nachricht gesendet wurde, und das Gespräch liegt auf einem Handy statt in irgendeinem Datensatz der Website — das Gegenteil eines Formulars, das speichert, was abgeschickt wurde. Einige Seiten unserer Kunden holen einen Teil davon über den vorbelegten Text zurück: "Hallo! Ich habe Sie über Ihre Website gefunden" oder "Ich komme von TikTok" ist die einzige Quellenzuordnung, die eine WhatsApp-Anfrage je mitbringt.
Halten Sie außerdem einen zweiten Weg offen. 45 der 65 WhatsApp-Websites, die wir hosten, haben auch ein Formular, das Besucher auffängt, die kein WhatsApp nutzen oder an einem Computer ohne WhatsApp sitzen. Wenn Leute die Seite besuchen, sich aber niemand meldet, liegen die Ursachen meist an anderer Stelle der Seite — siehe warum bekomme ich keine Anfragen über meine Website.
FAQ
- Brauche ich WhatsApp Business für einen Button auf der Website?
- Nein. Ein wa.me-Link öffnet einen Chat mit jeder WhatsApp-Nummer. Die Business-App ergänzt Dinge, die ein Geschäft meist haben möchte — ein Unternehmensprofil, Begrüßungs- und Abwesenheitsnachrichten, einen Katalog und einen eigenen Kurzlink —, der Button selbst funktioniert aber in beiden Fällen.
- Macht ein WhatsApp-Button meine Website langsamer?
- Ein einfacher Link mit eingebettetem Icon kostet nichts Messbares. Widget-Plugins laden auf jeder Seite eigene Skripte und Styles, und daher kommt jede Verlangsamung.
- Kann ich sehen, wie viele Leute mir über die Website geschrieben haben?
- Nur indirekt. Sie können Klicks auf den Link zählen, aber nicht, ob danach eine Nachricht kam. Eine kurze Herkunftsangabe im vorbelegten Text, je Seite oder Kampagne unterschiedlich, zeigt Ihnen beim Eintreffen, wo jedes Gespräch begonnen hat.
- Kann der Button eine ganze Bestellung schicken, etwa einen Warenkorb?
- Ja. Ein kleines Skript kann die Nachricht aus der Auswahl des Besuchers bauen — Artikel, Mengen, eine Summe —, sie kodieren und wa.me damit vorbelegt öffnen. Der Besucher drückt in WhatsApp noch selbst auf Senden, und Sie bestätigen die Bestellung dort.
Soll das jemand für dich erledigen?
AgentCeres ist ein gemanagtes KI-Marketingteam: Spezialisten erstellen die Entwürfe, du gibst frei, was rausgeht. 14 Tage kostenlos testen, ab $39/Monat.