Lägg till livechatt med Facebook Messenger

Facebook Messenger är det enklaste sättet att bädda in livechatt på din webbplats! Dessa chattar är kopplade till din besökares Facebook Messenger-konto, så att de alltid har tillgång till det. Här är vad dina besökare kommer att se på din webbplats:

 

 

Du behöver:

•  Ett Pro Strikingly-konto.
•  En Strikingly-webbplats kopplad till en anpassad domän med HTTPS (lär dig hur här).
•  En Facebook-sida (skapa en här: https://www.facebook.com/pages/create).
•  En Facebook-app-ID (hur du skaffar en: https://developers.facebook.com/docs/apps/register).

 

Har du allt det där? Bra, då börjar vi!

 

1. Hämta din Facebook-app-ID

Det här är ett långt nummer. Till exempel är Strikinglys eget app-ID 138736958550286. Du kommer att se din app-ID på den här sidan: https://developers.facebook.com/apps/.

 

2. Hämta din Facebook-sid-ID

Detta är ytterligare ett långt nummer. Till exempel är Strikinglys sid-ID 211998345516663. För att hitta din sid-ID, gå till din Facebook-sida och följa dessa steg:

1. Klicka på About-fliken under din sidas omslagsfoto, klicka sedan på Page transparency.
2. Klicka på See all, sedan Go to Ad Library.
3. Hitta view_all_page_id= i adressfältet i din webbläsare. Ditt sid-ID är numret omedelbart efter detta.

 

3. Gå till "Messenger Platform" i din Facebook-sidas administratörsinställningar och lägg till din domän i vitlistan (måste använda https!).

Klicka på Save när du är klar. Så här ser det ut:

 

4. Lägg till anpassad kod på din webbplats

Klistra in följande kod i Inställningar > Avancerat > Anpassad kod > Sidfotskod. Se till att BYTA UT de röda fetstilade delarna med ditt eget Facebook-app-ID och Facebook-sida-ID!

 

<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. Publicera din webbplats. Du bör se Messenger Live Chat Widget i hörnet!