04 / 12 / 17

Como incluir o chat do Messenger no seu 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.

https://medium.com/botsbrasil/como-incluir-um-bot-no-messenger-na-sua-p%C3%A1gina-em-3-passos-59b5f4e58d05

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:

[contact-form-7 404 "Not Found"]
Larissa Lima

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *