Como adicionar o Facebook Messenger ao seu site

O Facebook Messenger se tornou uma ferramenta importante para as empresas que usam a rede social. Isso permite que você comunique-se com seus clientesde várias maneiras, e até fornecer atendimento e suporte ao cliente por meio de chat. Embora você possa fazer isso facilmente por meio da plataforma ou do aplicativo para seu tablet ou smartphone, você também pode adicionar ao seu site.

Por que adicionar ao seu site?

Antes de nos aprofundarmos em como fazer isso, é importante entender por que você pode querer incorporar o Facebook Messenger em seu site. Na verdade, é muito simples – fornece mais uma via de comunicação via Messenger, mas que não está intrinsecamente ligada à rede social. Quantos clientes vêm ao seu site em busca de informações, respostas a perguntas ou suporte em vez de irem à sua página de negócios no Facebook? Você pode permitir que eles enviem mensagens instantaneamente incorporando o Messenger ali mesmo, economizando tempo e aborrecimento.

Uma advertência: para usar o Messenger ou incorporá-lo ao seu site, você deve ter uma página comercial ativa no Facebook. Caso contrário, você não poderá usar o Messenger. Se você ainda não tem uma página de negócios no Facebook, reserve um tempo para criar uma primeiro, ative o Messenger e incorpore seu link em seu site.

Como ativar o Facebook Messenger

É importante entender que sua página deve ser configurada para permitir mensagens ou as etapas abaixo não funcionarão. Você pode acessar essa configuração indo para sua página de negócios do Facebook, clicando em configurações, indo para mensagens e permitindo que as pessoas enviem mensagens em sua página em particular. Salve as alterações quando terminar.

 
 

Como incorporar o Facebook Messenger

Existem várias maneiras de incorporar o Facebook Messenger ao seu site, embora todas elas dependam do uso do código do Messenger disponível para você na página de negócios do Facebook. Depois de ter esse código, você pode decidir qual método deseja usar para incorporá-lo.

Também é importante observar que incorporar o Messenger em seu site não significa necessariamente que seus clientes abrirão uma janela do Messenger enquanto permanecem em seu site. Em vez disso, clicar no botão “envie uma mensagem para mim” na verdade abrirá o aplicativo do Facebook Messenger, supondo que o cliente esteja acessando seu site através de seu smartphone ou tablet. Se eles estiverem usando um laptop ou desktop, ele deve iniciar o Messenger por meio de uma nova guia no navegador da web.

Também é importante observar que o método de incorporação padrão do Facebook é em JavaScript. Se preferir HTML, você pode escrever o código necessário para incorporar o Messenger dessa forma. Usar o link do Messenger dessa forma também derrotará os bloqueadores de anúncios se o seu cliente os estiver usando. Você precisará usar este código:

<a href="https://m.me/XYZ">
Message Us on Facebook
</a>

Você só precisa substituir o XYZ no código acima pelo nome personalizado de sua empresa no Facebook. Obviamente, você deve ter uma página comercial no Facebook para fazer isso.

Se preferir, você também pode incorporar um botão do Facebook Messenger ao seu site. Ele foi projetado para se parecer com o botão do Facebook, então há reconhecimento instantâneo. Isso usa JavaScript, mas você não pode escrever em HTML. Use o seguinte código para incorporar o botão e certifique-se de substituir XYZ pelo seu ID de página do Facebook.

<script>     
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '95100348886',
          xfbml      : true,
          version    : 'v2.6'
        });
      };

      (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 = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));     
    </script>
    <div class="fb-messengermessageus"
         messenger_app_id="insert-app-id-here"
         page_id="XYZ"
         color="blue"
         size="large">
    </div>

Seja qual for o método que você escolher, os visitantes do seu site agora poderão se comunicar diretamente com você através do Messenger.

Gestão de Negócios do Facebook

Melhore a reputação online do seu negócio com o RAY

Você quer que as pessoas falem bem sobre sua marca online? Com uma estratégia adequada você pode melhorar a experiência do usuário e com ela a presença online do seu negócio.

O melhor: você não precisa gastar todo seu tempo fazendo dever de casa. Você só precisa da ferramenta certa.

 
 
Franco Breciano

Empreendedor em tecnologia, escreve sobre startups, gestão, cultura empresarial e product design.