Botão do WhatsApp – Como adicionar o widget do WhatsApp ao site?

botão do whatsapp ao site

Sumário

Se está planejando adicionar um botão do WhatsApp ao seu site, você está no lugar certo.

 

A WATI oferece um gerador de botão e widget para WhatsApp gratuitamente. 

 

O botão do WhatsApp permite que o visitante do seu site inicie uma conversa em apenas um clique.

 

O processo de adicionar o widget é muito simples. Vamos ensiná-lo a gerar o código HTML gratuitamente e inseri-lo no seu site ou na sua loja virtual do Shopify.

 

Fique conosco!

Por que colocar o Botão do WhatsApp ao seu site?

Como mencionado acima, um botão do WhatsApp permite que seus potenciais clientes iniciem um bate-papo com apenas um clique.

Sabemos como pode ser difícil prestar um bom atendimento quando a sua empresa oferece múltiplos canais de comunicação. O tempo de resposta pode ser lento e algumas mensagens até cair no esquecimento.

Para isso, uma solução é direcionar o atendimento no aplicativo de mensagens mais popular entre os brasileiros: o WhatsApp.

Além disso, ser facilmente acessível no WhatsApp significa que você pode atender rapidamente seus clientes, apoiando-os durante a jornada de compra.

Esta é uma ótima oportunidade para oferecer suporte, construir um relacionamento e converter o cliente!

New call-to-action

Como adicionar o widget do WhatsApp ao seu site?

Agora é hora de aprender como adicionar o botão do WhatsApp ao seu site.

Como mencionamos anteriormente, a WATI oferece um gerador de widget para WhatsApp gratuito.  Como ele é possível personalizar o botão para ter a aparência da sua marca. 

Além disso, com o widget da WATI é possível adicionar uma mensagem personalizada. 

 

Veja como você pode usar o widget:

 

Passo 1 

Clique em Botão de bate-papo do WhatsApp para o site 

 

Passo 2

Personalize seu botão adicionando:

 

  • Cor do botão – você pode usar a cor da sua marca.
  • Nome do botão – de preferência, uma chamada para ação. Por exemplo: “Fale Conosco”.
  • Use as outras configurações para personalizar a forma e a posição do botão.
passo1 widget whatsapp

Passo 3

Personalize o botão do widget adicionando:

 

  • O nome da sua marca.
  • Um subtítulo da marca
  • Adicione o seu número de telefone e depois
  • Uma mensagem de boas-vindas
passo2 widget site

Passo 4

Finalize as configurações do widget

  • Adicione uma mensagem padrão que os usuários podem enviar.
  • Adicione o URL da imagem da sua marca. Copie a URL do seu logotipo e adicione-o a este campo. Se você ainda não tem um CDN de imagem, pode criar um aqui.
  • Escolha a cor de fundo e adicione um texto de chamada para ação
passo3 botão site whatsapp

Passo 5

Quando terminar de preencher o formulário com os detalhes relevantes, clique em “Gerar código do Widget” assim que clicar nele, um menu suspenso com alguns trechos de código aparecerá e clique em “copy to clipboard”.

passo4 widget website

Passo final: se, neste ponto, você copiou o snippet de código, a próxima etapa é adicionar esse snippet à tag body do seu site. Se você não estiver familiarizado com o funcionamento de códigos de computadores, procure o desenvolvedor do seu site para que ele o ajude a colar o código.

 

Se você for familiar com tecnologia, navegue até o back-end do seu site, vá para a página index, encontre a tag body e cole o snippet logo abaixo da tag de fechamento do corpo. Depois de colar o código, salve as alterações e atualize a página.

Html-chat-button-v2

Como adicionar o botão do WhatsApp à sua loja no Shopify?

Se você possui uma loja no Shopify e deseja adicionar um botão do WhatsApp nesta loja para que os clientes possam facilmente entrar em contato com você, as etapas que você precisará seguir são muito simples.  

Passo 1

Crie e copie o código do widget do WhatsApp e faça login em seu perfil do Shopify.
passo 1 para adicionar botão do whatsapp no Shopify

Passo 2

Clique em “Online Store” e, em seguida, em “themes” e em “actions”, um menu suspenso aparecerá; nele, você verá “edit code”, clique nele. Seu editor de tema da loja Shopify aparecerá.

passo2 shopify whatsapp

Passo 3

 

Você verá um menu suspenso; acesse o “arquivo theme.liquid” e cole o código do widget do WhatsApp após a tag body e salve as alterações. Acesse sua página inicial e verifique as alterações; você verá o botão WhatsApp no ​​canto inferior direito da página.

Como alavancar as vendas com o WhatsApp Business?

O aplicativo WhatsApp Business oferece muitos recursos para ajudar pequenas empresas a gerenciar contatos e realizar serviços comerciais. Esses recursos são especialmente relevantes nos estágios iniciais de crescimento de uma pequena empresa, quando não há muitos clientes, então o aplicativo WhatsApp Business é suficiente.

 

No entanto, conforme o negócio cresce e a base de clientes se expande, você deve considerar utilizar as funções avançadas que a WATI desenvolveu a partir da API oficial do WhatsApp Business.


Confira alguns desses recursos

  • Fluxos de mensagens automatizadas (chatbot)
  • Dashboard com relatórios gerenciais de performance de equipe
  • Caixa de entrada compartilhada (Team inbox)
  • Diversos atendentes com seu login e senha próprio
  • Disparo de mensagens em massa
  • Segmentação de público
  • Atribuir atendimento a um atendente sem perder o histórico de mensagens.
  • Selo de verificação de conta comercial (selo verde)


Agora que você já aprendeu a
adicionar um botão do WhatsApp no seu site com nosso gerador de widget gratuito, é hora de fazer a sua máquina do WhatsApp Business funcionar com a WATI. 

Automatize mensagens e aumente suas vendas. Clique no banner abaixo para uma avaliação gratuita ou participe da demonstração gratuita em português.

New call-to-action
Share This Post
Compartilhar no facebook
Compartilhar no linkedin
Compartilhar no twitter
Compartilhar no email
More To Explore
etiquetas no whatsapp business
Como usar Etiquetas no WhatsApp Business

Organize melhor seus contatos comerciais com as etiquetas no WhatsApp Business! Aprenda como criá-las e confira as melhores dicas dos especialistas da WATI!