Como criar um widget de Whatsapp para o seu site

Crie um widget para WhatsApp em apenas 5 minutos#

Para novos clientes que desejam integrar o WhatsApp ao seu site para facilitar a comunicação com visitantes, temos a solução para você.

Introdução#

O WhatsApp é hoje um dos principais canais de comunicação com clientes, e neste guia, você aprenderá a criar e configurar um widget de WhatsApp passo a passo. Ao final, o botão ficará visível no seu site, pronto para ser usado por clientes que desejam entrar em contato com você e sua equipe.

Passo 1 — Acesse o nosso site através desse link:#

https://www.jivochat.com/whatsapp-widget/

1. Após acessar o link, insira seu número de Whatsapp e o seu email nos respectivos campos;
2. No campo Add invitation text, insira uma mensagem para o seu cliente enviar para você assim que entrar em contato;
3. No campo Choose widget position e Choose widget theme escolha a posição e a cor do Widget;
4. Após todos os campos serem preenchidos e configurados, clique em Create button for free.


Passo 2 — Realizando a instalação do Widget de Whatsapp no site#

1. Copie o código de instalação;
2. Acesse o painel de edição do seu site para ter acesso ao código HTML e insira o código instalação da Jivo logo acima da tag de fechamento \head;
3. Após feito esses passos, clique em Instructions and Statistics para prosseguir.



Passo 3 — Acesse o JivoChat#

1. Faça login/crie sua conta na plataforma da JivoChat;
2. Agora dentro da plataforma da JivoChat, você tem acesso novamente ao código de instalação do Widget e caso não tenha feito a instalação ainda, siga o Passo 2.


Passo 4 — Widget instalado e canal criado#

Após seguir todos os passos conforme indicado, o widget estará visível e funcionando no seu site, pronto para ser utilizado pelos clientes para iniciar contato direto com você e sua equipe via WhatsApp.

1. Abra seu site em uma nova aba ou dispositivo.
2. Verifique se o botão do WhatsApp aparece no canto escolhido.
3. Clique no botão e confirme se a conversa é iniciada corretamente no WhatsApp.

Um canal foi criado dentro da sua plataforma da JivoChat, acessando as configurações do canal, você pode realizar mudanças de design, nome do canal, acessar o código de instalação do canal e também as configurações do omni-channel.



Possíveis problemas#

• O widget não aparece no site: verifique se o código foi inserido corretamente antes da tag \head.
• O botão aparece mas não abre o WhatsApp: confira se o número informado está no formato internacional correto (+55 para Brasil, por exemplo).
• Mudanças de cor/posição não aparecem: limpe o cache do navegador e verifique novamente.