Facebook Messenger is de gemakkelijkste manier om Live Chat op jouw site in te sluiten! Deze chats zijn gekoppeld aan het Facebook Messenger-account van je bezoeker, zodat ze er altijd toegang toe hebben. Dit is wat jouw bezoekers op je site te zien krijgen:
Wat je nodig hebt:
- Een Pro Strikingly account
- Een Strikingly website verbonden met je eigen domein met HTTPS (zie hier hoe)
- Een Facebookpagina (zie hoe je eentje aan kan maken: https://www.facebook.com/pages/create)
- Een Facebook App ID (zie hier hoe kan je het krijgen: https://developers.facebook.com/docs/apps/register)
Heb je alles? Gaan we aan de gang!
1. Haal je Facebook App ID.
Dit is een lang nummer. De eigen app-ID van Strikingly is bijvoorbeeld 138736958550286. Je ziet je app-ID op deze pagina: https://developers.facebook.com/apps/
2. Haal je Facebookpagina ID.
Dit is weer een lang nummer. De pagina-ID van Strikingly is bijvoorbeeld 211998345516663. Om je pagina-ID te vinden, ga je naar je Facebook-pagina, ga je naar het tabblad 'Over' en scrol je naar beneden.
3. Ga in je Facebook-paginabeheerdersinstellingen naar "Messenger Platform" en voeg je domein toe aan de witte lijst (moet https gebruiken!).
Klik Opslaan als je klaar bent! Hier is hoe het eruit ziet:
4. Voeg de Aangepaste HTML Code Aan Je Strikingly Site Toe.
Plak de volgende code in Instellingen > Geavanceerd > Aangepaste code > Voettekstcode. Zorg ervoor dat je de rood vetgedrukte delen VERVANGT door je eigen Facebook App ID en Facebookpagina ID!
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'JOUW_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="JOUW_APP_ID"
page_id="JOUW_FBPAGINA_ID"
ref="test">
</div>
5. Publiceer uw site. Je zou de Messenger Live Chat Widget in de hoek moeten zien!