Ir para o conteúdo

Incorporando o Facebook Messenger em App Builder

Instruções

  1. Obtenha um ID de aplicativo aqui https://developers.facebook.com/apps

    • Inscrição gratuita
  2. Obtenha o ID da sua página do Facebook aqui https://www.facebook.com/business/help/2814101678867149

    • O ID da página é um valor numérico, a URL personalizada não funcionará.
  3. Na página de fãs do Facebook que é o alvo do Messenger, vá para Configurações>MessengerPlatform>Domínios na lista de permissões.

    • Este deve ser um site HTTPS.
    • Endereços IP e hospedar local não funcionarão
    • Não esqueça de clicar em salvar!

      Facebook

  4. Crie um novo modelo HTML em App Builder e copie o código abaixo, substituindo seu App ID e Page ID que você obteve nas etapas acima.

    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId            : '[AppID]',
          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.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <div class="fb-customerchat" page_id="[PageId]"></div>
    
  5. Adicione o controle HTML à página de sua escolha. Uma vez carregado, ele seguirá você por todo o aplicativo.

Notas

  • Isso também funciona em dispositivos móveis!
  • O Facebook considera que isso está em Beta
  • O usuário final terá que fazer login no Facebook para poder se corresponder. Há um plugin alternativo que permitirá apenas uma mensagem unidirecional do usuário para a empresa.
  • Há muitas personalizações, respostas automáticas, cores, etc. Aqui está a documentação do Facebook.
  • O padrão é que a janela apareça no Desktop. No celular, ela é configurada para ser minimizada. O Desktop pode ser configurado para esse mesmo comportamento.