Einen WhatsApp Button auf deiner Website einzubinden, geht schnell: Du legst im Tool deine WhatsApp-Nummer und eine Begrüßungsnachricht fest, fügst einmal einen Code in den <head> ein und der Chat-Button erscheint auf allen gewünschten Seiten. In dieser Anleitung erfährst du, wie das in Shopify, WordPress und auf jeder anderen Website funktioniert und worauf du bei Begrüßungstext, Erreichbarkeit und Mobilgeräten achten solltest.
Warum ein WhatsApp Button auf der Website?
WhatsApp ist im DACH-Raum für viele Menschen der selbstverständlichste Weg, kurz eine Frage zu stellen. Statt ein Kontaktformular auszufüllen und auf eine E-Mail zu warten, tippen sie auf den Button und schreiben dir direkt. Das senkt die Hemmschwelle enorm – besonders bei Fragen wie:
- „Passt das Ersatzteil zu meinem Modell?“
- „Ist der Tisch auch in Eiche verfügbar?“
- „Kann ich bis Freitag liefern lassen?“
- „Habt ihr am Samstag geöffnet?“
Jede beantwortete Frage räumt ein Kaufhindernis aus dem Weg. Für Shops mit erklärungsbedürftigen Produkten, für Handwerksbetriebe, Restaurants oder Dienstleister ist ein WhatsApp-Button oft der direkteste Draht zum Kunden.
Was brauchst du vorher?
- Eine WhatsApp-Nummer: Am besten eine geschäftliche Nummer mit der App WhatsApp Business, damit du Privates und Geschäftliches trennst. Dort kannst du auch Abwesenheitsnachrichten und Öffnungszeiten hinterlegen.
- Die Nummer im internationalen Format: Ohne führende Null und ohne Pluszeichen, zum Beispiel 4915112345678 für eine deutsche Mobilnummer, 43… für Österreich oder 41… für die Schweiz.
- Zugriff auf den <head> deiner Website: Über das Theme, ein Plugin oder die Einstellungen deines Website-Baukastens.
Schritt 1: WhatsApp-Widget in wwidgets anlegen
- Erstelle ein kostenloses Testkonto (14 Tage gratis) und lege eine Kampagne für deine Domain an.
- Wähle „Neues Widget“ und den Typ „WhatsApp-Chat“.
- Trage deine Nummer im internationalen Format ein.
- Schreib eine vorausgefüllte Nachricht, die beim Klick schon im Chatfenster steht, zum Beispiel: „Hallo, ich habe eine Frage zu einem Produkt in eurem Shop.“
- Passe Farbe, Position (meist unten rechts) und Darstellung an dein Design an.
Schritt 2: Code einbinden – je nach System
Der wwidgets-Pixel-Code ist eine einzelne Zeile und lädt asynchron. Du fügst ihn einmal ein; alle weiteren Widgets steuerst du danach im Dashboard.
WhatsApp Button in Shopify einbinden
- Gehe im Shopify-Admin zu „Onlineshop“ und dann „Themes“.
- Wähle beim aktiven Theme „Code bearbeiten“.
- Öffne die Datei theme.liquid im Ordner „Layout“.
- Füge den Code direkt vor </head> ein und speichere.
WhatsApp Button in WordPress einbinden
- Einfacher Weg: Nutze ein Plugin zum Einfügen von Header-Code und trage den Pixel-Code dort ein. Das funktioniert auch mit WooCommerce und übersteht Theme-Updates.
- Für Fortgeschrittene: Setze den Code in die header.php deines Child-Themes vor </head>.
- Leere danach den Cache deines Caching-Plugins oder Hosters.
WhatsApp Button auf jeder anderen Website einbinden
Ob Magento, Wix oder eine eigene HTML-Seite: Überall, wo du Code im <head> ergänzen kannst, funktioniert das Widget. Die Einstiegsanleitung beschreibt die Schritte für gängige Systeme.
Schritt 3: Anzeige-Regeln festlegen
Du musst den Button nicht überall gleich zeigen. Sinnvolle Einstellungen sind zum Beispiel:
- Bestimmte Seiten: Auf Produkt- und Kontaktseiten ja, im Checkout eher nicht, damit niemand vom Kaufabschluss abgelenkt wird.
- Verzögerung: Der Button erscheint nach wenigen Sekunden, wenn der Besucher sich schon orientiert hat.
- Gerät: Auf dem Smartphone öffnet sich direkt die WhatsApp-App, auf dem Desktop WhatsApp Web oder die Desktop-App. Beides kannst du getrennt aktivieren.
Welche Tipps machen deinen WhatsApp Button erfolgreich?
Eine gute Begrüßungsnachricht formulieren
Die vorausgefüllte Nachricht nimmt dem Kunden das Überlegen ab. Gute Beispiele:
- „Hallo! Ich interessiere mich für einen Artikel aus eurem Shop und habe eine Frage.“
- „Hi, ich möchte einen Termin vereinbaren.“
- „Guten Tag, ich habe eine Frage zu meiner Bestellung.“
Kurz, freundlich und passend zu deinem Ton. Du kannst auch auf verschiedenen Seiten unterschiedliche Widgets mit passender Nachricht einsetzen, etwa eins für Produktfragen und eins für Termine.
Erreichbarkeit klar kommunizieren
Nichts frustriert mehr, als eine Nachricht zu schreiben und stundenlang keine Antwort zu bekommen. Schreib deine Antwortzeiten dazu, zum Beispiel „Wir antworten Mo–Fr von 9 bis 18 Uhr“. In WhatsApp Business kannst du außerdem eine automatische Abwesenheitsnachricht für Abende und Wochenenden einrichten.
Mobil zuerst denken
Ein Großteil der Chats startet auf dem Handy. Achte darauf, dass der Button groß genug zum Antippen ist, aber nichts Wichtiges verdeckt – vor allem nicht den Warenkorb-Button oder Cookie-Hinweise. Teste die Seite auf mehreren Geräten.
Datenschutz beachten
WhatsApp ist ein Dienst von Meta. Erwähne die Kontaktmöglichkeit über WhatsApp in deiner Datenschutzerklärung und biete zusätzlich einen anderen Kontaktweg an, etwa E-Mail oder Telefon. Kläre im Zweifel mit deiner Rechtsberatung, was für deinen Betrieb gilt.
Antworten vorbereiten
Leg dir in WhatsApp Business Schnellantworten für häufige Fragen an, etwa zu Versandkosten, Lieferzeiten oder Rückgabe. So antwortest du schnell und einheitlich, auch wenn mehrere Kollegen das Postfach betreuen.
Welche Fehler solltest du beim WhatsApp Button vermeiden?
- Falsches Nummernformat: Eine führende Null oder Leerzeichen in der Nummer führen dazu, dass der Chat nicht startet. Teste den Button nach dem Einrichten immer selbst mit deinem Handy.
- Private Nummer verwenden: Spätestens im Urlaub oder bei einem neuen Mitarbeiter wird das unpraktisch. Eine eigene Geschäftsnummer ist sauberer.
- Keine Antwort am Wochenende: Wenn niemand antwortet, wirkt der Button wie ein leeres Versprechen. Eine Abwesenheitsnachricht mit dem Hinweis, wann du dich meldest, verhindert Frust.
- Button verdeckt andere Elemente: Viele Shops haben unten rechts bereits Cookie-Hinweise oder einen Zurück-nach-oben-Pfeil. Wähle eine Position, an der sich nichts überschneidet.
- Zu viele Kontakt-Widgets: WhatsApp, Live-Chat, Rückruf-Formular und Newsletter-Pop-up gleichzeitig verwirren. Entscheide dich für einen Hauptkanal und biete die anderen dezent auf der Kontaktseite an.
Wie misst du den Erfolg des WhatsApp Buttons?
In der wwidgets-Statistik siehst du, wie oft der Button angezeigt, überfahren und angeklickt wurde, und wie hoch die Klickrate ist. Kombiniere das mit deinem Gefühl aus den Chats: Welche Fragen kommen häufig? Diese Antworten gehören oft zusätzlich auf die Produktseite oder in die FAQ – damit sparst du dir und deinen Kunden Zeit.
Für wen lohnt sich ein WhatsApp Button besonders?
Fast jede Website kann von einem direkten Chat profitieren, aber für manche Branchen ist er besonders wertvoll:
| Branche | Typische Anfrage per WhatsApp |
|---|---|
| Onlineshop für Möbel oder Technik | Maße, Kompatibilität, Lieferzeit |
| Restaurant oder Café | Tischreservierung, Allergene, Catering |
| Handwerksbetrieb | Kostenvoranschlag mit Foto vom Schaden |
| Friseur oder Kosmetikstudio | Terminanfrage, kurzfristige Lücken |
| Ferienwohnung oder Hotel | Verfügbarkeit, Anreise, Parkplatz |
Gerade wenn Kunden gern ein Foto schicken oder eine schnelle Ja-oder-Nein-Antwort brauchen, ist WhatsApp deutlich bequemer als ein Formular. Ein Malerbetrieb aus Graz zum Beispiel bekommt so direkt ein Bild der Wand und kann sofort einschätzen, wie groß der Aufwand ist. Überlege dir, welche Fragen bei dir am häufigsten kommen, und richte Begrüßungsnachricht und Schnellantworten genau darauf aus.
Häufige Fragen zum WhatsApp Button
Brauche ich die WhatsApp Business API?
Nein. Für einen Chat-Button reicht eine normale WhatsApp- oder WhatsApp-Business-Nummer. Der Button öffnet einfach einen Chat mit dieser Nummer.
Kann ich den Button nur zu Geschäftszeiten anzeigen?
Du kannst steuern, auf welchen Seiten, Geräten und wie oft der Button erscheint. Für Zeiten außerhalb deiner Erreichbarkeit hilft zusätzlich eine Abwesenheitsnachricht in WhatsApp Business.
Was kostet der WhatsApp Button bei wwidgets?
Der WhatsApp-Chat-Button ist in den Tarifen ab 9 € im Monat enthalten, zusammen mit 25 weiteren Widget-Typen. Details findest du auf der Preisseite.
Ein WhatsApp Button ist eine kleine Änderung mit großer Wirkung für den Kundenkontakt: Besucher fragen schneller, du antwortest persönlicher, und offene Fragen stehen dem Kauf nicht mehr im Weg. Starte jetzt deine kostenlose Testphase und bau den Button in wenigen Minuten auf deiner Website ein.
