So fügen Sie einen WhatsApp-Button zu Shopify hinzu

Wenn Sie über Shopify verkaufen, haben Ihre Kunden kurz vor dem Checkout möglicherweise noch Fragen in letzter Minute. Vielleicht möchten sie wissen, ob eine Jacke größengetreu ausfällt, wann ihre Bestellung ankommt oder ob eine ausverkaufte Größe wieder verfügbar sein wird. Ohne eine Möglichkeit, schnell eine Antwort zu erhalten, könnten sie ihren Warenkorb ganz abbrechen.

Ein schwebender WhatsApp-Button in der Ecke des Bildschirms zeigt den Kunden beim Stöbern, dass sie nur einen Tipp davon entfernt sind, ein Gespräch in einer App zu beginnen, die sie ohnehin täglich nutzen. Es gibt kein Formular auszufüllen und kein neues Konto zu erstellen – das bedeutet, dass ein Kunde, der sonst mit einer unbeantworteten Frage gegangen wäre, eine Antwort erhält, die zu einem Verkauf führt.

Shopify enthält keinen nativen WhatsApp-Button; die integrierte Messaging-Option, Shopify Inbox, leitet Gespräche über den eigenen Chat von Shopify statt über WhatsApp. Und obwohl Sie einen einfachen wa.me-Link auf eine Kontaktseite einfügen können, folgt ein Textlink den Kunden nicht beim Stöbern und wirkt auch nicht wie eine klare Einladung zum Chatten.

Wenn Sie also ein Shopify-Händler oder Dropshipper sind, der Kundenfragen sofort über eine einladende Chat-Oberfläche beantworten möchte, behandelt dieser Leitfaden Möglichkeiten, einen WhatsApp-Button in Shopify einzubinden – als Premium-Drittanbieter-App oder mithilfe eines kostenlosen, schlanken serverlosen Widgets, das die Kosten niedrig und die Website-Geschwindigkeit hoch hält.

Option 1: Eine spezielle Integration aus dem Shopify App Store installieren

Der übliche Weg, einen schwebenden Chat-Button zu Shopify hinzuzufügen, führt über den Shopify App Store, wo Dutzende von WhatsApp-Chat-Apps um dieselbe Aufgabe konkurrieren. Sie installieren eine davon, verbinden Ihre Nummer und konfigurieren den Button über das Dashboard der App selbst.

Um mit einer App-Store-Integration einen WhatsApp-Button in Shopify einzubinden, befolgen Sie diese Schritte:

1. Eine App finden und installieren: Klicken Sie in Ihrem Shopify-Admin in der linken Navigation auf Apps, woraufhin ein Shopify-App-Store-Pop-up erscheint. Suchen Sie nach der gewünschten Chat-Button-App. Klicken Sie auf Installieren, überprüfen Sie auf dem Autorisierungsbildschirm die von der App angeforderten Datenzugriffe und bestätigen Sie.

2. Ihren Button konfigurieren: Geben Sie im Dashboard der App Ihre WhatsApp-Nummer ein, verfassen Sie Ihren Call-to-Action-Text und legen Sie Farbe und Bildschirmposition des Buttons fest. Bei den meisten Apps können Sie außerdem wählen, ob er auf Desktop, Mobilgerät oder beiden angezeigt wird.

3. Ihn in Ihrem Theme aktivieren: Gehen Sie zu Onlineshop und wählen Sie Themes, um Ihr aktives Theme im Editor zu öffnen. Klicken Sie auf das App-Einbettungen-Symbol neben dem Theme-Einstellungen-Symbol oben in der Seitenleiste ganz links, suchen Sie Ihre App in der Liste, schalten Sie sie ein und speichern Sie.

Was „kostenloser Tarif verfügbar“ bedeutet, variiert bei diesen Apps erheblich. Der kostenlose Tarif von Chaty begrenzt Sie auf 500 Besucher pro Monat, während kostenpflichtige Tarife bei 15 US-Dollar pro Monat für 10.000 beginnen. MyShop führt „Markenname ausgeblendet“ als kostenpflichtige Funktion auf, was bedeutet, dass die kostenlose Version das Branding der App in Ihrem Shop anzeigt. Dieses Muster wiederholt sich in der gesamten Kategorie: Der Button ist kostenlos, bis Sie möchten, dass er echten Traffic bewältigt oder so aussieht, als würde er zu Ihrem Shop gehören.

Jede App ist zudem eine vollständige Installation in Ihrem Shop, mit eigenen Skripten, Berechtigungen und einem Dashboard zur Verwaltung. Für einen Button, dessen einziger Zweck darin besteht, ein WhatsApp-Gespräch zu öffnen, ist das eine Menge Infrastruktur – weshalb Sie möglicherweise nach einer shopify whatsapp Chat-Alternative suchen, die Sie selbst einbetten können.

Option 2: Ein kostenloses, anpassbares WhatsApp-Widget hinzufügen (empfohlen)

Wenn Sie lieber keine App installieren oder keine monatliche Gebühr für einen Button zahlen möchten, erledigt ein gehostetes WhatsApp-Chat-Widget für Shopify dieselbe Aufgabe mit einem Einbettungscode. Sie richten es in einem visuellen Generator ein, kopieren den Code und fügen ihn in einen Custom-Liquid-Block in Ihrem Theme-Editor ein – so wird nichts in Ihrem Shop installiert, und es gibt kein separates Dashboard zu verwalten.

Das WhatsApp-Widget von Jotform verbindet sich mit Ihrer Nummer und zeigt einen schwebenden Button mit einer Chat-Vorschau an. Besucher sehen Ihren Agentennamen, Ihre Begrüßungsnachricht und Ihren CTA, bevor sie zu WhatsApp durchtippen, und Sie können eine Standardnachricht vorbefüllen oder ihnen erlauben, zunächst eine kurze Frage zu tippen, sodass Ihr Team schon vor Beginn des Gesprächs über den Kontext verfügt.

Um mit einem Widget einen WhatsApp-Button zu Ihrem Shopify-Shop hinzuzufügen, befolgen Sie diese Schritte:

1. Das Widget erstellen: Klicken Sie auf Ihrer Jotform-Workspace-Seite auf Erstellen, wählen Sie Website–Widget, suchen Sie nach WhatsApp Chat und klicken Sie dann auf Widget verwenden. 

2. Ihren WhatsApp-Kontakt verbinden: Geben Sie unter dem Reiter Allgemein Ihre Telefonnummer im vollständigen internationalen Format ein oder fügen Sie eine wa.me-, api.whatsapp.com- oder wa.link-URL hinzu. Fügen Sie eine Standardnachricht hinzu, wenn Besucher mit Kontext starten sollen.

3. Es anpassen und positionieren: Füllen Sie unter dem Reiter Allgemein Ihren Agentennamen, Ihre Begrüßungsnachricht und Ihr Bubble-Label aus. Wechseln Sie dann zum Reiter Layout, um die schwebende Position, die Button-Größe und festzulegen, ob der Button auf Desktop, Mobilgerät oder beiden erscheinen soll.

4. Den whatsapp shopify Code veröffentlichen und einbetten: Klicken Sie in der oberen Navigationsleiste auf Veröffentlichen und dann im Einbettungsbereich auf Code kopieren. Das Plattformen-Menü enthält außerdem eine Shopify-spezifische Einbettungsoption.

5. Es zu Shopify hinzufügen: Klicken Sie in Ihrem Theme-Editor auf Abschnitt hinzufügen, wählen Sie Custom Liquid, fügen Sie Ihren Einbettungscode ein und speichern Sie. Wenn Sie ihn in Ihren Header oder Footer einfügen, erscheint der Button auf jeder Seite statt nur auf einer.

Da das Widget in Jotform gestaltet und nicht in Ihrem Shop installiert wird, bedeutet das Ändern Ihrer Begrüßung oder Button-Farbe, dass Sie das Widget bearbeiten, statt einen Tarif zu upgraden, um eine Farbauswahl freizuschalten. Es funktioniert auf Desktop und Mobilgerät, und der kostenlose Starter-Tarif von Jotform deckt beides ab – einschließlich des Ausblendens des Jotform-Brandings.

Verleihen Sie Ihrem Shopify-Shop mit smarten, serverlosen Widgets mehr Power

Ein kostenloser WhatsApp-Button für Shopify ist eines von mehreren Widgets, die Sie zu einem Shop hinzufügen können, ohne einer weiteren monatlichen App-Gebühr zuzustimmen. Das Verzeichnis der kostenlosen Website-Widgets von Jotform bietet mehr als 150 Optionen. Falls einige Ihrer Kunden eine andere Messaging-App bevorzugen, gibt es Telegram– und Viber-Chat-Widgets, die auf dieselbe Weise funktionieren – was wichtig ist, wenn Sie in Märkte verkaufen, in denen diese der Standard sind.Ein Help-Center-Widget beantwortet die wiederkehrenden Fragen, bevor Ihnen überhaupt jemand eine Nachricht schreiben muss, und ein Buy-Button leitet Käufer von einer Landingpage direkt zu einer Produkt-, Warenkorb- oder Checkout-URL weiter.

Jedes davon wird auf dieselbe Weise eingebettet wie der WhatsApp-Button, sodass Sie nicht jedes Mal ein App-Abonnement hinzufügen, wenn Sie eine einfache Funktion in Ihrem Shop haben möchten.

Als E-Commerce-Marke sollte Ihr Budget in die Kundengewinnung und die Produktbeschaffung fließen, nicht in eine monatliche Gebühr, um einen Chat-Button anzuzeigen. Das WhatsApp-Widget gibt Ihnen einen serverunabhängigen Support-Kanal, dessen Nutzung Ihre Kunden bereits kennen – und das mit einem Tarif, der Sie nichts kostet.