Anleitung zum Artikel

Facebook Messenger zur Website hinzufügen: Ein Messenger Widget Leitfaden [April 2024]

Gerardo Salandra
August 3, 2022

Suchen Sie das ultimative Chat-Widget? Wenn Ihre Webbesucher begeisterte Messenger-Nutzer sind, sollten Sie Ihrer Website ein Facebook Messenger Widget hinzufügen. In diesem Blog-Beitrag zeigen wir Ihnen, wie Sie Facebook Messenger zu einer Website hinzufügen und wo Sie es auf Website-Buildern wie WordPress, Wix und Shopify einfügen können.

Was ist ein Facebook Messenger Widget?

Das Facebook Messenger Widget ist ein Website-Plugin, mit dem Website-Besucher über Messenger mit Ihrer Facebook-Seite chatten können. Als einer der weltweitführenden Messaging-Kanäle sind viele Kunden natürlich geneigt, über Messenger zu chatten.

Dies ist ein Bild von Facebook Messenger Widget. Facebook Messenger Widget (auch bekannt als Facebook-Chat-Plugin) ist ein Website-Plugin, das es den Besuchern Ihrer Website ermöglicht, mit Ihrer Facebook-Seite über Messenger zu chatten. Wenn Sie sich in Ländern wie dem Vereinigten Königreich (UK), den Vereinigten Staaten (US), Indien oder den Philippinen befinden, sollten Sie Messenger als das ultimative Chat-Plugin betrachten.
Für das ultimative Chat-Widget installieren Sie das Messenger-Widget auf Ihrer Website

Wenn Website-Besucher eine Anfrage über das Widget senden, können Sie über den Posteingang derMeta Business Suite antworten. Dies ist ausreichend für Unternehmen, die ein geringes bis mittleres Nachrichtenaufkommen haben und sich bei der Kundenkommunikation auf Facebook Messenger verlassen.

<call-out> Do not mistake the Facebook Messenger widget with the Facebook Chat Plugin. While similar in some aspects, the Facebook Chat Plugin is no longer available from May 9, 2024. <call-out>

Unternehmen, die ein hohes Volumen an Konversationen oder Chats mit Kunden über mehrere Kanäle abwickeln, sollten einen Omnichannel-Messaging-Posteingang wie respond.io verwenden. Neben der Rationalisierung aller Konversationen in einem einzigen Posteingang bietet es zusätzliche Vorteile wie erweiterte Automatisierung und Analysen.

Warum Facebook Messenger Widget verwenden

Wenn Sie Facebook Messenger nutzen, um Kundensupport zu leisten oder den Verkauf anzukurbeln, wissen Sie, wie effektiv die Plattform ist. Einer der wichtigsten Gründe für die Nutzung des Facebook-Webchats ist die Möglichkeit, dauerhafte Unterhaltungen zu führen und eine Kontaktliste aufzubauen.

Dauerhaftes, konsistentes Engagement schaffen

Bei herkömmlichen Website-Chats verlieren Sie die Nutzer für immer, sobald sie Ihre Website verlassen. Ihre einzige Hoffnung, das Gespräch fortzusetzen, ist, dass sie auf Ihre Website zurückkehren. Das ist nicht mehr der Fall, wenn Sie Messenger zu Ihrer Website hinzufügen.

Erstens ist das Messenger-Widget das schnellste Instrument für Ihre Kunden, um Sie zu erreichen und ihre Fragen zu klären. Es stellt sicher, dass Ihre Kunden Sie sofort und mühelos über einen vertrauten und bequemen Messenger ansprechen können.

Alle Ihre Messenger-Widget-Unterhaltungen werden im Facebook-Posteingang gespeichert. Dies ist ein Vorteil, wenn Sie Facebook Messenger zu Ihrer Website hinzufügen.
Speichern Sie Kontaktinformationen und Chatverläufe, wenn Sie Messenger zur Website hinzufügen

Es ermöglicht auch eine persönliche Kommunikation direkt auf Ihrer Website, um technische Unterstützung, Produktberatung, Hilfe bei der Bestellung oder Buchung und mehr anzubieten. Die Kunden können Sie erreichen, wenn das Interesse groß ist, um die Verkaufszahlen zu steigern.

Wenn Sie den Facebook-Chat zur Website hinzufügen, wird der Chatverlauf eines Kontakts im Posteingang von Meta Business Suite gespeichert. Das bedeutet, dass Sie ein Gespräch mit einem Nutzer, der mit Ihnen über Messenger gechattet hat, auch dann fortsetzen können, wenn er Ihre Website verlassen hat.

Während des Gesprächs sehen Sie auch einige grundlegende Profilinformationen wie Name, Profilbild, Geburtstag und Standort. So können Sie den Kunden besser betreuen als in einem Live-Chat und mit der Zeit eine Beziehung zu ihm aufbauen.

Erstellen Sie eine Facebook Messenger Kontaktliste

Jetzt, wo die Leute dir über Facebook mit dem Facebook-Kundenchat ganz einfach eine Nachricht schicken können, werden sie für immer zu deiner Kontaktliste hinzugefügt.

Dieses Bild zeigt, dass Facebook Messenger höhere Öffnungs- und Klickraten hat als E-Mail. Da man Ihnen jetzt über Facebook mit dem Facebook-Kunden-Chat problemlos eine Nachricht zukommen lassen kann, werden sie für immer zu Ihrer Kontaktliste hinzugefügt. Sie können eine Facebook Messenger Abonnentenliste auf die gleiche Weise betrachten wie eine E-Mail-Abonnentenliste. Nutzen Sie dies als neuen Kommunikationskanal mit Ihrem Publikum oder verwenden Sie es sogar, um Messenger-Sendungen zu versenden, die eine Öffnungsrate von satten 92 Prozent haben.
Facebook Messenger Widget hinzufügen: Facebook Messenger hat höhere Engagement-Raten als E-Mail

Sie können eine Facebook Messenger -Abonnentenliste auf die gleiche Weise betrachten wie eine E-Mail-Abonnentenliste. Nutzen Sie diese als neuen Kommunikationskanal mit Ihrem Publikum oder versenden Sie damit sogar Messenger-Broadcasts, die eine erstaunliche Öffnungsrate von 92 Prozent haben.

Das Messenger-Widget ist nur eine Möglichkeit, eine Facebook Messenger Abonnentenliste aufzubauen. Es gibt mehrere Möglichkeiten, Ihre Messenger-Kontakte zu erweitern, darunter die automatische Beantwortung von Facebook-Kommentaren oder private Antworten, Click to Messenger-Anzeigen oder -Links und Facebook-QR-Codes.

Denken Sie schließlich daran, dass Kunden bei ihrem Facebook-Konto angemeldet sein müssen, um zu Ihrer Kontaktliste hinzugefügt zu werden. In diesem Sinne gehen wir zum nächsten Abschnitt über, in dem Sie erfahren, wie Sie Messenger zu Ihrer Website hinzufügen können.

Wie man einen Widget-Code erstellt

Lassen Sie uns zunächst über den Einrichtungsprozess des Messenger-Widgets sprechen. Um Facebook Messenger zu einer Website hinzuzufügen, müssen Sie diese beiden Schritte nacheinander ausführen:

  • Erstellen Sie einen Facebook Messenger Widget-Code
  • Fügen Sie den Messenger-Widget-Code auf Ihrer Website ein

Wenn Sie ein B2B-Unternehmen sind, das den Gastmodus aktiviert haben muss, empfehlen wir Ihnen, Ihr Facebook Messenger Widget über respond.io einzurichten.

Sie können nicht nur Begrüßungs- oder Abwesenheitsnachrichten und Prozesse wie die Weiterleitung von Chats oder die Zuweisung von Kontakten automatisieren, sondern mit respond.io auch einen Referenzcode zu einem Facebook Messenger -Widget hinzufügen, um zu erkennen, woher die Kontakte stammen. Große Unternehmen sollten diese Option in Betracht ziehen.

Generieren Sie einen Widget-Code auf respond.io

Die Einrichtung eines Facebook Messenger Widgets ist einfach und kann schnell durchgeführt werden, wenn Sie die folgenden Schritte befolgen.

Dieses Bild zeigt, wie man das Messenger-Widget einrichtet.
Respond.io Omnichannel-Website-Widget unterstützt eine breite Palette von Kanälen

Um zu beginnen, navigieren Sie zu Einstellungen > Wachstums-Widgets. Klicken Sie dann auf Widget hinzufügen und wählen Sie Facebook-Widget, bevor Sie auf Widget erstellen klicken.

Geben Sie dann die Website(s) ein, auf der Sie das Chat-Widget hinzufügen möchten, und wählen Sie das Konto aus, für das Sie ein Widget erstellen möchten.

Dieses Gif zeigt, wie man ein Konto auswählt, um ein Widget zu erstellen.
Facebook-Sofortnachrichten-Widget für die Website: Wählen Sie das Messenger-Konto aus, für das Sie ein Widget erstellen möchten

Sie können einen vorausgefüllten Text hinzufügen oder das Aussehen des Widgets anpassen, indem Sie auf die Schaltflächen Erweiterte Einstellungen klicken. Klicken Sie abschließend auf " Widget generieren", kopieren Sie das generierte Skript und installieren Sie es auf Ihrer Website.

Wenn Sie mit Ihren Kunden über mehrere Kanäle in Kontakt treten möchten, kann ein Omnichannel-Widget helfen. Sie können auch ein Website-Chat-Widget auf Ihrer Website einrichten.

Nachdem Sie Ihr Messenger-Widget nun erfolgreich eingerichtet haben, müssen Sie als Nächstes den generierten Code auf Ihrer Website installieren. Wir führen Sie im Folgenden durch den Installationsprozess.

So fügen Sie Facebook Messenger zur Website hinzu

Die Navigation in Ihrem CMS zum Hinzufügen eines Chat-Widgets kann verwirrend sein. Nachfolgend finden Sie die Anweisungen zur Installation des Messenger-Widgets auf beliebten Website-Baukästen wie WordPress, Wix, Shopify und Squarespace.

Wie man Messenger zur Website hinzufügt: WordPress

Sie können jetzt ein Messenger-Plugin von Meta direkt über die Registerkarte Plugins in der Seitenleiste installieren. Während das Plugin selbst kostenlos ist, ist die Installation nur für Abonnenten des Business-Tarifs oder für Nutzer des Pro-Tarifs (für diejenigen mit älteren Tarifen) verfügbar.

Dieses Bild zeigt Ihnen, wie Sie jetzt ein Messenger-Plugin von Meta direkt von der Registerkarte Plugins in der Seitenleiste installieren können. Während das Plugin selbst kostenlos ist, ist die Installation nur für Abonnenten des Business-Tarifs oder für Nutzer des Pro-Tarifs verfügbar, die einen älteren Tarif nutzen. Wenn Sie sich an einem Ort befinden, an dem Messenger das ultimative Chat-Plugin ist, wie z. B. in Großbritannien, den USA, Indien oder den Philippinen, sollten Sie dieses Plugin zu Ihrer Website WordPress hinzufügen.
WordPress Pro- oder Business-Abonnenten können das Widget Facebook Messenger direkt installieren.

Befolgen Sie die folgenden Anweisungen, um Facebook Messenger zu einer Website auf WordPress hinzuzufügen:

  1. Suchen Sie nach dem Widget Facebook Messenger und wählen Sie es aus.
  2. Klicken Sie auf Jetzt installieren.
  3. Klicken Sie auf Aktivieren.
  4. Suchen Sie die Registerkarte " Kunden-Chat". Navigieren Sie zum Abschnitt " Erste Schritte" und klicken Sie auf Chat-Plugin bearbeiten.
  5. Passen Sie Ihr Chat-Plugin an und vervollständigen Sie Ihre Einrichtung.

Sie können Messenger auch in eine Website WordPress integrieren, indem Sie den Messenger-Widget-Code verwenden. Auch hierfür müssen Sie die Paywall durchbrechen. Es gibt mehrere Möglichkeiten, einen Messenger-Widget-Code zu WordPress hinzuzufügen, einschließlich der Installation eines Header- und Footer-Plugins.

1. Fügen Sie das Kopf- und Fußzeilen-Plugin Ihrer Wahl auf der Seite Plugins hinzu .

Sobald Sie den Code des Facebook-Chat-Plugins fertig haben, können Sie das Header- und Footer-Plugin zu Ihrem WordPress hinzufügen.
Ein Plugin für Kopf- und Fußzeilen hinzufügen

2. Navigieren Sie zu Kopf- und Fußzeilen.

Sobald Sie das Kopf- und Fußzeilen-Plugin hinzugefügt haben, navigieren Sie zu ihm.
So integrieren Sie Facebook Messenger in Ihre Website: Öffnen Sie die Kopf- und Fußzeilen-Konsole

3. Fügen Sie das Facebook Messenger Widget-Skript in die Fußzeile ein .

Fügen Sie nun den Code des Facebook-Kunden-Chat-Plugins in die Fußzeile Ihrer WordPress-Website ein.
So integrieren Sie Facebook Messenger in Ihre Website: Fügen Sie das Skript in die Header- und Footer-Konsole ein

Sie haben jetzt Facebook Messenger Live Chat zu Ihrer WordPress Website hinzugefügt.

Wie man Messenger zu einer Website hinzufügt: Wix

Was, wenn Sie einen Live-Chat zu einer Wix-Website hinzufügen möchten? Sobald Sie ein Facebook Messenger Widget-Skript erstellt haben, führen Sie die folgenden Schritte aus, um es zu Ihrer Wix-Website hinzuzufügen. Beachten Sie, dass Sie für den Zugriff auf diese Funktion ein kostenpflichtiges Abonnement benötigen.

1. Navigieren Sie zu Einstellungen > Erweiterte Einstellungen > Benutzerdefinierter Code.

Jetzt, wo Sie den Code für Ihr Facebook Messenger Widget fertig haben, navigieren Sie zu Custom Code in Wix.
Messenger-Widget-Code zu Wix hinzufügen

2. Fügen Sie den Facebook Messenger Widget-Code ein und wählen Sie die Seiten aus, auf die der Code angewendet werden soll. Stellen Sie sicher, dass Sie den Code in Body - Ende platzieren.

Nehmen Sie Ihr Facebook-Chat-Plugin-Skript und fügen Sie es in den benutzerdefinierten Code-Dialog ein.
Füllen Sie das Formular für benutzerdefinierten Code aus

Du hast jetzt das Facebook-Chat-Widget zu deiner Wix-Website hinzugefügt.

Jetzt wird das Facebook Messenger Widget auf Ihrer Wix Website angezeigt.
Ihr neues Facebook Chat-Widget ist installiert

Wie man Messenger zur Website hinzufügt: Shopify

Sobald Sie das Facebook-Chat-Widget-Skript haben, folgen Sie diesen Schritten, um Facebook Messenger in eine Shopify Website zu integrieren.

1. Navigieren Sie zu Online Store und bearbeiten Sie den Code.

Sobald Sie Ihr Facebook-Kunden-Chat-Plugin-Skript fertig haben, navigieren Sie zu Ihren Shopify-Themen und bearbeiten Sie den Code. Dies lohnt sich, wenn Sie Shopify in einem Land verwenden, in dem Messenger populär ist, z. B. in Indien, auf den Philippinen, im Vereinigten Königreich (UK) oder in den Vereinigten Staaten (US).
Shopify Messenger-Chat: Bearbeiten Sie den Code Ihres Online-Shops

2. Öffnen Sie den Abschnitt footer.liquid und fügen Sie das Skript Facebook Messenger Widget ein.

Nehmen Sie den Facebook Messenger Widget-Code und fügen Sie ihn in den Abschnitt footer.liquid Ihrer Spotify-Website ein.
Shopify Messenger-Chat: Das Skript hinzufügen

Sie haben jetzt das Facebook-Chat-Widget auf Ihrer Website Shopify hinzugefügt.

Wie man Messenger zur Website hinzufügt: Squarespace

Sobald Sie das Skript für das Facebook-Chat-Widget haben, ist es an der Zeit, den Messenger in eine Website Squarespace einzubetten.

1. Melden Sie sich bei Squarespace an, wählen Sie Ihre Website aus und öffnen Sie Einstellungen.

Sobald Sie Ihren Facebook Messenger Widget-Code bereit haben, melden Sie sich bei Squarespace an, um den Installationsprozess zu starten.
Öffnen Sie Ihre Website-Einstellungen

2. Navigieren Sie zu Erweiterte Einstellungen.

Es gibt verschiedene Möglichkeiten, Facebook Messenger zu Ihrer Website hinzuzufügen. Um Facebook Messenger in Ihre Squarespace Website zu integrieren, öffnen Sie die erweiterten Einstellungen. So fügen Sie Facebook Messenger zu Ihrer Website hinzu.
Erweiterte Einstellungen öffnen

3. Navigieren Sie zu Code Injection.

Es gibt verschiedene Möglichkeiten, Facebook Messenger zu Ihrer Website hinzuzufügen. Um Facebook Messenger in Ihre Squarespace Website zu integrieren, öffnen Sie Code Injection. So fügen Sie Facebook Messenger zu Ihrer Website hinzu.
Injektion von offenem Code

4. Fügen Sie das Facebook Messenger Widget-Skript ein .

Dieses Bild zeigt, wie Sie den Chat in Ihre Domain integrieren.
Das Skript hinzufügen

Sie haben jetzt Facebook Messenger live chat zu Ihrer Website hinzugefügt.

Wir haben Ihnen gezeigt, wie Sie den Code für Ihr Facebook-Chat-Widget erstellen und das Facebook-Chat-Widget auf einigen der beliebtesten Site-Builder installieren können. Möchten Sie mit Kunden über das Messenger-Widget und andere Kanäle chatten und auf ihre Kontaktdaten und den Chatverlauf in einem zentralen Posteingang zugreifen? Registrieren Sie sich jetzt für ein respond.io Konto.

Weitere Lektüre

Und so erhalten Sie ein Messenger-Widget, mit dem Sie Facebook Messenger auf Ihrer Website einrichten können. Wenn es Ihnen gefallen hat, zu lesen, wie Sie Ihr Unternehmen mit dem ultimativen Chat-Widget vergrößern können, erfahren Sie in diesen Blogbeiträgen mehr über Instant Messaging für Unternehmen:

Gerardo Salandra
Geschäftsführender Direktor
Gerardo Salandra ist CEO und Mitbegründer von respond.io. Mit früheren Erfahrungen bei IBM, Google und Runtastic hat er Fachwissen in den Bereichen künstliche Intelligenz und Growth Hacking gesammelt. Er hat einen MBA-Abschluss der Chinese University of Hong Kong.
Tags
In die Zwischenablage kopiert!

Sind Sie bereit, loszulegen? ✨

  • Nutzen Sie die Möglichkeiten von respond.io , um Ihren Umsatz zu steigern und Ihre Kunden zu begeistern.
  • 7 Tage kostenlos testen
  • Keine Kreditkarte erforderlich
  • Jederzeit abbrechen
Kostenlos anmelden
  • Erleben Sie eine personalisierte Demo mit uns
  • Entdecken Sie, warum sich über 10.000 Unternehmen für uns entscheiden
Demo buchen