Chirpvo – Chat-Button: Fügen Sie einen schwebenden WhatsApp-Button hinzu (2026)
Ein schwebender WhatsApp-Button ist der schnellste Weg, Website-Besucher in Gespräche zu verwandeln – ein Klick und sie chatten mit Ihnen auf einer App, die sie bereits geöffnet haben. Das kostenlose Chirpvo-Plugin für WordPress fügt genau das hinzu: einen anpassbaren schwebenden Button, der einen normalen WhatsApp-Chat mit Ihrer Nummer öffnet. Kein Konto, kein API-Schlüssel, keine Vorlagen und keine Kosten pro Nachricht – und es bleibt für immer kostenlos. Seit v1.1.0 beinhalten die Plugin-Einstellungen ein Upgrade auf KI Tab, also wenn Sie automatisierte KI-Antworten und einen gemeinsamen Posteingang wünschen, können Sie diesen gleichen Button in einen vollständigen KI-Chat erweitern, anstatt die Tools zu wechseln. Herunterladen, hochladen, und Sie sind in etwa fünf Minuten live. Hier ist alles, was es tut und wie man es 2026 einrichtet.
Warum ein WhatsApp-Button wichtig ist
Die Zahlen sprechen für sich: WhatsApp-Nachrichten haben eine Öffnungsrate von 98 % im Vergleich zu etwa 20 % bei E-Mails, und die durchschnittliche Antwortzeit auf der Plattform liegt unter 90 Sekunden. Für Geschäfte ist der Effekt noch größer: Die Wiedergewinnung von abgebrochenen Warenkörben liegt über WhatsApp bei 15–30 % im Vergleich zu 2–5 % per E-Mail. Eine Chatblase ist die konversionsstärkste Methode, die Aufmerksamkeit eines Besuchers auf jeder Seite zu erregen, von der Startseite bis zum Checkout.
Wenn Sie Optionen abwägen, haben wir zwei Begleitleitfäden geschrieben: drei Möglichkeiten, einen WhatsApp-Chat-Button zu WordPress hinzuzufügen und das besten WordPress-WhatsApp-Plugins für 2026. Dieser Beitrag geht ausführlich auf das kostenlose Chirpvo-Plugin ein.
Was das Chirpvo-Plugin Ihnen bietet
Chirpvo ist ein kostenloses WordPress-Plugin (WordPress 6.0+, PHP 7.4+), das einen schwebenden Button zu Ihrer Website hinzufügt. Wenn ein Besucher darauf klickt, öffnet das Plugin standardmäßig einen Chat über wa.me/<number>?text=<message>, web.whatsapp.com, wenn Sie das Ziel "web" auswählen, oder chat.whatsapp.com/<code>, wenn ein Gruppen-Einladungscode festgelegt ist. Da es einfache wa.me-Links verwendet, ist keine Verbindung erforderlich: kein API-Schlüssel, kein WhatsApp-Business-Konto, keine Vorlagen und keine Kosten pro Nachricht. Es funktioniert mit jeder Nummer, einschließlich einer persönlichen.
Die Funktionsliste auf einen Blick:
- Nachricht: Ihre Nummer, ein optionaler Gruppen-Einladungscode und eine vorgefertigte Nachricht, die die Variablen {SITE_TITLE}, {SITE_URL}, {PAGE_TITLE} und {PAGE_URL} unterstützt.
- Bezeichnung: optionaler CTA-Text neben der Schaltfläche, z. B. „Chatte mit uns“.
- Tracking: ein optionales Google Analytics dataLayer-Event pro Klick.
- Stil: 8 fertige SVG-Symbole, benutzerdefinierter Bild-/GIF-Upload, Farbwähler, drei Formen, Größen von 32 bis 120 px.
- Position: 7 Voreinstellungen, benutzerdefinierte Offsets und Z-Index, separate Einstellungen für Desktop und Mobilgeräte.
- Animation: pulsen, springen, schütteln oder klingeln.
- Anzeigeregeln: Seiten, Beitragstypen, Geräte, Besucher, Verzögerung, Scrollen und Geschäftszeiten.
- WooCommerce: Produktseiten-Schaltflächen mit Produktvariablen, Shop/Archiv-Schaltflächen und pro Karte Schaltflächen.
- Shortcode: [techpad_ai_whatsapp] mit Nummer, Nachricht, Größe, Symbol, Beschriftung und Farb-Attributen.
- Upgrade auf AI (v1.1.0): Ein Upgrade zum AI-Tab in den Einstellungen führt zu The Tech Pad (kostenlos zum Start) und dem Begleiter Chatvio-Plugin — verbinden Sie später Ihre Nummer und die KI antwortet rund um die Uhr in der Sprache Ihres Kunden, basierend auf Ihrem Wissen über Website und Produkte, mit einem gemeinsamen Posteingang für WhatsApp und Web-Chat.
Alle Einstellungen befinden sich auf einer Bildschirmseite bei The Tech Pad → Chirpvo Chat Button, mit einer Vorschau, sodass Sie Änderungen vor dem Speichern sehen können.
So installieren und konfigurieren Sie das Plugin
Sechs Schritte, etwa fünf Minuten:
- Laden Sie das Plugin herunter. Laden Sie das Zip von der Chirpvo-Seite — direkt: chirpvo-chat-button.zip.
- Lade es hoch. Gehe in wp-admin zu Plugins → Neu hinzufügen → Plugin hochladen, wähle die ZIP-Datei aus und klicke auf Jetzt installieren.
- Aktivieren. Klicke auf Plugin aktivieren.
- Öffne die Einstellungen. Gehe zu The Tech Pad → Chirpvo Chat Button.
- Geben Sie Ihre Nummer ein. Gib die vollständige internationale Nummer ein, zuerst die Landesvorwahl, nur Ziffern — z. B. 919876543210 für Indien. Kein +, keine Leerzeichen oder Bindestriche. Füge eine vorausgefüllte Nachricht hinzu, wenn du willst.
- Vorschau und speichern. Überprüfen Sie den Button mit der Vorschau und klicken Sie dann auf Änderungen speichern.
Das war's. Der Button ist auf Ihrer gesamten Seite aktiv – oder genau dort, wo Sie ihn erscheinen lassen möchten, was im nächsten Abschnitt behandelt wird.
Alle Optionen, erklärt
Allgemein
Der Reiter Allgemein deckt die Grundlagen ab: die WhatsApp-Nummer, ein optionaler Gruppen-Einladungscode, die vorausgefüllte Nachricht (mit automatisch ausgefüllten {SITE_TITLE}, {SITE_URL}, {PAGE_TITLE} und {PAGE_URL}), das Ziel für das Öffnen (automatisch oder WhatsApp Web), die CTA-Beschriftung und den Google Analytics dataLayer-Schalter.
Symbol & Stil
Wähle eines der 8 fertigen SVG-Symbole — WhatsApp-Logo, WhatsApp-Blase, Chat-Blase, Blase mit Punkten, Blase mit Textzeilen, Headset, Nachrichtensquare oder Papierflieger — oder lade dein eigenes Bild/GIF aus der Mediathek hoch. Farbpicker legen den Button-Hintergrund und das Symbol fest. Die Form kann rund, abgerundetes Quadrat oder Quadrat sein, und die Größe reicht von 32 bis 120 Pixel.
Position
Sieben Voreinstellungen: unten rechts, unten links, unten mittig, rechts mittig, links mittig, oben rechts und oben links, plus benutzerdefinierte Pixelverschiebungen und z-Index für feinere Kontrolle. Position, Verschiebungen und Größe werden separat für Desktop und Mobilgeräte (unter 782px) konfiguriert – unten rechts auf dem Desktop, unten mittig auf Telefonen, zum Beispiel.
Das Verhalten des Labels befindet sich auch hier – Tooltip beim Überfahren, immer sichtbares Label oder keines – plus die Animation: keine, Puls, Springen, Wackeln oder Läuten.
Anzeigeregeln
Standardmäßig wird die Schaltfläche auf der gesamten Website angezeigt. Um sie zu begrenzen, wählen Sie "Nur auf den unten aufgeführten Seiten" und geben Sie Seiten-URL-Fragmente oder IDs ein, jeweils eine pro Zeile — oder verwenden Sie "Überall außer den aufgeführten", um sie auf bestimmten Seiten auszublenden. Sie können sie auch für bestimmte Beitragstypen ausblenden, auf Desktop oder Mobilgeräte beschränken, nur für angemeldete Benutzer oder Gäste anzeigen, sie um Sekunden verzögern, nach einem bestimmten Scroll-Prozentsatz einblenden und Geschäftszeiten festlegen (Tage plus von/bis in der Zeitzone Ihrer Website).
WooCommerce
Mit aktiviertem WooCommerce fügt dieser Reiter WhatsApp-Buttons zu Ihrem Shop hinzu. Auf den Produktseiten haben Sie drei Platzierungsoptionen — schwebend, nach dem Hinzufügen zum Warenkorb oder nach den Produkt-Metadaten — wobei {PRODUCT_NAME}, {PRODUCT_PRICE} und {PRODUCT_URL} automatisch in die Nachricht eingefügt werden. Es gibt auch einen schwebenden Button auf Shop- und Archivseiten sowie einen kleinen Button unter jeder Produktkarte in Shop-, Kategorien- und Schlagwortlisten.
Erweitert
Jeder Schaltflächenstil ist eine Einstellung — Farben, Form, Größe, Position, Beschriftung und Animation. Für alles darüber hinaus verwenden Sie den CSS-Editor, den WordPress bereits bereitstellt (Design → Anpassen → Zusätzliches CSS). Die Einstellungsseite verfügt auch über eine Vorschautaste, sodass Sie eine Änderung überprüfen können, bevor Sie sie speichern.
Nachrichtenvorlagen, die konvertieren
Die vorausgefüllte Nachricht ist das, was einen Klick in ein qualifiziertes Gespräch verwandelt – frage von Anfang an nach dem, was du brauchst. In den Vorlagen unten markiert {{1}} den dynamischen Platzhalter – das Plugin füllt ihn aus seinen Variablen ({PRODUCT_NAME} auf WooCommerce-Seiten, {PAGE_TITLE} anderswo) oder du ersetzt ihn manuell.
| Anwendungsfall | Vorlage für vorausgefüllte Nachricht |
|---|---|
| Produktanfragen | Hallo! Ich sehe mir {{1}} an und habe vor dem Kauf eine Frage. |
| Preise | Hallo, ich hätte gerne ein Angebot für {{1}}. |
| Termine | Hallo! Ich möchte einen {{1}}-Termin buchen. |
| Support | Hallo, ich brauche Hilfe bei {{1}}. |
Zwei Kopier-und-Einfüge-Blöcke zum Starten – füge sie in das Nachrichtenfeld in den Einstellungen ein:
Hi {{1}}! Danke für deinen Besuch. Wie können wir dir heute helfen?
Hallo {{1}}, wir haben deine Nachricht erhalten und werden in Kürze antworten — normalerweise innerhalb von Minuten während der Geschäftszeiten.
Wann ein Upgrade auf die WhatsApp Business API sinnvoll ist
Das Plugin ist absichtlich nur eingehend: Ein Besucher klickt darauf, und ein normaler WhatsApp-Chat mit Ihrer Nummer öffnet sich. Das reicht für die meisten kleinen Webseiten, und es bleibt für immer kostenlos – kein API-Schlüssel, keine Vorlagen, keine Kosten pro Nachricht.
Sie sollten in Betracht ziehen The Tech Pad wenn Sie über Ein-zu-Ein-Antworten hinauswachsen. Die Plattform fügt ein gemeinsames Team-Postfach hinzu, sodass jeder Agent von einem Ort aus antwortet, sowie Kampagnen, Automatisierungen, einen KI-Co-Piloten und Analysen. Wenn Sie Benachrichtigungen senden möchten – Bestellaktualisierungen, Terminerinnerungen, Erinnerungen an abgebrochene Warenkörbe – benötigen Sie die API. Metas Preis pro Nachricht für Utility-Nachrichten liegt in Indien bei etwa ₹0,10–0,30, und UTILITY-Vorlagen werden normalerweise innerhalb von Minuten bis Stunden genehmigt. Das Plugin funktioniert zusammen mit all dem: Ihre Schaltfläche öffnet weiterhin einen Chat mit Ihrer Nummer, und ein Tech Pad-Konto (zu Beginn kostenlos) verbindet sich, wann immer Sie bereit sind.
Auf AI-Chat upgraden, ohne Ihren Button zu ändern (v1.1.0)
Der Name des Plugins weist den Weg — Klicken Sie auf KI WhatsApp-Chat. Version 1.1.0 fügt eine Upgrade auf KI Registerkarte auf der Einstellungsseite hinzu (The Tech Pad → Chirpvo Chat Button → Auf AI upgraden) mit zwei möglichen Wegen:
- Verbinden Sie Ihre Nummer mit The Tech Pad — frei zum Start. Die KI beantwortet Ihre Besucher rund um die Uhr in deren Sprache, basierend auf Ihrem Wissen über die Website und Produkte, und jeder Chat landet in einem gemeinsamen Team-Posteingang zusammen mit Ihren WhatsApp-Gesprächen, mit einfacher Übernahme durch Menschen. Kostenlos starten.
- Fügen Sie das KI-Chat-Widget hinzu — der Begleiter Chatvio-Plugin verwandelt die Blase in ein vollständiges Chatfenster, WhatsApp und Web-Chat an einem Ort, für Websites, die ein intensiveres Erlebnis wünschen.
So oder so funktioniert Ihr schwebender WhatsApp-Button genau wie eingerichtet — das Upgrade fügt Funktionen hinzu; es ersetzt nicht, was aktiv ist. Die meisten Websites laufen monatelang kostenlos und schalten den Tab erst ein, wenn nach Feierabend Fragen eintreffen.
Das Plugin kostenlos erhalten
Das Chirpvo-Plugin ist kostenlos herunterzuladen und zu verwenden — kein Konto, kein API-Schlüssel, keine versteckten Kosten. Holen Sie es sich von der Plugin-Seite (direkten Zip-Download), oder durchsuchen Sie alle von Die kostenlosen WordPress-Plugins von The Tech Pad. Wenn Sie bereit sind, über ein Postfach hinaus zu wachsen, öffnen Sie The Tech Pad → Chirpvo Chat Button → Auf AI upgraden im Plugin oder gehen Sie direkt zu The Tech Pad — ein gemeinsames Team-Postfach, AI-Antworten, Automatisierungen und Analysen, alles kostenlos zum Start. Bis dahin ist Ihre schwebende Schaltfläche aktiv — jeder Besucher ist nur einen Klick von einem Gespräch entfernt.