Se você estava procurando maneiras de integrar o aplicativo de bate-papo ao vivo em seu site alguns anos atrás, então provavelmente precisava instalar um plugin grande e complicado ou mesmo um aplicativo dedicado que seria uma dor de cabeça para usar.
Agora há uma alternativa inteligente para aplicativos de bate-papo ao vivo – você pode integrar o Facebook Messenger ao seu site WordPress. E você mesmo pode fazer isso em menos de 5 minutos!
Há um requisito, no entanto. Para ter um chat do Facebook Messenger em seu site, você precisa ter algum tipo de página do Facebook. Por quê? Porque o uso mais comum de um chat no site é para fazer com que os clientes se comuniquem com seu negócio mais facilmente. Portanto, provavelmente você já tem uma página no Facebook para seu negócio de qualquer maneira.
Como integrar o bate-papo do Messenger ao site WordPress
Primeiro passo – prepare seu site WordPress
A primeira coisa que você precisa se quiser adicionar o Messenger chat ao seu site, é ir para Appearance >> Editor de Tema, e abrir o arquivo de funções temáticas – functions.php. Aqui está o exemplo que você verá (pode variar de acordo com o tema WordPress que você usa):
Vá até o fundo do arquivo, e adicione este código no final do arquivo:
function fb_chat_code() {
}
add_action('wp_body_open', 'fb_chat_code');Depois clique em Atualizar arquivo para que ele fique assim:
Segundo passo – gerar o código de chat do Messenger no Facebook
Vá para o site do Facebook e abra sua página no Facebook – aquela com a qual você desejará associar seu site. Se você estiver configurado como administrador da página, verá um menu de administração à esquerda. Pressione Configurações.
Próximo passo – selecione Messaging à esquerda, e scrool para Adicionar Messenger à seção de seu site. Clique em Get Started (Iniciar).
Agora você verá um assistente que o guiará através das configurações de chat do Messenger. Você pode escolher o idioma do Messenger, alterar a mensagem de saudação, permitir ou não o bate-papo com convidados. Quando tiver terminado, clique em Next.
Próximo passo – você pode mudar a cor padrão da janela do Messenger para se adequar ao esquema de cores de seu website. Se precisar, faça a mudança, e clique em Next.
Após fazer isso, digite o endereço URL de seu website (incluindo http… ) na parte superior esquerda da janela. Isto permitirá o uso do Messenger somente em seu website especificado, de modo que ninguém poderia copiar e usar o mesmo código em outros sites. Pressione Salvar.
A etapa final – clique na janela de código snippet à direita, e copie o código do Messenger. Você precisará adicioná-lo ao seu site WordPress. Em seguida, clique em Finish.
A terceira e última etapa – adicione o código de bate-papo do Messenger ao WordPress
Agora você precisará voltar ao seu site WordPress. Clique em Appearance >> Editor de Tema, e abra novamente o arquivo functions.php. Vá até o fundo do arquivo onde você adicionou anteriormente uma função, e faça esta mudança:
function fb_chat_code() {
echo " PUT MESSENGER CODE BETWEEN THESE DOUBLEQUOTES ";
}
add_action('wp_body_open', 'fb_chat_code');Como usamos aspas duplas em nossa função (“), e o código do Messenger também usa aspas duplas, precisamos adicionar uma barra invertida ( ) entre cada aspas duplas no código do Messenger (6 lugares).
Aqui, como deve ser o código final (todas as 6 contrabarras estão marcadas a verde no exemplo):
Após colar o código do Messenger e adicionar as contrabarras, pressione o botão Update File. se tudo estiver bem, você verá uma mensagem de sucesso:
Resultado final
Se todas as etapas forem concluídas com sucesso, o Messenger chat aparecerá em cada página do seu site WordPress. Aqui está o exemplo de como seria neste site:
