Como fazer um artigo

Acrescentar Facebook Messenger ao Website: Um Guia de Widget para Mensageiros [Março 2023]

Gerardo Salandra
3 de Agosto de 2022

À procura do melhor plugin de conversação? Se os seus visitantes da web são ávidos utilizadores de Messenger, adicione um widget Facebook Messenger ao seu sítio web. Neste post do blog, mostrar-lhe-emos como adicionar Facebook Messenger a um website, bem como onde adicionar o Plugin de Chat do Facebook em construtores de websites como WordPress, Wix e Shopify.

O que é um Facebook Messenger Widget?

O Facebook Messenger widget (ou Plugin de Chat do Facebook) é um plugin de site que permite aos visitantes do site conversar com a sua página do Facebook através do Messenger. Como um dosprincipais canais de mensagens do mundo, os clientes estão naturalmente inclinados a conversar através do Messenger.

Esta é uma fotografia de Facebook Messenger Widget. Facebook Messenger O Widget (também conhecido como Facebook Chat Plugin) é um plugin de website que permite aos visitantes do seu website conversar com a sua página do Facebook através do Messenger. Se estiver em lugares como o Reino Unido (UK), Estados Unidos (US), Índia ou Filipinas, considere o Messenger como o último plugin de conversação.
Para o último plugin de chat, instalar Messenger widget no website

Quando os visitantes do website enviam um pedido de informação através do widget, pode responder através da Meta Business Suite Inbox. Isto é suficiente para as empresas que recebem baixos a médios volumes de mensagens e confiam em Facebook Messenger para a comunicação com os clientes.

As empresas que lidam com grandes volumes de conversas ou conversam com clientes através de múltiplos canais devem utilizar uma caixa de entrada de mensagens omnichannel como respond.io. Além de racionalizar todas as conversas numa única caixa de entrada, oferece vantagens adicionais tais como automatização e análise avançadas.

Porquê usar Messenger Widget: Facebook Benefícios do Plug-in de Chat

Se estiver a alavancar Facebook Messenger para fornecer apoio ao cliente ou impulsionar as vendas, sabe como a plataforma é eficaz. Entre as principais razões para considerar a utilização do web chat do Facebook está a sua capacidade de criar conversas persistentes e de construir uma lista de contactos.

Facebook Plugin de Chat Cria Envolvimento Persistente, Consistente

Com as tradicionais conversas no website, perderá utilizadores para sempre assim que deixarem o seu website. A sua única esperança de continuar a conversa é que eles regressem ao seu sítio. Este já não é o caso quando adicionar Messenger ao seu sítio web.

Em primeiro lugar, o widget Messenger é a ferramenta mais rápida para os seus clientes o contactarem e resolverem as suas questões. Assegura que os clientes podem dirigir-se a si instantaneamente e sem esforço, num mensageiro familiar e confortável.

Todas as suas conversas com widgets de mensageiro serão guardadas na Caixa de Entrada do Facebook. Isto é um benefício quando adiciona Facebook Messenger ao seu Website.
Guarde informações de contacto e histórico de chat quando adicionar Messenger ao website

Também permite a comunicação pessoal directamente no seu website para oferecer apoio técnico, consulta de produtos, assistência na encomenda ou reserva e muito mais. Os clientes podem contactá-lo enquanto o interesse é elevado para conduzir as conversões de vendas.

Quando se adiciona Facebook chat ao website, o histórico do chat de um contacto é guardado na caixa de entrada do Meta Business Suite. Isto significa que pode retomar uma conversa com um utilizador que conversou consigo em Messenger , mesmo depois de este ter saído do seu website.

Juntamente com a conversa, também pode ver algumas das informações básicas do seu perfil, incluindo o seu nome, foto do perfil, aniversário e localização. Isto irá ajudá-lo a servir o cliente melhor do que qualquer conversa ao vivo e a construir uma relação com eles ao longo do tempo.

Adicionar Messenger ao Website para Construir uma Lista de Contactos Facebook Messenger

Agora que as pessoas podem enviar-lhe uma mensagem facilmente através de Facebook usando Facebook Customer Chat, elas serão adicionadas à sua lista de contactos para sempre.

Esta é uma imagem que mostra que Facebook Messenger tem taxas de abertura & clique mais elevadas do que o e-mail. Agora que as pessoas podem enviar-lhe mensagens facilmente através do Facebook usando o Chat do cliente do Facebook, elas serão adicionadas à sua lista de contactos para sempre. Pode pensar numa lista de subscritores Facebook Messenger da mesma forma que faz uma lista de subscritores de correio electrónico. Utilize-a como um novo canal de comunicação com a sua audiência ou até mesmo utilize-a para transmitir emissões de Messenger, que tem uma taxa de 92 por cento aberta.
Adicionar Plugin de Chat do Facebook: Facebook Messenger tem taxas de envolvimento mais elevadas do que o e-mail

Pode pensar numa lista de subscritores Facebook Messenger da mesma forma que faz uma lista de subscritores de correio electrónico. Utilize-a como um novo canal de comunicação com a sua audiência ou utilize-a mesmo para enviar emissões de Messenger, que têm uma taxa de 92% de abertura impressionante.

O widget Messenger é apenas uma forma de construir uma lista de subscritores Facebook Messenger . Existem várias formas de aumentar os seus contactos Messenger, incluindo Resposta Automática aos Comentários do Facebook ou respostas privadas, Anúncios ou links Clique para Messenger e códigos QR do Facebook.

Os clientes têm de estar inscritos nas suas contas Facebook para serem adicionados à sua lista de contactos. Não pode adicionar clientes que lhe enviem mensagens em Guest Mode. Continue a ler para ver se pretende activar ou desactivar o Modo de Convidado quando adicionar Facebook chat a um website.

Facebook Plugin de Chat: Modo Convidado

Facebook introduziu o Guest Mode em 2020 para permitir aos clientes conversar com empresas através do widget Messenger sem entrar na sua conta Facebook . Para entrar no Guest Mode, basta tocar em Continuar como Convidado antes de iniciar uma conversa.

A Guest Mode oferece aos clientes a flexibilidade de conversar com uma empresa de forma anónima. Mas a funcionalidade tem alguns inconvenientes para as empresas.

Esta é uma imagem com A Facebook Messenger Widget com um botão de modo de convidado. O Facebook introduziu o Modo Convidado em 2020, permitindo aos clientes conversar com empresas através do widget Messenger sem entrar na sua conta do Facebook. Para entrar no Modo Convidado, basta tocar em Continuar como Convidado. Este é o tipo de flexibilidade que faz de Facebook Messenger o melhor plugin de chat em lugares como o Reino Unido, os EUA, Índia, Filipinas e muito mais.
Facebook Messenger Widget com Modo Convidado

Para começar, o Guest Mode impede as empresas de construir ligações duradouras com os clientes. As empresas não podem reabrir conversas de Convidados uma vez que os Convidados terminem o chat ou 24 horas desde o início da conversa, o que ocorrer primeiro.

Também é impossível oferecer uma experiência personalizada ao cliente no Modo Convidado, uma vez que não se pode aceder a qualquer informação do cliente. Aqueles que conversam consigo no Modo Convidado terão os seus nomes exibidos como Convidado, seguidos de uma pequena cadeia numérica.

Felizmente, pode desactivar o Modo Convidado durante o processo de configuração do widget. Continue a ler para saber como.

Como criar Facebook Messenger Widget: Criar um código Widget

Primeiro, vamos falar sobre o processo de configuração do widget Messenger. Para adicionar Facebook Messenger a um sítio web, é necessário fazer estas duas etapas em sequência:

  • Criar um código widget Facebook Messenger
  • Adicione o código widget Messenger ao seu sítio web

Pode gerar um código widget Messenger em Meta Business Suite ou respond.io. Embora ambas as plataformas sirvam o mesmo propósito, elas oferecem características diferentes.

Meta Business Suite dá-lhe a opção de desactivar o Guest Mode. As empresas B2C devem optar por esta opção, uma vez que desactivar o Guest Mode lhes permite captar leads, oferecer uma experiência personalizada ao cliente e reencaminhar clientes depois de deixarem o sítio web.

Dito isto, desactivar o Guest Mode pode recusar compradores B2B que queiram permanecer anónimos. Se é um negócio B2B que precisa de ter o Guest Mode ligado, recomendamos a criação do seu Facebook Chat Plugin via respond.io.

Não só pode automatizar saudações ou mensagens e processos como o encaminhamento de conversas ou atribuição de contactos, respond.io permite-lhe adicionar um código de referência a um widget Messenger para identificar de onde vêm os contactos. As grandes empresas devem considerar esta opção.

Geração de um Código Widget Messenger em Meta Business Suite

Veja aqui como adicionar Facebook Messenger a qualquer sítio web utilizando Meta Business Suite. A partir da sua página do Facebook:

  1. Navegue para o seu Meta Business Suite e abra a sua Caixa de Entrada
  2. Clique no ícone Definições e seleccione Ver Todas as Definições
  3. Seleccione Chat Plugin
  4. Clique em Set Up

Para adaptar a funcionalidade do seu widget às suas necessidades, seleccione a automatização e personalizações que deseja da lista antes de clicar em Set Up. Em seguida, seleccione o método de configuração que gostaria de utilizar para gerar o código do Widget Messenger .

1. Clique no botão azul Set Up.

Esta é uma imagem que mostra como gerar um Messenger Widget Code em Facebook Business Suite Inbox. Clique no botão azul Set Up para começar a instalar o seu Facebook chat plugin.
Facebook Plugin de Chat em Meta Business Suite

2. Seleccione o método de configuração de Plugin de Chat Facebook que gostaria de utilizar. Se vir o construtor do seu site na lista, seleccione-o. Caso contrário, seleccione Standard.

Esta é uma imagem que mostra como gerar um Messenger Widget Code em Facebook Business Suite Inbox. Seleccione o construtor do site no qual gostaria de instalar o Messenger Widget.
Seleccione o construtor do seu website se este constar da lista ou seleccione Standard

3. Seleccione a sua língua preferida para o plugin de chat. Depois clique em Guardar e continuar.

Esta é uma imagem que mostra como gerar um Código de Widget Messenger na Caixa de Entrada do Facebook Business Suite. Seleccione a língua que gostaria que o widget Facebook Messenger aparecesse, como o inglês americano para os Estados Unidos (US) ou o inglês britânico.
Seleccione a língua

4. Adicione o domínio para todos os sítios Web em que gostaria que o plugin de conversação aparecesse. Certifique-se de que o domínio colado no gerador de códigos não inclui uma página. Clique em Guardar e continuar quando terminar.

Esta é uma imagem que mostra como gerar um Código de Widget Messenger na Caixa de Entrada do Facebook Business Suite. Depois de adicionar a sua língua, por exemplo inglês americano (EUA), adicione o domínio para o sítio web que gostaria que aparecesse o widget Facebook Messenger .
Adicionar o domínio do sítio web

5. Clicar no botão Copiar código para copiar o código. Em seguida, clicar em Next.

Esta é uma imagem que mostra como adicionar Facebook Messenger ao Website. Clique em Copiar Código e depois clique em Seguinte.
Copiar o código

6. Cole o trecho de código no seu website. Mais abaixo, mostrar-lhe-emos brevemente onde adicionar este código a WordPress, Wix, Shopify e Squarespace.

Esta é uma imagem que mostra como adicionar Messenger ao Website. Colar o código no seu sítio web. Aprenda como adicionar este código ao Wordpress, Wix, Shopify e Squarespace.
Cole o trecho do código do plugin no seu website

Clique em Finish (Acabar) quando terminar. O seu widget Messenger está agora pronto a ser utilizado. Opcionalmente, pode desligar o Modo Convidado para o seu Messenger widget.

6. Desligar a comutação do Chat de Convidados para desactivar o Modo de Convidados. Pode encontrar a comutação em Personalizar o seu Plugin de Chat.

Esta é uma imagem que mostra como desligar o Modo Convidado de um Widget Facebook Messenger . Desligue o Chat de Convidado para desactivar o Modo Convidado. Pode encontrar a comutação em Personalizar o seu Plugin de Chat.
Desactivar o Modo Convidado

Depois, clicar em Publish para fazer as alterações entrarem em vigor. E é assim que se instala Facebook Messenger no chat do website! Em alternativa, pode criar um código widget Messenger em respond.io.

Geração de um Código Widget Messenger em respond.io

O processo de criação de um widget Facebook Messenger é simples e pode ser feito rapidamente, seguindo estas etapas.

Esta é uma imagem que mostra como criar o widget Messenger .
Respond.io omnichannel website widget suporta uma vasta gama de Canais

Para começar, navegue para Configurações > Widgets de Crescimento. Depois, clicar em Add Widget e escolher Facebook Widget antes de clicar em Create Widget.

Depois disso, introduza o(s) sítio(s) web onde deseja adicionar o widget de chat e seleccione a conta para a qual deseja criar um widget.

Este é um gif que mostra como seleccionar uma conta para criar um widget.
Facebook widget de mensageiro instantâneo para website: Seleccione a conta Messenger para a qual pretende criar um widget

Pode adicionar um texto pré-preenchido ou personalizar a aparência do widget, clicando nos botões de Definições Avançadas. Finalmente, clique em Generate Widget, copie o script gerado e instale-o no seu website.

Se quiser ligar com clientes através de múltiplos canais, um widget omnichannel pode ajudar. Também pode optar por adicionar um widget de chat ao seu sítio web.

Agora que configurou com sucesso o seu widget Messenger , o próximo passo é instalar o código gerado no seu website. A seguir, guiá-lo-emos através do processo de instalação.

Como adicionar Messenger ao site utilizando os códigos Widget

Navegar no seu CMS para adicionar um plugin de chat pode ser confuso. Abaixo, encontrará as instruções para instalar o código widget Messenger em construtores de sites populares como WordPress, Wix, Shopify e Squarespace.

Como adicionar Facebook Messenger Código Widget a um site WordPress

Pode agora instalar um plugin Messenger através de Meta directamente da tabulação Plugins na barra lateral. Embora o plugin em si seja gratuito, a instalação só está disponível para subscritores de planos empresariais ou utilizadores de planos Pro, para os utilizadores de planos antigos.

Esta é uma imagem que lhe mostra como pode agora instalar um plugin Messenger através de Meta directamente da tabulação Plugins na barra lateral. Embora o plugin em si seja gratuito, a instalação só está disponível para assinantes de planos de negócios ou utilizadores de planos Pro, para os utilizadores de planos antigos. Se estiver no local onde Messenger é o último plugin de chat, tal como no Reino Unido, EUA, Índia ou The Phlippines, adicione isto ao seu sítio WordPress .
WordPress Os subscritores Pro ou Business podem instalar directamente o Plugin de Chat Facebook

Para instalar o Facebook Chat Plugin em WordPress, siga estas instruções:

  1. Procure por Facebook Chat Plugin e seleccione-o.
  2. Clique em Instalar agora.
  3. Clique em Activate.
  4. Procure o separador que diz Customer chat. Navegue até à secção Começar e clique em Editar plugin de chat.
  5. Personalize o seu plugin de chat e complete a sua configuração.

Em alternativa, integrar Messenger num sítio WordPress utilizando o código Messenger widget. Isto também requer a passagem pelo paywall. Há algumas formas de adicionar um código widget Messenger a WordPress, incluindo a instalação de um plugin de cabeçalho e rodapé.

1. Adicione o plugin de cabeçalho e rodapé à sua escolha a partir da página Plugins.

Uma vez que tenha o código de plugin do Chat Facebook , pode adicionar os cabeçalhos e rodapés do plugin ao seu wordpress.
Adicionar um plugin de cabeçalho e rodapé

2. Navegar para Cabeçalhos e Rodapés.

Uma vez adicionados os cabeçalhos e rodapés, navegue até ele.
Como integrar Facebook Messenger no sítio web: Abrir a consola de cabeçalho e rodapé

3. Acrescentar o guião do widget Facebook Messenger ao rodapé do site.

Agora cole o código de plugin do Chat do Cliente Facebook no rodapé do seu website wordpress.
Como integrar Facebook Messenger no sítio web: Acrescentar o guião à consola de cabeçalho e rodapé

Acrescentou agora Facebook Messenger Live Chat ao seu sítio WordPress .

Como Adicionar Facebook Código de Plugin de Chat a um Wix Website

E se gostaria de adicionar chat ao vivo a um website Wix? Depois de ter gerado um script Facebook Messenger widget, siga os passos abaixo para o adicionar ao seu sítio Wix. Note que necessitará de uma subscrição paga para aceder a esta funcionalidade.

1. Navegar para Configurações > Configurações avançadas > Código personalizado.

Agora que já tem o seu código widget Facebook Messenger pronto, navegue para Código Personalizado dentro do Wix.
Adicionar Messenger código widget ao Wix

2. Colar o código widget Facebook Messenger e seleccionar as páginas onde deseja que o código se aplique. Certifique-se de que coloca o código no Body - end.

Leve-o a Facebook e cole-o dentro da caixa de diálogo de código personalizado.
Preencher o Formulário de Código Personalizado

Acrescentou agora Facebook Chat Plugin ao seu website Wix.

Agora o widget Facebook Messenger vai aparecer no seu Wix Website.
O seu novo Facebook Chat Plugin está instalado

Como Adicionar Facebook Chat Widget a Shopify

Uma vez que tenha o script do Chat Plugin do Facebook, siga estes passos para integrar Facebook Messenger num website Shopify .

1. Navegar para a Loja Online e editar código.

Uma vez que tenha o seu script de chat de cliente Facebook pronto, Navegue até à sua loja e edite o código. Isto vale a pena se estiver a utilizar Shopify num país onde Messenger é popular, como a Índia, as Filipinas, o Reino Unido (UK) ou os Estados Unidos (US).
Shopify Messenger conversar: Editar o código da sua loja online

2. Abrir a secção footer.liquid e colar o guião Facebook Messenger Widget.

Pegue no código Facebook Messenger Widget e adicione-o na secção footer.liquid do seu site Spotify.
Shopify Messenger conversar: Acrescentar o guião

Acrescentou agora o Facebook Chat Plugin no seu sítio Shopify .

Como Adicionar Facebook Messenger Código Widget a Squarespace

Assim que tiver o guião do Facebook Chat Plugin, é altura de incorporar Messenger num sítio Squarespace .

1. Inicie sessão em Squarespace, seleccione o seu sítio e abra Definições.

Assim que tiver o seu código widget Facebook Messenger pronto, inicie a sessão no espaço quadrado para iniciar o processo de instalação.
Abra as definições do seu site

2. Navegar para Configurações Avançadas.

Há formas de Adicionar Facebook Messenger ao seu sítio web. Para Integrar Facebook Messenger no Seu Squarespace Website Abra Configurações Avançadas. Esta é a forma de Adicionar Facebook Messenger ao seu sítio web.
Abrir configurações avançadas

3. Navegar para Injeção de Código.

Há formas de Adicionar Facebook Messenger ao seu sítio web. Para Integrar Facebook Messenger no seu Squarespace Injeção de Código Aberto no seu Website. Esta é a forma de Adicionar Facebook Messenger ao seu sítio web.
Injecção de código aberto

4. Colar o guião do Widget Facebook Messenger .

Há formas de Adicionar Facebook Messenger ao seu sítio web. Para integrar Facebook Messenger no seu sítio Web Squarespace Acrescente o Roteiro. Isto é como Adicionar Facebook Messenger ao Seu Sítio de Internet.
Acrescentar o guião

Acrescentou agora Facebook Messenger live chat ao seu sítio web.

Mostrámos-lhe como criar o seu código widget de chat Facebook e instalar Facebook Chat Plugin em alguns dos mais populares construtores de sites. Quer conversar com os clientes no widget Messenger e outros canais, bem como aceder aos seus dados de contacto e histórico de conversas numa caixa de entrada centralizada? Registe-se agora para uma conta respond.io .

Leitura adicional

E é assim que obtém um widget Messenger para adicionar Facebook Messenger ao seu sítio web. Se gostou de ler sobre como fazer crescer o seu negócio com o derradeiro plugin de chat, aprenda mais sobre mensagens instantâneas para negócios com estes posts no blog:

Gerardo Salandra
Diretor Executivo
Gerardo Salandra é o CEO e cofundador da respond.io. Com experiência anterior na IBM, Google e Runtastic, acumulou conhecimentos em inteligência artificial e growth hacking. Tem um MBA da Universidade Chinesa de Hong Kong.
Etiquetas
Copiado para o Clipboard!

Pronto para começar? ✨

  • Desbloqueie o poder do respond.io para aumentar as vendas e encantar os clientes.
  • 7 dias de teste gratuito
  • Não é necessário cartão de crédito
  • Cancelar a qualquer momento
Inscreva-se Grátis
  • Experimente uma demonstração personalizada connosco
  • Descubra porque é que mais de 10.000 empresas nos escolhem
Reservar uma demonstração