So fügen Sie einen WhatsApp-Button zu Shopify hinzu (kostenlos — keine App-Store-Installation)
Mehr als 2,7 Milliarden Menschen nutzen WhatsApp, und für die meisten von ihnen ist es der Weg, wie sie mit Unternehmen Nachrichten austauschen. Wenn ein Besucher auf Ihrem Shopify-Shop mit einer Produktfrage landet, liegt der Unterschied zwischen einem verlorenen Interessenten und einem Verkauf oft nur darin, wie einfach Sie es machen, die Frage zu stellen.
Eine schwebende WhatsApp-Schaltfläche bringt „Mit uns chatten“ mit nur einem Tipp näher – keine Formulare, kein Warten auf E-Mails, keine Hürden beim Checkout. So fügen Sie in etwa zwei Minuten kostenlos eine zu jedem Shopify-Theme hinzu, ohne etwas aus dem Shopify App Store zu installieren.
Der schnelle Weg: öffnen Sie unseren kostenlosen WhatsApp-Schaltflächengenerator für Shopify, geben Sie Ihre Nummer ein, wählen Sie einen Stil aus, kopieren Sie den Code und fügen Sie ihn ein theme.liquid. Das ist die gesamte Einrichtung.
Warum Shopify-Shops eine WhatsApp-Schaltfläche hinzufügen
- Käufer nutzen bereits WhatsApp. Es ist die weltweit beliebteste Messaging-App, insbesondere in Indien, Brasilien, Mexiko und in ganz Europa — dieselben Märkte, in denen viele Shopify-Shops verkaufen.
- Fragen passieren vor dem Checkout. „Ist das auf Lager?“, „Haben Sie es in Blau?“, „Können Sie in meine Stadt liefern?“ — ein kurzes Chat beantwortet diese Fragen, während die Kaufabsicht hoch ist.
- Sie antworten von Ihrem Telefon. Der Button öffnet einen Chat mit Ihrer eigenen Nummer, sodass die Antworten in der WhatsApp-App ankommen, die Sie bereits verwenden. Kein neuer Posteingang zum Lernen.
- Es funktioniert auf Mobilgeräten. Die meisten Ladenbesuche erfolgen über Mobilgeräte, und WhatsApp ist ein mobilorientierter Kanal.
Das erhalten Sie mit dem kostenlosen Generator
Das Shopify WhatsApp-Button-Generator bietet Ihnen einen echten schwebenden Button, nicht einen Link, der im Footer versteckt ist:
- 8 fertige Symbolstile — WhatsApp-Logo, Chat-Blase, Blase mit Punkten, Headset und mehr
- Ihre Nummer, Ihre vorab ausgefüllte Nachricht — legen Sie die erste Nachricht fest, die Besucher sehen („Hi! Ich habe eine Frage zu {product}“).
- Form, Größe, Farbe und Position — rund oder quadratisch, unten links oder unten rechts, jede Größe
- Live-Vorschau — die Seite zeigt Ihren tatsächlichen Button, bevor Sie etwas kopieren
- Kein Konto, kein API-Schlüssel, keine Kosten — es bleibt für immer kostenlos
| Fähigkeit | Kostenloser Button | Das The Tech Pad Upgrade |
|---|---|---|
| Besucher starten einen WhatsApp-Chat mit Ihrer Nummer | ✅ | ✅ |
| Symbol, Farbe, Form, Position wählen | ✅ | ✅ |
| 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 4 Schritten zu Shopify hinzu
- Generieren Sie Ihren Code. Öffnen Sie den kostenlosen Generator, geben Sie Ihre WhatsApp-Nummer mit Ländervorwahl ein (nur Ziffern, z.B.
919876543210für Indien), wählen Sie ein Symbol und klicken Sie Code kopieren. - Öffnen Sie Ihren Theme-Code. Gehe im Shopify-Adminbereich zu Online-Shop → Themes, klicken Sie auf die ⋯ Menü neben Ihrem Theme auswählen und wählen Code bearbeiten.
- Öffnen
theme.liquid. Im Layout-Ordner öffnetheme.liquidund scrollen Sie bis ganz nach unten. - Einfügen und speichern. Fügen Sie den Code genau vor
</body>und klicke Speichern. Aktualisieren Sie Ihren Store — der Button ist auf jeder Seite aktiv.
Der Code ist ein kleines Skript-Tag, das asynchron geladen wird, sodass es Ihren Store 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>Warum Code statt einer Shopify-App?
WhatsApp-Apps im Shopify App Store können praktisch sein, aber der Code-Ansatz hat echte Vorteile:
- Nichts zu installieren oder genehmigen — keine App-Überprüfung, kein Berechtigungsbildschirm, keine Abonnementaufforderung
- Funktioniert mit jedem Theme — der Button ist ein festes, schwebendes Element, sodass er über jedem Design liegt
- Eine Zeile, die Sie vollständig kontrollieren — ändern Sie die Nummer oder den Stil jederzeit, indem Sie dieses einzelne Tag bearbeiten
- Der gleiche Code funktioniert auf anderen Plattformen — wenn Sie auch eine Squarespace, Webflow oder Blogger Website betreiben, verwenden Sie die passende Generator-Seite
Bevorzugen Sie die App-Store-Variante für Bestellupdates statt eines Chat-Buttons? Die The Tech Pad Shopify-App sendet automatisch Bestellbestätigungen, Versandupdates und Nachrichten zur Warenkorbwiederherstellung an WhatsApp.
Willst du, dass der Knopf für dich antwortet?
Ein Button ist nur der erste Schritt. Wenn Kunden Sie um Mitternacht kontaktieren oder das Team beschäftigt ist, kann ein Mensch nicht immer in Sekunden antworten. The Tech Pad verwandelt dieselbe WhatsApp-Nummer in einen 24/7 KI-Assistenten:
- KI antwortet sofort Aus dem Produktkatalog und den Seiten Ihres Shops — in der Sprache Ihres Kunden
- Ein gemeinsames Team-Postfach Für WhatsApp-Chats, Website-Chat und Bestellbenachrichtigungen
- Die offizielle WhatsApp Business API auf Ihrer eigenen, von Meta verifizierten Nummer
- E-Mail-Benachrichtigungen und KI-Copilot Damit kein Interessent warten muss, wenn menschlicher Kontakt erforderlich ist
Es ist kostenlos zu starten — keine Kreditkarte erforderlich. Verbinden Sie Ihre Nummer unter thetechpad.com und der Button, den Sie bereits installiert haben, wird zu Ihrem KI-Chat.
Zwei Minuten heute bringen Ihnen einen Live-WhatsApp-Button. Wenn Sie später The Tech Pad hinzufügen, antwortet er für Sie.