So fügen Sie einen WhatsApp-Button zu Squarespace hinzu (kostenlos – keine Erweiterung erforderlich)
Sie haben Ihre Squarespace-Website so gestaltet, dass sie großartig aussieht und konvertiert – eine saubere Vorlage, prägnanter Text, ein klarer Weg zur Anfrage. Das Einzige, was fehlt, ist der Kanal, auf dem Ihre Kunden tatsächlich antworten. Formulare sind gut für langsame Entscheidungen; für schnelle Entscheidungen ("Haben Sie das auf Lager?", "Können Sie bis Freitag 20 Stück liefern?") greifen die meisten Leute zu WhatsApp.
Eine schwebende WhatsApp-Schaltfläche verwandelt diesen Reflex in einen Klick auf Ihrer Website. Sie öffnet einen Chat mit Ihrer eigenen Nummer, sodass Sie über die WhatsApp-App antworten, die Sie bereits verwenden – kein zusätzliches Postfach, kein Abonnement. Hier erfahren Sie, wie Sie in etwa zwei Minuten eine für jede Squarespace-Website hinzufügen können.
Der schnelle Weg: öffnen Sie unseren kostenlosen WhatsApp-Button-Generator für Squarespace, geben Sie Ihre Nummer ein, wählen Sie einen Stil aus, kopieren Sie den Code und fügen Sie ihn ein Code Injection → Footer. Das ist die gesamte Einrichtung.
Warum man einen WhatsApp-Button auf Ihrer Squarespace-Website platziert
- Ihre Besucher leben bereits in WhatsApp. Es ist die Standard-Messaging-App für Milliarden von Menschen – und bei Anfragen von einer Website schlägt Chat E-Mail jedes Mal.
- Anfragen erfolgen vor Formularen. Ein zögerlicher Besucher klickt auf den Button und fragt, während das Interesse hoch ist. Die Alternative ist ein Formular, das sie möglicherweise nie ausfüllen.
- Antworten landen auf deinem Handy. Der Button öffnet einen WhatsApp-Chat mit Ihrer Nummer und einer optional vorab ausgefüllten Nachricht – antworten Sie innerhalb von Sekunden von überall.
- Es funktioniert neben Ihrer bestehenden Einrichtung. Chats kommen zuerst persönlich zu Ihnen; wenn Sie bereit sind, verbinden Sie dieselbe Nummer mit The Tech Pad für KI-Antworten und einen gemeinsamen Team-Posteingang.
Das erhalten Sie mit dem kostenlosen Generator
Das Squarespace 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 den Markenfarben (grün, dunkelgrün, weiß, türkis). Keine generischen Chat-Symbole.
- 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 Squarespace 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. - Code Injection öffnen. Gehen Sie in Squarespace zu Einstellungen → Entwicklertools → Code Injection (In älteren Versionen: Einstellungen → Erweitert).
- In das FOOTER-Feld einfügen und speichern. Fügen Sie den Code in das FOOTER Textbereich und klicken Speichern — der Button erscheint sitesweit, es wird keine separate Erweiterung oder Block benötigt.
Der Code ist ein kleines Script-Tag, das asynchron geladen wird, sodass Ihre Seite nicht verlangsamt wird:
<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>Auf einem Personal-Plan? Code Injection erfordert einen Business- oder Commerce-Plan. Wenn Sie noch nicht upgraden möchten, ist die praktische Alternative ein Button-Element auf der Seite, das direkt zu wa.me/<your-number> führt — Besucher erreichen WhatsApp immer noch mit einem Klick, ohne die schwebende Blase.
Warum programmieren statt eine Squarespace-Erweiterung zu verwenden?
Squarespace-Erweiterungen können viel, aber für einen einzigen schwebenden WhatsApp-Button sind sie übertrieben: Installationsschritte, Berechtigungen und oft eine monatliche Gebühr für das, was eigentlich nur ein einzelner Script-Tag ist. Der Codeweg hält die Dinge einfach:
- Nichts zu installieren oder genehmigen — kein Erweiterungsmarkt, keine Berechtigungen oder Abonnementaufforderung
- Ihre Nummer, Ihre Regeln — Nachrichten gehen an die von Ihnen gewählte WhatsApp-Nummer, nicht an ein Drittanbieter-Postfach
- Der gleiche Code funktioniert auch anderswo — betreibt auch eine Shopify, Webflow, Blogger, HubSpot 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, selbst wenn Sie offline sind oder 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 bringt dir einen Live-WhatsApp-Button auf Squarespace. Wenn du später The Tech Pad hinzufügst, beantwortet es für dich.