Shopify 2.0 & ältere Themes
WhatsApp-Button für Shopify
Fügen Sie Shopify in Minuten ein WhatsApp-Chat-Widget hinzu. Qualifizieren Sie Besucher, leiten Sie Gespräche weiter und halten Sie Ihr Theme schnell.
Einrichtung in 2 Min. Ziel: layout/theme.liquid
Schritt-für-Schritt-Installation für Shopify
Folgen Sie diesen Schritten, um WAButton in Ihre Shopify-Website einzubetten. Keine komplexe Entwicklung, keine App-Gebühren.
- 1
Den Theme-Code-Editor von Shopify öffnen
Gehen Sie in Ihrem Shopify-Admin-Dashboard zu Online Store -> Themes. Klicken Sie neben Ihrem aktiven Theme auf das Menü mit den drei Punkten (...) und wählen Sie "Edit code".
Tipp: Duplizieren Sie Ihr aktives Theme immer zuerst als Sicherungskopie, bevor Sie den Code bearbeiten.
- 2
theme.liquid finden
Klicken Sie im Dateinavigator links unter Layout auf theme.liquid. Scrollen Sie ganz ans Ende der Datei.
Tipp: Mit Ctrl+F oder Cmd+F finden Sie das schließende </body>-Tag schnell.
- 3
Das WAButton-Embed-Snippet einfügen
Fügen Sie Ihr individuelles WAButton-Skript-Snippet direkt vor dem schließenden </body>-Tag ein.
Tipp: Steht das Skript direkt vor </body>, lädt der Inhalt Ihres Shops zuerst.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 4
Speichern und die Live-Vorschau prüfen
Klicken Sie oben rechts auf Save. Rufen Sie Ihren veröffentlichten Shopify-Shop auf, um zu prüfen, ob Ihr WhatsApp-Button aktiv ist.
Warum Shop-Betreiber und Agenturen WAButton für Shopify wählen
Asynchrones, nicht blockierendes Skript
Der Starter ist ein kleines Skript (unter 40KB mit gzip) vom Cloudflare-Edge, asynchron geladen, und blockiert damit nicht den First Paint. Das Chat-Panel wird erst geladen, wenn ein Besucher es öffnet.
Direktes Tracking für Meta Pixel & GA4
Sendet die Events generate_lead und contact direkt an Ihr Facebook-Pixel für Werbeanzeigen.
Multi-Agent-Routing für den Support
Verteilen Sie Anfragen automatisch auf Agenten für Vertrieb, Versand und Bestellsupport.
Lead-Qualifizierung vor dem Chat
Erfassen Sie Name, E-Mail und Anliegen des Kunden, bevor WhatsApp geöffnet wird.
Häufige Fragen
Muss ich eine schwere Shopify-App aus dem App Store installieren?
- Nein! WAButton läuft über ein schlankes Skript-Tag direkt in Ihrem Theme. So vermeiden Sie den Ballast monatlicher Shopify-App-Abos und beseitigen langsame Skripte, die Apps von Drittanbietern einschleusen.
Verlangsamt das meinen Shopify-Shop oder schadet es meinem Google-PageSpeed-Wert?
- WAButton ist ein asynchrones Skript unter 40KB (mit gzip) vom Cloudflare-Edge und blockiert damit nicht den First Paint. Das Chat-Panel wird erst geladen, wenn ein Besucher es öffnet. Wie stark es den PageSpeed-Wert Ihres Shops beeinflusst, hängt von Ihrem Theme und Ihren Apps ab, weshalb Sie PageSpeed Insights vor und nach der Installation ausführen sollten.
Kann ich nachverfolgen, welche Facebook- oder Google-Anzeigen zu dem WhatsApp-Gespräch geführt haben?
- Ja! WAButton erfasst UTM-Parameter (source, campaign, medium, ad) und übernimmt sie in die vorausgefüllte WhatsApp-Nachricht. Außerdem sendet es Events an Meta Pixel (fbq) und Google Analytics 4 (gtag).
Passende kostenlose Tools
Kostenlose WhatsApp-Tools zur Steigerung der Shop-Conversion.
Weitere Installationsanleitungen
- Anleitung ansehen3 Min.
WooCommerce & WordPress
WooCommerce & WordPress 6+
Fügen Sie WooCommerce & WordPress in Minuten ein WhatsApp-Chat-Widget hinzu.
- Anleitung ansehen2 Min.
Magento & Adobe Commerce
Magento Open Source & Adobe Commerce
Fügen Sie Magento & Adobe Commerce in Minuten ein WhatsApp-Chat-Widget hinzu.
- Anleitung ansehen2 Min.
PrestaShop
PrestaShop 1.7 & 8+
Fügen Sie PrestaShop in Minuten ein WhatsApp-Chat-Widget hinzu.
Die Besucher haben Sie schon. Machen Sie ihnen das Fragen leicht.
Mehr Besucher auf Ihre Website zu holen kostet Zeit und Geld. Ein WhatsApp-Button hilft Ihnen, mehr von denen zu gewinnen, die schon vorbeischauen, solange sie noch interessiert sind.
Eine Codezeile. Keine Kreditkarte. Kein Warten.