Chat Facebooka na Twojej stronie w 3 prostych krokach

przez

Massanger – komunikator od Facebooka jest bardzo popularny także wśród firm, właścicieli sklepów internetowych i blogerów. Można dość łatwo dodać go do swojej strony, żeby być w stałym kontakcie ze swoimi odbiorcami.

Trzeba przede wszystkim pamiętać, żeby mieć wskazany odpowiedni SDK Facebooka i dodać swoją stronę do uwierzytelnionych.

Dodanie strony do uwierzytelnionych

1.Wejdż na fanpage swojej strony -> Ustawienia -> Platforma Messengera -> Domeny dodne do biłej listy

2. Dodaj url naszej strony z http i https

3. Zapisz ustawienia.

Utworzenie aplikacji powiązanej

1.Wejdź na stronę https://developers.facebook.com/ i utwórz nową aplikację, która będzie powiązana z Twoją stroną.

2. W „basic settings” ustawić link do polityki prywatności i zmienić status aplikacji z „In Development” na „Live”.

Dodanie kodu na Twojej stronie

1.Sprawdź ID na karcie Informacje fanpage’a

2. Wstaw kod po otwierającym znaczniku <body> na każdej stronie, na której ma być wyświetlany chat

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'ID Twojej aplikacji',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v3.2'
    });
  };

  (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/pl_PL/sdk/xfbml.customerchat.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

<!-- Your customer chat code -->
<div class="fb-customerchat"
  attribution=setup_tool
  page_id="ID Twojego fanpage'a"
  theme_color="#29487d"
  logged_in_greeting="Witaj! W czym mogę pomóc?"
  logged_out_greeting="Witaj! W czym mogę pomóc?"
  greeting_dialog_display="fade"
  greeting_dialog_delay="5">
</div>

I gotowe! Chat Facebooka wg tej instrukcji implementowałam np. tutaj: https://picaroworld.pl/

Chat Facebooka daje spore możliwości customizacji: https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin/

Dodaj komentarz