Kostenloser WhatsApp-Button für deine Website

Füge deiner Website einen WhatsApp-Chat hinzu, um mit Besuchern zu kommunizieren, sofortigen Support zu bieten und ein reibungsloseres, vertrauenswürdigeres Nutzererlebnis zu schaffen.

WhatsApp-Button erstellen

von über 500.000 Unternehmen genutzt

Der Editor ist vorerst auf Englisch. Keine Kreditkarte nötig.

plugineditor

Probier den Editor aus, ohne Registrierung

Gestalte dein Widget direkt hier

Wähle eine Vorlage, passe sie an und sieh live, wie sich alles aktualisiert, ohne Registrierung. Der Editor ist vorerst auf Englisch.

Editor öffnen

Keine Kreditkarte nötig · Dauerhaft kostenloser Plan

Keine Kreditkarte nötig · Dauerhaft kostenloser Plan

  • 200+Unterstützte Plattformen
  • 500.000+Unternehmen nutzen Common Ninja
  • <3 Min.Einrichtungszeit
  • No-CodeKeine Programmierung nötig

Der WhatsApp-Button von Common Ninja ist ein kostenloser Chat-Button ohne Programmierung, der eine WhatsApp-Unterhaltung mit deinem Unternehmen öffnet, sobald ein Besucher darauf tippt.

Gib deine Nummer ein, wähle ein Icon und die schwebende Position, fülle bei Bedarf die erste Nachricht vor, lege die Sichtbarkeit nach Geschäftszeiten fest und füge dann eine Zeile Einbettungscode auf über 200 Plattformen ein, darunter Canva, Webflow, Bolt, Lovable und Google Sites.

Die Einrichtung dauert unter 3 Minuten.

Warum ein WhatsApp-Button auf deine Website gehört

  • Besucher gewinnen, die sonst abgesprungen wären

    Ein schwebender WhatsApp-Button gibt allen, die eine kurze Frage haben, einen reibungslosen Weg, sie zu stellen, statt die Seite zu verlassen und bei Google zu vergleichen. Für Dienstleister, Immobilienangebote, Onlineshops und Berater ist die Live-Chat-Option oft der Unterschied zwischen einem Lead und einer verlorenen Sitzung.

  • Support auf dem Kanal, den Kunden ohnehin nutzen

    WhatsApp hat über 2 Milliarden Nutzer und ist in den meisten Ländern der Welt die Standard-Messaging-App. Kunden dort abzuholen ist besser, als sie in ein eigenes Chat-Widget zu lotsen, an das sie morgen nicht mehr denken. Benachrichtigungen landen auf ihrem Smartphone, Unterhaltungen bleiben erhalten, der Verlauf ist durchsuchbar.

  • Leads auch außerhalb der Geschäftszeiten gewinnen

    Ein Webformular landet in einem Postfach, das du morgen früh liest. Eine WhatsApp-Nachricht erscheint auf dem Smartphone in deiner Tasche. Schalte den Button nach Feierabend aus oder lass ihn an und antworte, wann du kannst. So oder so verlierst du den Lead nicht an einen Mitbewerber mit dem bequemeren Formular.

  • Weniger Support-E-Mails dank schneller Antworten

    Die meisten Fragen vor dem Kauf sind einfach: Preis, Verfügbarkeit, Versand, Standort. Eine 30-Sekunden-Antwort per WhatsApp klärt die Frage schneller als eine getippte E-Mail, und der Besucher bleibt interessiert auf der Seite, statt in sein Postfach zu wechseln.

In 3 Schritten starten

So funktioniert's

  1. Gib deine WhatsApp-Nummer ein

    Gib die WhatsApp-Business- oder Privatnummer, an die Nachrichten gehen sollen, im internationalen Format ein. Das Widget erstellt den wa.me-Deep-Link automatisch: Am Desktop öffnet ein Klick WhatsApp Web, auf dem Smartphone öffnet ein Tippen die WhatsApp-App auf dem Gerät des Besuchers.

  2. Button und vorausgefüllte Nachricht anpassen

    Wähle ein Icon aus der Bibliothek, lege Farben und Größe fest und bestimme, wo der schwebende Button sitzt (standardmäßig unten rechts, frei einstellbar). Optional füllst du die erste Nachricht der Besucher vor („Hallo, ich habe eine Frage zu X“), damit das Gespräch mit Kontext beginnt statt mit einem leeren Chat.

  3. Eine Zeile einfügen, fertig

    Kopiere den Einbettungscode und füge ihn auf deiner Website ein. Spätere Änderungen an Nummer, Nachricht, Icon oder Geschäftszeiten-Regeln werden automatisch übernommen. Ein neues Ziel für die Nachrichten ist also eine einzige Änderung im Dashboard, kein Code-Commit.

Editor öffnen

Das bekommst du mit dem WhatsApp-Button von Common Ninja

Vorausgefüllte erste Nachricht

Lege die Nachricht fest, die Besucher senden, wenn sie auf den Button tippen, etwa „Hallo, ich habe eine Frage zu euren Preisen“ oder „Hallo, ich habe euer Angebot für [Immobilie] gesehen.“ Gespräche beginnen mit Kontext, dein Team antwortet schneller, und Besucher sitzen nicht ratlos vor einem leeren Chat.

Sichtbarkeit nach Geschäftszeiten

Zeige den Button während der Geschäftszeiten und blende ihn nachts aus, oder lass ihn rund um die Uhr an, mit einer automatischen Antwort. Lege Zeitfenster pro Tag fest, damit die Wochenendzeiten von den Wochentagen abweichen können. Der Zeitplan richtet sich nach der Zeitzone der passenden Region.

Eigene Icons, Farben und schwebende Position

Wähle das Icon aus der Bibliothek (Sprechblase, Headset, Telefon, eigener Upload), passe die Button-Farbe an deine Marke an, wähle die schwebende Position links oder rechts und entscheide, ob der Button beim Scrollen mitläuft oder fest in der Ecke bleibt.

Schwebender Button, für Mobilgeräte optimiert

Auf Smartphones sitzt der Button bequem über der Navigationsleiste und verdeckt keine Inhalte. Ein Tippen öffnet direkt die WhatsApp-App, ohne QR-Code-Scan, ohne Nummern kopieren und ohne verlorene Taps an eine Download-Aufforderung.

Alles, was der Editor kann

  • WhatsApp-Button: Chat-Hintergrund ändern

    Chat-Hintergrund ändern

    Beim WhatsApp-Chat-Widget kannst du den Hintergrund des Chats ändern, damit er zum Design deiner Website passt, dein Chat hervorsticht oder gut gestaltete Firmenhintergründe deine Markenbekanntheit stärken.

  • WhatsApp-Button: Vollständig anpassbar

    Vollständig anpassbar

    Das WhatsApp-Chat-Widget bietet umfassende Anpassungsmöglichkeiten, damit du das Design nach deinen Bedürfnissen gestalten kannst. Ändere Farben, Schriftarten, Abstände und alles andere!

  • WhatsApp-Button: Perfekt responsiv

    Perfekt responsiv

    Das WhatsApp-Chat-Widget ist perfekt responsiv und sieht auf jedem Gerät großartig aus. In einer Mobile-first-Welt verschafft dir diese Funktion einen Vorsprung vor der Konkurrenz.

  • WhatsApp-Button: Eigenes CSS

    Eigenes CSS

    Wie bei allen Apps von Common Ninja kannst du eigenes CSS hinzufügen, um das WhatsApp-Chat-Widget anzupassen und noch kreativer zu werden.

  • WhatsApp-Button: Einfach einzubetten

    Einfach einzubetten

    Du bettest das WhatsApp-Chat-Widget ganz einfach auf deiner Website ein, indem du eine einzige Zeile Code kopierst. Die App wird außerdem bei jeder Änderung automatisch aktualisiert.

Ebenfalls im Editor enthalten

Mehrere Icons

Das WhatsApp-Chat-Button-Widget bietet mehrere Button-Icons zur Auswahl, die zu deinem Design passen und die Botschaft vermitteln, die du vermitteln möchtest.

Uhrzeit ein- oder ausblenden

Beim WhatsApp-Chat-Widget kannst du die Uhrzeit der Nachrichten ein- oder ausblenden. Lass sie eingeblendet, um Nutzern zu zeigen, wie schnell du antwortest, oder entferne sie ganz für ein minimalistisches, optisch ansprechendes Chat-Design.

Einfach zu bedienen

Das WhatsApp-Chat-Widget ist einfach zu bedienen und erfordert keine Programmierkenntnisse. Mit unserem intuitiven Dashboard und der Drag-and-drop-Funktion passt du die App mit nur wenigen Klicks ganz nach deinen Wünschen an.

Bereit für WhatsApp auf deiner Website?

Editor öffnen

Keine Kreditkarte nötig · Einrichtung in unter 3 Minuten

Von unseren Kunden geschätzt

Echte Bewertungen. Echte Kunden.

Verifiziert

Hervorragender Service. Ich nutze ihre Widgets für mein Webdesign-Geschäft, und wann immer ich Hilfe brauche, helfen sie sehr schnell.

Aus dem Englischen übersetzt

Verifiziert

Großartiges Unternehmen mit großartigem Service!!! Wir haben damit eine Umfrage erstellt, und es war sehr benutzerfreundlich. Der Service war perfekt. Amit hat uns bei jedem Problem und jeder Frage geholfen, vielen herzlichen Dank!!!

Aus dem Englischen übersetzt

Verifiziert

Common Ninja hat uns beim Aufbau unserer Website gerettet, und der Kundenservice von Daniel, dem Mitgründer und CEO, war großartig.

Aus dem Englischen übersetzt

Weitere Kundenbewertungen lesen (auf Englisch)
Häufige Fragen

Kurze Antworten

  • Ja. Der kostenlose Plan umfasst ein WhatsApp-Button-Widget, ohne Zeitlimit, ohne Kreditkarte und ohne ablaufende Testphase. Ein Upgrade brauchst du erst, wenn du weitere Widgets, Premium-Designs oder höhere monatliche Aufruflimits benötigst.

Anleitungen nach Plattform

WhatsApp-Button auf deiner Website einbinden

Wähle deine Plattform. Jede dauert weniger als 4 Minuten.

  1. 1Öffne dein Canva-Design, klicke in der linken Seitenleiste auf Apps und suche nach Embed.
  2. 2Füge den Einbettungslink von Common Ninja in die Embed-App ein und klicke auf den erzeugten Block.
  3. 3Platziere den Block in deinem Design und veröffentliche es. Der Button ist auf teilbaren Canva-Websites live.
Zu Canva hinzufügen (Anleitung auf Englisch)

Kompatibel mit allen Website-Baukästen, E-Commerce-Plattformen und Websites

Ähnliche Widgets entdecken

Häufige Fragen

Ja, du kannst den Kontaktnamen ändern.

Ja, das geht ganz einfach in den Einstellungen des WhatsApp-Chats.

Ja, du kannst dein eigenes Bild hochladen, das dann im WhatsApp-Chat angezeigt wird.

Ja, das geht im Dashboard.

Ja, das geht. 

Ja, das geht ganz einfach im Dashboard.

Ja, das geht. Öffne den Editor, um den Text des WhatsApp-Chat-Buttons zu ändern.

Ja, das geht ganz einfach.

Ja, das geht ganz einfach im Tab „Look & Feel“.

Ja, das geht.

Das WhatsApp-Chat-Widget ist sehr einfach zu nutzen. Registriere dich einfach und starte mit der kostenlosen Version. Du musst dir keine Gedanken über eine komplizierte Einrichtung oder Installation machen, denn das WhatsApp-Chat-Widget ist benutzerfreundlich und unkompliziert gestaltet. Nach der Registrierung hast du Zugriff auf alle Grundfunktionen des Widgets, mit denen du deine Website und deine Online-Präsenz verbessern kannst. Wenn du erweiterte Funktionen nutzen möchtest, kannst du anschließend auf die kostenpflichtige Version upgraden. Egal für welche Version du dich entscheidest: Das Widget ist ein leistungsstarkes und einfach zu bedienendes Tool, das deine Online-Präsenz auf das nächste Level bringen kann.

Das WhatsApp-Chat-Widget von Common Ninja ist ein kostenloses Tool mit vielen Funktionen und Optionen. Das Widget ist zwar kostenlos nutzbar, hat aber ein Limit für die Anzahl der Aufrufe. Das bedeutet, dass der Chat-Button nach einer bestimmten Anzahl von Aufrufen auf deiner Website möglicherweise nicht mehr sichtbar ist oder nicht mehr funktioniert. Beachte, dass dieses Aufruflimit je nach Plan unterschiedlich sein kann. Trotz dieser Einschränkung ist der WhatsApp-Chat von Common Ninja ein wertvolles Tool für Unternehmen, die die Kundenbindung steigern und das Nutzererlebnis ihrer Website insgesamt verbessern möchten.

Das WhatsApp-Chat-Widget von Common Ninja ist ein vielseitiges Tool für jeden Website-Baukasten. Du kannst das Widget also ganz einfach zu deiner Website oder deinem Shop hinzufügen, egal mit welcher Plattform du deine Website erstellst. Das WhatsApp-Chat-Widget funktioniert reibungslos mit deiner Plattform, ob du einen bekannten Website-Baukasten nutzt oder etwas Spezielleres. So nutzt du alle Vorteile dieses leistungsstarken Tools, ohne dir Sorgen um Kompatibilitätsprobleme machen zu müssen.

Den WhatsApp-Chat-Button von Common Ninja auf deiner Website einzubetten ist ganz einfach und besteht aus zwei Schritten:


  1. Wenn du mit dem WhatsApp-Chat-Button fertig bist, kopiere den HTML-Text, den du im Tab 'Add to Website' im Dashboard der App findest.
  2. Suche in deinem Website-Baukasten die Widget-Option 'embed', platziere sie dort, wo der WhatsApp-Chat-Button erscheinen soll, und füge dann den zuvor kopierten HTML-Code in dieses Widget ein.

Ja. Das WhatsApp-Chat-Widget kann DSGVO-konform genutzt werden. Das Erfassen von Besucherdaten ist immer Opt-in: Es bleibt deaktiviert, bis du es in den Einstellungen des Widgets einschaltest, und du entscheidest, was erfasst wird. Als Website-Betreiber bleibst du dafür verantwortlich, wie du die Daten deiner Besucher verwendest.

Programmierkenntnisse brauchst du nicht. Unser WhatsApp-Chat-Widget ist so gestaltet, dass es auch mit wenig technischer Erfahrung einfach zu bedienen ist. Das Widget hat eine benutzerfreundliche Oberfläche, mit der du es ohne Programmierkenntnisse ganz einfach anpassen kannst. Du kannst den WhatsApp-Chat vollständig an deine Marke anpassen. Wenn du fertig bist, kopierst du einfach den bereitgestellten Code und fügst ihn auf deiner Website ein. So einfach ist das!

Das Einbetten des WhatsApp-Chat-Widgets auf deiner Website ist ganz unkompliziert. Kopiere einfach den bereitgestellten Code und füge ihn an der gewünschten Stelle auf deiner Website ein. Das Widget fügt sich nahtlos in deine Website ein, und du kannst alle seine Funktionen nutzen. Technisches Fachwissen oder Programmierkenntnisse sind nicht nötig, kopiere einfach den Code und füge ihn ein, um loszulegen. So fügst du das Widget ohne Aufwand zu deiner Website hinzu und erweiterst ihre Funktionen.

Gern. Wir freuen uns auf deinen Vorschlag. Besuche dazu diese Seite (auf Englisch).

Ein WhatsApp-Chat-Button-Widget ist ein Element, das du deiner Website hinzufügen kannst und mit dem Besucher über die Messaging-App WhatsApp einen Chat mit deinem Unternehmen starten können. Das Widget erscheint auf deiner Website meist als Button oder Icon. Beim Anklicken öffnet es ein Chatfenster in der WhatsApp-App, in dem Besucher deinem Unternehmen Nachrichten senden können.

Ein WhatsApp-Chat-Button auf deiner Website hat mehrere Vorteile:

  1. Mehr Kundenbindung: WhatsApp ist eine weit verbreitete Messaging-Plattform. Mit einem Chat-Button können Kunden dich einfach kontaktieren, Fragen stellen oder Support erhalten. Das kann die Kundenbindung steigern und das Nutzererlebnis insgesamt verbessern.
  2. Mehr Komfort: WhatsApp ist für Kunden ein schneller und einfacher Weg, dich zu kontaktieren, denn sie klicken einfach auf den Chat-Button und starten eine Unterhaltung mit dir. Das ist besonders hilfreich für Kunden, die keinen Zugang zu Support per E-Mail oder Telefon haben.
  3. Besserer Kundenservice: Mit einem WhatsApp-Chat-Button bietest du deinen Kunden Support in Echtzeit, was die Kundenzufriedenheit und Kundentreue verbessern kann.
  4. Mehr Umsatz: Wenn du einfachen und bequemen Kundensupport bietest, kannst du die Kundenzufriedenheit und die Chancen auf einen Verkauf erhöhen.
  5. Mehr Reichweite: WhatsApp hat eine große Nutzerbasis. Mit einem Chat-Button erreichst du ein größeres Publikum und gewinnst möglicherweise neue Kunden.


Leg los, wann du willst

WhatsApp-Chat in 3 Minuten auf deiner Website

Funktioniert auf über 200 Plattformen, darunter Canva, Webflow, Bolt, Lovable und Google Sites.

Erstelle deinen WhatsApp-Button

Keine Kreditkarte nötig · Einrichtung in unter 3 Minuten