Como incluir o chat do Messenger no seu site

Facebook Messenger no site

Compartilho com você 3 passos para instalar o chat do Messenger no seu site. Assim você conseguirá centralizar a sua comunicação usando um dos canais mais acessados no mundo, o Facebook. Confira o tutorial e seja um dos primeiros a promover esta experiência.

Créditos para este tutorial:

Antes de mais nada, preciso esclarecer que este tutorial só foi possível por causa desta publicação do Ricardo Blumer Grobel. Minha intenção aqui é só fazer os complementos, considerando minha experiência para aplica-lo aqui no GPD.

View story at Medium.com

Confira as 3 etapas:

  • Passo 0 – Ler o artigo do Ricardo
  • Passo 1 – Incluir o Facebook SDK
  • Passo 2 – Incluir uma <div> em qualquer lugar do seu código html
  • Passo 3 – Incluir o endereço do site na whitelist da página do Facebook

O que gostaria de complementar

  • Passo 1 – Incluir o Facebook SDK

    • Usei o Google Tag Manager para disparar o código em todas as páginas, com exceção da Home. Aqui está o modelo:

Incluir o SDK | Chat do Messenger

 

  • Passo 2 – Incluir uma <div> em qualquer lugar do seu código html

    • Usei a área de Widget para o meu caso. Ficou assim:

Widget para inserir id | Chat do Messenger

 

  • Passo 3 – Incluir o endereço do site na whitelist da página do Facebook

    • O Ricardo dá 2 alternativas. Eu escolhi ir na área de opções da página. A seção é esta aqui:

Whitelist de FanPage | Chat do Messenger

 

Como ficou o chat do Messenger no site

Chat do Facebook Messenger no site

 

Quer saber mais? Inscreva-se na newsletter:



Posts relacionados

Larissa Lima on FacebookLarissa Lima on Linkedin
Larissa Lima
Graduação em jornalismo, pós-graduação em comunicação empresarial, dezenas de cursos e desde 2001 com o compromisso diário de unir ideia, escopo e equipe para a realização de projetos digitais relevantes.

O espaço é seu: comentário, dúvidas, sugestões