WhatsApp Button Generator
Erstellen Sie einen professionellen WhatsApp Button für Ihre Website – einfach kopieren, einfügen und fertig
Konfigurieren Sie Ihren WhatsApp Button
Mit Ländervorwahl (z.B. +49 für Deutschland)
Zeigt QR-Code in einem Popup (Standard: nur Button)
So binden Sie den Button ein
In 3 einfachen Schritten zu Ihrem WhatsApp Button
Code kopieren
Klicken Sie auf "Code kopieren" um den kompletten HTML-Code in Ihre Zwischenablage zu kopieren. Der Code ist vollständig und sofort einsatzbereit.
In Website einfügen
Fügen Sie den Code vor dem schließenden </body> Tag Ihrer 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
Speichern Sie Ihre Änderungen und testen Sie den Button. Er sollte unten rechts auf Ihrer Website erscheinen. Klicken Sie 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 können Sie 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! Sie können 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
Brauchen Sie einen WhatsApp-Link für Social Media oder einen QR-Code für Flyer und Visitenkarten? Mit unserem Link Generator können Sie beides erstellen und herunterladen – inklusive vorgefüllter Nachrichten für mehr Conversions.
Zum Link GeneratorBereit für Ihren WhatsApp Button?
Erstellen Sie jetzt Ihren kostenlosen WhatsApp Button Code und erhöhen Sie Ihre Kontaktrate. In unter 2 Minuten einsatzbereit.
Button jetzt erstellen