So fügen Sie einen WhatsApp-Button zu HubSpot hinzu (kostenlos — keine App erforderlich)
Ihre HubSpot-Website generiert Leads, aber Besucher möchten oft schnell eine Antwort, bevor sie ein Formular ausfüllen: „Ist das auf Lager?“, „Liefern Sie in meine Stadt?“, „Können Sie ein Angebot senden?“ — und für Milliarden von Menschen ist der schnellste Weg, dies zu fragen, WhatsApp.
Eine schwebende WhatsApp-Schaltfläche bringt den Chat mit nur einem Tippen direkt zu Ihnen. Sie öffnet ein Gespräch mit Ihrer eigenen Nummer, sodass Sie über die WhatsApp-App antworten können, die Sie bereits verwenden – kein neues Postfach, keine monatliche Gebühr. Hier erfahren Sie, wie Sie in etwa zwei Minuten eine solche Schaltfläche zu jeder HubSpot-Website hinzufügen.
Der schnelle Weg: öffnen Sie unseren kostenlosen WhatsApp-Schaltflächen-Generator für HubSpotGeben Sie Ihre Nummer ein, wählen Sie einen Stil aus, kopieren Sie den Code und fügen Sie ihn in das Footer-HTML ein. Das ist die gesamte Einrichtung.
Warum eine WhatsApp-Schaltfläche auf Ihrer HubSpot-Website platzieren
- Besucher leben bereits in WhatsApp. Über 2,7 Milliarden Menschen nutzen es – und in Märkten wie Indien, Brasilien und Mexiko ist es die Standardmethode, wie Kunden Unternehmen Nachrichten schicken.
- Fragen tauchen vor der Konvertierung auf. Ein kurzes Gespräch beantwortet Zweifel, solange das Interesse noch hoch ist, anstatt den Lead an ein Formular zu verlieren, das sie vielleicht nie ausfüllen.
- Antworten landen auf deinem Handy. Der Button öffnet WhatsApp mit Ihrer Nummer und einer vorausgefüllten Nachricht – Sie antworten in Sekunden von überall.
- Es ergänzt Ihre HubSpot-Pipeline. Chats werden zu Gesprächen, die Sie persönlich bearbeiten können; wenn Sie bereit sind, verbinden Sie dieselbe Nummer mit The Tech Pad für KI-Antworten und einen Team-Posteingang.
Das erhalten Sie mit dem kostenlosen Generator
Das HubSpot WhatsApp-Button-Generator bietet Ihnen eine echte schwebende Schaltfläche:
- 8 nur für WhatsApp verfügbare Stile — das offizielle WhatsApp-Logo und Blasenmarkierungen in Markenfarbschalen (grün, dunkelgrün, weiß, blaugrün)
- Ihre Nummer + vorausgefüllte Nachricht — legen Sie die erste Nachricht fest, die Besucher sehen
- Form, Größe und Position — rund oder quadratisch, links oder rechts, beliebige Größe
- Live-Vorschau — den genauen Button ansehen, bevor Sie etwas kopieren
- Kein Konto, kein API-Schlüssel, keine Kosten — für immer kostenlos
| Fähigkeit | Kostenloser Button | Das The Tech Pad Upgrade |
|---|---|---|
| Besucher starten einen WhatsApp-Chat mit Ihrer Nummer | ✅ | ✅ |
| Nur WhatsApp-Stile + Live-Vorschau | ✅ | ✅ |
| KI antwortet 24/7 in der Sprache des Kunden | — | ✅ |
| Ein Team-Posteingang für WhatsApp + Website-Chat | — | ✅ |
| Offizielle WhatsApp Business (Meta) API | — | ✅ |
| Preis | Für immer kostenlos | Kostenlos starten |
Fügen Sie den Button in 3 Schritten zu HubSpot hinzu
- Generieren Sie Ihren Code. Öffnen Sie den kostenlosen Generator, geben Sie Ihre WhatsApp-Nummer mit Ländervorwahl ein (nur Ziffern, z.B.
919876543210), wählen Sie einen Stil und klicken Sie Code kopieren. - Öffnen Sie Ihre Website-Einstellungen. Gehen Sie in HubSpot zu Einstellungen → Websites → Seiten und scrollen Sie nach unten zum Footer-HTML Box (unter erweiterten Optionen).
- Einfügen und speichern. Fügen Sie den Code in das Footer-HTML-Feld ein und klicken Sie Speichern — die Schaltfläche erscheint auf jeder Seite Ihrer veröffentlichten Website.
Der Code ist ein kleiner Script-Tag, der asynchron geladen wird, sodass er Ihre Website nicht verlangsamt:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>Möchten Sie es nur auf einer Seite? Verwenden Sie ein Custom-HTML-Modul und fügen Sie denselben Code in das Modul auf dieser Seite ein — die Schaltfläche erscheint dann nur dort.
Warum Code statt einer HubSpot-Marktplatz-App?
Der App-Marktplatz von HubSpot bietet WhatsApp-Tools, aber viele davon sind kostenpflichtige Abonnements, die an ihr eigenes Postfach gebunden sind. Der Code-Weg hält alles einfach:
- Nichts zu installieren oder genehmigen — keine Marktplatz-Eintragung, Berechtigungen oder Abonnementaufforderung
- Ihre Nummer, Ihre Regeln — Nachrichten gehen an die von Ihnen gewählte WhatsApp-Nummer, nicht an ein Drittanbieter-Postfach
- Funktioniert bei den meisten HubSpot-Plänen — die Footer-HTML-Einstellung ist weit verbreitet verfügbar; das benutzerdefinierte HTML-Modul deckt den Rest ab
- Der gleiche Code funktioniert auch anderswo — betreibt auch eine Shopify, Squarespace, Webflow, Blogger oder Wix Website? Jede hat ihre eigene Generatorseite mit Einfügeschritten.
Willst du, dass der Knopf für dich antwortet?
Ein Button ist der erste Schritt — der nächste ist sofort zu antworten, sogar um Mitternacht oder wenn Ihr Team beschäftigt ist. The Tech Pad verwandelt dieselbe WhatsApp-Nummer in einen 24/7 KI-Assistenten:
- KI antwortet sofort von Ihrer Webseite und Ihren Produktseiten — in der Sprache Ihres Kunden
- Ein gemeinsames Team-Postfach für WhatsApp-Chats, Website-Chat und Benachrichtigungen
- Die offizielle WhatsApp Business API auf Ihrer eigenen, von Meta verifizierten Nummer
- Kostenlos zu starten, keine Kreditkarte erforderlich — verbinden Sie sich unter thetechpad.com
Zwei Minuten heute reichen aus, um einen Live-WhatsApp-Button auf HubSpot zu haben. Mit The Tech Pad später beantwortet er dann automatisch für Sie.