Home » WordPress » Como adicionar o chat do Facebook Messenger ao site WordPress

Como adicionar o chat do Facebook Messenger ao site WordPress

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):

How to add Facebook Messenger chat to WordPress website

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:

how to add facebook chat to wordpress website

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.

how to integrate facebook messenger to wordpress website

Próximo passo – selecione Messaging à esquerda, e scrool para Adicionar Messenger à seção de seu site. Clique em Get Started (Iniciar).

add messenger in wordpress

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.

messenger live chat in wordpress

Best WordPress hosting 2024

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.

wordpress facebook messenger

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.

facebook messenger code for wordpress

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.

integrate facebook messenger to wordpress

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):

add facebook messenger live chat to wordpress website

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:

wordpress messenger chat

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:

messenger chat in wordpress website
Fathom analytics