Button bauen & gestalten
Trage deine WhatsApp-Nummer ein und passe Text, Farbe und Position an. Vorschau und Code unten aktualisieren sich sofort.
Internationales Format mit Ländervorwahl, ohne „+“ und ohne 0.
Steht beim Besucher beim Öffnen schon im Eingabefeld.
Live-Vorschau · klick den Button in der Ecke an
Einbetten
Kopiere den Schnipsel und füge ihn vor dem schließenden
</body> ein – oder ins „Custom Code / HTML“-Feld deines
Baukastens. Funktioniert in WordPress, Wix, Jimdo, Shopify, Webflow, Squarespace oder purem HTML.
Die script-Variante hängt den schwebenden Button
automatisch an deine Seite – das ist die einfachste Lösung. Die
HTML-Element-Variante gibt dir volle Kontrolle: Script einmal laden,
das <whatsapp-button> dann beliebig oft / dynamisch einsetzen.
So funktioniert’s
- EinstellenNummer eintragen, Text, Farbe und Position oben anpassen – die Vorschau zeigt sofort, wie der Button auf deiner Seite aussieht.
- EinfügenDie eine Code-Zeile kopieren und vor dem
</body>deiner Website einsetzen. - ChattenBesucher tippen auf den Button und landen direkt in deinem WhatsApp – mit vorausgefüllter Nachricht. Fertig.
Warum dieses Widget
Kein Aufwand
Eine Zeile Code, kein Konto, kein Server, keine API-Schlüssel. Läuft komplett im Browser des Besuchers.
Echte Chat-Karte
Authentische WhatsApp-Optik mit Avatar, Online-Status und Begrüßung – statt nur eines nackten Buttons.
Isoliert & robust
Shadow-DOM kapselt alle Styles – kein Konflikt mit deinem Theme, keine Layout-Überraschungen.
Barrierearm
Tastaturbedienung, ESC schließt, Fokus-Ringe und „weniger Bewegung“ werden respektiert.
Mobil perfekt
Öffnet die WhatsApp-App am Handy, WhatsApp Web am Desktop – inklusive vorausgefüllter Nachricht.
Ganz dein Stil
Farbe, Position, Etikett, hell/dunkel und Verhalten frei wählbar – passend zu jeder Marke.
Häufige Fragen
Brauche ich ein WhatsApp Business-Konto?
Nein. Es genügt eine normale WhatsApp-Nummer. Der Button öffnet einfach einen Chat zu
dieser Nummer über den offiziellen wa.me-Link.
In welchem Format muss ich die Nummer eingeben?
Im internationalen Format mit Ländervorwahl, ohne „+“, ohne Leerzeichen und ohne die
führende 0. Beispiel Deutschland: aus 0170 1234567 wird
491701234567. Leerzeichen darfst du der Lesbarkeit halber
eintragen – sie werden automatisch entfernt.
Fallen Kosten an oder gibt es ein Tracking?
Nein. Das Widget ist kostenlos, lädt keine Tracker und setzt keine Cookies. Es spricht ausschließlich mit WhatsApp, wenn der Besucher auf den Button tippt.
Funktioniert es in WordPress, Wix & Co.?
Ja. Überall, wo du eigenen HTML- oder „Custom Code“ einfügen kannst, läuft der Button – WordPress, Wix, Jimdo, Shopify, Webflow, Squarespace, Typo3 oder pures HTML.
Kann ich mehrere Berater / Nummern einbinden?
Pro Button eine Nummer. Du kannst aber mit der HTML-Element-Variante
mehrere <whatsapp-button> einsetzen oder die Nummer dynamisch
wechseln.