Facebook Live Chat einbinden

Facebook Live Chat auf Website integrieren
Online sucht man zurzeit vergeblich nach einer aktuellen Anleitung, um das Live Chat Plugin von Facebook zu einer Website hinzuzufügen, weswegen wir uns dazu entschieden haben, eine eigene Anleitung zu verfassen. Das Live Chat deiner Website hinzuzufügen ist nicht schwer und dauert keine 5 Minuten. Diese Anleitung funktioniert für alle Webseiten, wie WordPress oder statischen HTML Seiten. Es sind keine Coding Kenntnisse notwendig.

Inhalt

1. Chat Plugin erstellen:

Um das Chat Plugin einzufügen, musst du erst eines erstellen. Dafür benötigst du eine Facebook Seite (Nicht zu verwechseln mit einem Facebook Profil):

  1. Klicke im Facebook Profil links im Menü auf Seiten -> Deine Facebook Seite
  2. Links im Seiten Menü auf Meta Business Suite
  3. In der Meta Business Suite klickst du auf Postfach -> Zahnrad -> Alle Einstellungen ansehen
    Facebook Live Chat hinzufügen
  4. Von hier aus klickst du auf Chat-Plugin -> Einrichten
  5. Als Einrichtungsmethode wählst du am besten Standard. Du kannst es auch über eine andere Option versuchen, empfehlen würden wir das aber eher nicht, da unter anderem das WordPress Plugin zurzeit nicht funktioniert und auch davor auch eher unzuverlässig war.
  6. Als nächstes führst du die Schritte aus und kopierst den Code, den du dabei bekommst.

2. Live Chat zur Website hinzufügen

Hast du Option „Standard“ gewählt, solltest du bei Schritt drei einen Code bekommen, den du auf deiner Website in den Body Tag jeder Seite einfügen kannst, auf der du den Live Chat gerne haben möchtest.

Verwendest du WordPress, gibt es zwei Wege, diesen Code einzufügen:

2.1 Mit einem Plugin

Hole dir dazu das Head & Footer Code Plugin und installiere es.

Um den Code einzufügen gehst du auf:

  1. Einstellungen -> Head & Footer Code und fügst den Code bei Body Code ein.

Möchtest du den Live Chat nur auf bestimmten Seiten haben, fügst du den Code einfach mit einem Custom HTML Element in die jeweilige Seite ein.

2.2 Manuell hinzufügen

Dazu musst du deine functions.php Datei bearbeiten. Beachte dabei bitte, dass du ein Child Theme verwenden solltest, da deine functions.php sonst beim nächsten Theme Update überschrieben wird.

Design -> Theme-Datei-Editor -> (Ganz rechts) functions.php

Hier fügst du jetzt einen Code ein:

do_action( 'wp_body_open' , 'fb_livechat' );

function fb_livechat() {
  echo ' #Dein Code vom Facebook Plugin aus Schritt 1 '
}

Damit hast du es geschafft. Hat dir der Artikel gefallen oder hast du noch Fragen? Dann sag schreib mir gerne in den Kommentaren. Falls du bei etwas Hilfe benötigst, bieten wir dafür den Website Konfigurator an, bei dem du mit wenig Geld Tools, wie den Facebook Pixel oder wie in diesem Fall, den Facebook Live Chat hinzufügen lassen kannst.

Post Comment

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Microservices

Microservices

Anfragetyp wählen

Microservices

Microservices

Anfragetyp wählen