Facebook Messenger ist der einfachste Weg, Live-Chat in Ihre Website einzubetten! Diese Chats sind mit dem Facebook-Messenger-Konto Ihres Besuchers verbunden, sodass dieser immer Zugriff darauf hat. Das sehen Ihre Besucher auf Ihrer Website:
Sie benötigen:
- Ein Pro Strikingly-Konto.
- Eine Strikingly-Website, die über HTTPS mit einer benutzerdefinierten Domain verbunden ist (hier erfahren Sie, wie).
- Eine Facebook-Seite (erstellen Sie hier eine: https://www.facebook.com/pages/create).
- Eine Facebook-App-ID (so erhalten Sie eine: https://developers.facebook.com/docs/apps/register).
Verstehen Sie? Gut, fangen wir an!
- Holen Sie sich Ihre Facebook-App-ID.
Das ist eine lange Zahl. Die eigene App-ID von Strikingly lautet beispielsweise 138736958550286. Ihre App-ID sehen Sie auf dieser Seite: https://developers.facebook.com/apps/. - Holen Sie sich Ihre Facebook-Seiten-ID.
Dies ist eine weitere lange Zahl. Die Seiten-ID von Strikingly lautet beispielsweise 211998345516663. Um Ihre Seiten-ID zu finden, gehen Sie zu Ihrer Facebook-Seite und befolgen Sie die nächsten Schritte:
1. Klicken Sie auf die "Über"-Tab unter dem Titelbild Ihrer Seite und dann auf Seitentransparenz.
2. Klicken Sie auf „Alle anzeigen“ und dann auf „Zur Anzeigenbibliothek wechseln“.
3. Suchen Sie „view_all_page_id=“ in der Adressleiste Ihres Browsers. Ihre Seiten-ID ist die Nummer, die unmittelbar darauf folgt.
3. Gehen Sie in den Admin-Einstellungen Ihrer Facebook-Seite zu „Messenger-Plattform“ und fügen Sie Ihre Domain zur Whitelist hinzu (muss https verwenden!).
Klicken Sie auf Speichern, wenn Sie fertig sind! So sieht es aus:
4. Fügen Sie benutzerdefinierten Code zu Ihrer Strikingly Website hinzu.
Fügen Sie den folgenden Code in „Einstellungen“ > „Erweitert“ > „Eigener Code“ > „Fußzeilen-Code“ ein. Stellen Sie sicher, dass Sie die rot fettgedruckten Teile durch Ihre eigene Facebook-App-ID und Facebook-Seiten-ID ERSETZEN!
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
autoLogAppEvents : true,
xfbml : true,
version : 'v2.11'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js";;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat"
messenger_app_id="YOUR_APP_ID"
page_id="YOU_PAGE_ID"
ref="test">
</div>
5. Veröffentlichen Sie Ihre Website. Sie sollten das Messenger-Live-Chat-Widget in der Ecke sehen!
Wenn Sie Hilfe benötigen, schreiben Sie uns eine E-Mail an support@strikingly.com oder chatten Sie mit uns.