WhatsApp Button Generator
Erstelle einen professionellen WhatsApp Button für deine Website – einfach kopieren, einfügen und fertig
Konfiguriere deinen WhatsApp Button
Mit Ländervorwahl (z.B. +49 für Deutschland)
Zeigt QR-Code in einem Popup (Standard: nur Button)
So bindest du den Button ein
In 3 einfachen Schritten zu deinem WhatsApp Button
Code kopieren
Klicke auf "Code kopieren" um den kompletten HTML-Code in deine Zwischenablage zu kopieren. Der Code ist vollständig und sofort einsatzbereit.
In Website einfügen
Füge den Code vor dem schließenden </body> Tag deiner Website ein. Bei den meisten Website-Baukästen (WordPress, Wix, Squarespace):
- •WordPress: Theme-Einstellungen → Custom HTML oder Footer-Editor
- •Wix: Einstellungen → Custom Code → Body-Ende
- •Squarespace: Einstellungen → Erweitert → Code-Injection → Footer
- •HTML-Website: Direkt vor dem </body> Tag einfügen
Testen und live gehen
Speichere deine Änderungen und teste den Button. Er sollte unten rechts auf deiner Website erscheinen. Klicke darauf, um zu testen ob WhatsApp sich öffnet. Fertig!
Technische Details
✓ Keine externe Bibliotheken: Der Code funktioniert komplett standalone
✓ Responsive: Passt sich automatisch an mobile Geräte an
✓ Performance: Minimaler Code, keine Auswirkung auf Ladezeit
✓ Browser-Kompatibilität: Funktioniert in allen modernen Browsern
✓ DSGVO-konform: Keine Cookies, keine Tracking-Scripts
Anpassungsmöglichkeiten
So kannst du den Button individualisieren
Position ändern
Standard ist unten rechts. Für andere Positionen ändere im Code:
z.B. für unten links: left: 24px;
Größe anpassen
Für einen größeren oder kleineren Button ändere:
z.B. für größer: padding: 20px;
Farbe anpassen
Standard ist WhatsApp-Grün (#27D366). Für andere Farben:
z.B. für Blau: #0088cc
Vorgefüllte Nachricht
Füge eine vorgefüllte Nachricht hinzu im WhatsApp-Link:
Füge dies am Ende der URL hinzu (Leerzeichen als %20)
Häufige Fragen
Funktioniert der Button auf allen Geräten?
Ja! Der Button funktioniert auf Desktop, Tablet und Smartphone. Auf mobilen Geräten öffnet sich die WhatsApp-App, auf Desktop die WhatsApp Web-Version.
Muss ich etwas installieren?
Nein! Der Code ist vollständig standalone und benötigt keine externen Bibliotheken oder Frameworks. Einfach kopieren, einfügen, fertig.
Kann ich mehrere Buttons auf einer Seite haben?
Der Code ist für einen Button optimiert. Für mehrere Buttons empfehlen wir, die ID-Namen im Code zu ändern (z.B. whatsapp-button-widget-2).
Ist der Button kostenlos?
Ja, komplett kostenlos! Du kannst den generierten Code unbegrenzt nutzen, auch kommerziell. Keine versteckten Kosten oder Limitierungen.
Was passiert mit dem QR-Code?
Der QR-Code wird direkt in den Code eingebettet (als Data-URL) und benötigt keine externe Bild-Datei. Das macht den Code portabel und unabhängig.
Weitere kostenlose Tools
WhatsApp Link & QR-Code Generator
Erstelle WhatsApp-Links und QR-Codes für Marketing-Materialien
Brauchst du einen WhatsApp-Link für Social Media oder einen QR-Code für Flyer und Visitenkarten? Mit unserem Link Generator kannst du beides erstellen und herunterladen – inklusive vorgefüllter Nachrichten für mehr Conversions.
Zum Link GeneratorBereit für deinen WhatsApp Button?
Erstelle jetzt deinen kostenlosen WhatsApp Button Code und erhöhe deine Kontaktrate. In unter 2 Minuten einsatzbereit.
Button jetzt erstellen