promolinks.deby Michael Kotzur
Gratis-Tool · 1×/Tag kostenlos

WhatsApp-Button erstellen

Kostenloser WhatsApp-Button-Generator: Bau dir mit Schiebereglern deinen schwebenden WhatsApp-Button, sieh ihn live in der Vorschau und kopier den fertigen Code für deine Website – ganz ohne Programmieren.

+49

Land links wählen, dann die Nummer ohne führende 0.

60px

Dein Einbau-Code

Stell oben deinen Button ein und tippe auf den Generieren-Button – dann erscheint hier dein fertiger Code zum Kopieren.

So sieht der Button auf deiner Website aus

Was ist ein WhatsApp-Button?

Ein WhatsApp-Button ist ein kleiner, schwebender Knopf in der Ecke deiner Website. Ein Klick darauf öffnet sofort einen WhatsApp-Chat mit deiner Nummer – auf Wunsch mit schon vorgeschriebener Nachricht. Deine Besucher müssen keine Nummer suchen oder speichern, kein Formular ausfüllen und nicht auf eine E-Mail-Antwort warten.

Der Button bleibt beim Scrollen immer sichtbar (fixiert), funktioniert auf Handy und Desktop und braucht keine App und keine Anmeldung. Du bekommst ein fertiges Code-Stück, das du nur einmal in deine Seite einfügst.

Egal ob WordPress, Shopify, Wix oder eine eigene HTML-Seite: Du fügst den WhatsApp-Button-Code einmal ein und hast ab sofort einen direkten Draht zu deinen Besuchern – ohne Plugin-Wildwuchs und ohne monatliche Kosten. So wird aus jedem Website-Besuch eine mögliche WhatsApp-Anfrage, ein Termin oder ein Verkauf.

Warum ein WhatsApp-Button auf der Website?

Die meisten Besucher kaufen oder fragen nicht beim ersten Kontakt an. Ein WhatsApp-Button senkt die Hemmschwelle auf ein Minimum – schreiben ist schneller und persönlicher als ein Formular oder ein Anruf. So holst du Anfragen ab, die sonst verloren gehen.

~96 %
der Deutschen nutzen WhatsApp
über 90 %
Öffnungsrate von WhatsApp-Nachrichten
61 %
schreiben lieber, statt anzurufen

Das kannst du anpassen

Mit den Schiebereglern und Feldern stellst du deinen Button in Sekunden ein – die Vorschau zeigt jede Änderung sofort.

Farbe

Wähle die Button-Farbe frei – Standard ist das klassische WhatsApp-Grün, du kannst aber auch deine Markenfarbe nehmen.

Größe

Per Schieberegler von dezent bis auffällig. Das Icon und der Text skalieren automatisch mit.

Position

Unten rechts oder unten links – je nachdem, wo der Button am besten zu deinem Design passt.

Text & Nachricht

Wahlweise nur das Icon (rund) oder mit Button-Text. Dazu eine vorausgefüllte Nachricht, die im Chat schon eingetippt ist.

So baust du den Code ein – kinderleicht

Du brauchst keine Programmierkenntnisse. Klick auf Code kopieren und füg den Code am Seitenende ein, kurz vor dem schließenden </body>-Tag. So geht es bei den gängigen Systemen:

WordPress

Am einfachsten mit dem kostenlosen Plugin WPCode (oder Insert Headers and Footers): Code im Footer-Bereich einfügen und speichern. Ohne Plugin: einen Custom-HTML-Block im Footer-Widget nutzen.

HTML-Website

Öffne deine HTML-Datei, füg den Code direkt vor </body> ein, speichern und hochladen. Fertig.

Wix

Einstellungen -> Benutzerdefinierter Code -> neuen Code hinzufügen und unter Body - Ende einsetzen.

Squarespace

Einstellungen -> Erweitert -> Code-Injection -> Code im Feld Footer einfügen.

Shopify

Onlineshop -> Themes -> Code bearbeiten -> theme.liquid öffnen und den Code vor </body> einfügen.

Baukasten (Jimdo, IONOS …)

Such nach Eigener Code / HTML einbetten / Footer-Code und füg den Code dort ein.

Technisch sauber gebaut

Häufige Fragen zum WhatsApp-Button

Funktioniert der Button auf allen Geräten?+

Ja. Der Button ist responsiv und funktioniert auf dem Handy, Tablet und Desktop. Auf dem Handy öffnet sich die WhatsApp-App, am Desktop WhatsApp Web.

Muss ich etwas installieren?+

Nein. Du fügst nur ein kleines Code-Stück in deine Seite ein. Es lädt keine Bibliothek und braucht kein Plugin (bei WordPress ist ein Code-Plugin nur der bequemste Weg zum Einfügen).

Ist der WhatsApp-Button kostenlos?+

Ja. Du erstellst hier kostenlos einen Button pro Tag. Mit einem kostenlosen promolinks-Account sind es unbegrenzt viele – plus Klick-Statistik, kurzer Link und QR-Code.

Ist der Button DSGVO-konform?+

Der Code selbst lädt nichts von Dritten und setzt keine Cookies. Achte in deiner Datenschutzerklärung darauf, dass beim Klick eine Weiterleitung zu WhatsApp (Meta) erfolgt.

Kann ich Farbe, Größe und Text später ändern?+

Klar. Stell den Button hier neu ein, generiere den Code neu und ersetz das alte Code-Stück auf deiner Seite.

Funktioniert das auch mit WhatsApp Business?+

Ja. Der Button funktioniert mit jeder WhatsApp-Nummer – privat oder WhatsApp Business.

Du willst nur einen WhatsApp-Link statt eines Buttons?

Nicht jede Stelle braucht einen schwebenden Button. Für deine Instagram-Bio, eine Werbeanzeige, die E-Mail-Signatur oder einen QR-Code reicht ein klickbarer WhatsApp-Link (wa.me). Den erstellst du in Sekunden mit unserem WhatsApp-Link-Generator – Nummer rein, optional eine Nachricht, fertig zum Teilen.

Zum WhatsApp-Link-Generator

Mehr aus deinem WhatsApp-Button holen

Mit einem kostenlosen promolinks-Account baust du unbegrenzt Buttons – und machst aus jeder WhatsApp-Nummer zusätzlich einen kurzen Link mit Klick-Statistik und passendem QR-Code.

Kostenlos anmelden
WhatsApp-Button für deine Website erstellen | promolinks.de