Adicionando um Widget de Chat do WhatsApp ao Unbounce: Um Guia Rápido

Melhorar o suporte ao cliente em seu site Unbounce é essencial para engajar visitantes e aumentar as conversões. Adicionar um widget de chat do WhatsApp possibilita uma comunicação em tempo real e interações suaves. Este guia conciso mostrará os passos fáceis para incorporar um widget de chat do WhatsApp em seu site Unbounce, melhorando a experiência do usuário e a satisfação do cliente.

Como Criar um Widget de Chat Flutuante do WhatsApp para Unbounce

  1. Vá para o Clickiny App e crie uma conta.
Clickiny signup for WhatsApp Chat Widget

2. Após fazer login, clique no botão “Criar Novo” no painel de controle.

3. No Editor, você terá diferentes opções de personalização, que abordaremos a seguir.

Na seção “Botão”, você pode alterar a posição, o rótulo e a aparência do botão.

  • Altere a posição no Desktop e no Mobile.
  • Altere o texto do rótulo, a cor e o tipo.
  • Altere o ícone, a forma e as cores do botão.

4. Na seção Widget, você verá duas abas – Design e Agentes.

Nesta etapa da personalização, você pode clicar no botão para expandir o widget.

5. Na aba “Detalhes do Negócio”, edite o nome da sua empresa, o número de telefone para o chat e a mensagem de boas-vindas que o usuário verá quando abrir o widget.

6. A aba “Estilo da Caixa de Chat” permite que você personalize:

  • Adicione o logotipo da sua marca para a caixa de chat.
  • Cor da marca.
  • Título e descrição do widget.

7. No cenário em que você tenha vários agentes para lidar com o suporte, você pode adicionar agentes indo para a aba “Agentes” na seção “Widget” e clicando no botão “Adicionar Novo Agente” para adicionar um agente.

Personalize os detalhes do agente: imagem do agente, nome, função e número de telefone. Você também pode adicionar a disponibilidade do agente.

NOTA: a exibição do widget mudará quando você começar a adicionar agentes.

8. Clique em “salvar” e depois em “publicar”.

NOTA: Sempre certifique-se de clicar em “salvar” após fazer edições no seu Widget de Chat do WhatsApp.

9. Copie o código HTML resultante.

Incorporando o Trecho de Código no Seu Site Unbounce

10. Na parte inferior do editor do Unbounce, clique em “Javascript”.

11. Após clicar em “Javascript”, um menu se abrirá, o menu “Manage Scripts on Main Page”.

12. No menu, em “Script name”, dê um rótulo ao seu código. Em seguida, selecione “Before Body End Tag” em “Placement”.

13. Cole o código na área de texto, certifique-se de que o código esteja envolvido pela tag “<script>”. Em seguida, clique em salvar.

14. Visualize seu site.

Perguntas Freqüentes

Q: Posso personalizar a mensagem que os usuários veem quando abrem o bate-papo do WhatsApp?

A: Sim, ativando a opção “Mensagem pré-preenchida” no painel. Preencha sua mensagem personalizada e é isso que o cliente verá quando abrir o chat.

Q: O botão WhatsApp funcionará em dispositivos desktop?

A: Sim, em dispositivos desktop, clicar no botão abrirá o WhatsApp Web, enquanto no celular, ele abrirá o aplicativo WhatsApp.

Q: Como posso rastrear quantas pessoas estão usando o botão de bate-papo do WhatsApp no meu site Unbounce?

A: Você pode rastrear facilmente o uso do botão de bate-papo do WhatsApp com a função de análise integrada do Clickiny. Ele fornece métricas importantes, como o número de cliques e interações do usuário, ajudando a medir o engajamento. Você pode encontrar esses insights no painel do Clickiny.

Facebook
Twitter
WhatsApp
Email

Leave a Reply