Os plugins de WhatsApp são uma extensão ou componente de software que permite adicionar um botão ou funcionalidade de chat do WhatsApp em um site para facilitar a comunicação direta com os usuários.
Ter um botão do WhatsApp em seu site pode facilitar a comunicação com seu público. Por isso, separamos neste artigo algumas dicas de plugins e um guia para adicionar no seu site.
Plugins mais populares para adicionar um botão do WhatsApp
Conheça os plugins mais utilizados para adicionar o botão do WhatsApp:
WhatsApp Chat for WordPress
Esse plugin é projetado especificamente para sites feitos pelo WordPress e permite adicionar um botão de chat do WhatsApp em páginas web.
Os recursos são personalizáveis, como: o estilo do botão, a posição na página e as mensagens de boas-vindas pré-definidas.
WhatsApp Chat Widget
Esse plugin é universal e pode ser usado em diferentes tipos de sites, mas você só pode adicionar um botão do WhatsApp em uma posição fixa no site, como uma barra flutuante ou no canto da página.
As únicas personalizações são: a definição da mensagem inicial e a exibição ou não da foto do perfil.
É importante ressaltar que existem diversos plugins que inserem o botão do WhatsApp. Demos essas duas dicas, mas recomendamos pesquisar e avaliar o plugin que melhor atenda às suas necessidades e seja compatível com a plataforma do seu site.
Passos para adicionar o Botão do WhatsApp ao seu site
Neste guia iremos ensinar como instalar e configurar o plugin de WordPress:
Instalando o plugin
1. Faça login no painel de administração do seu site WordPress. Vá ao menu lateral esquerdo, clique em Plugins e selecione Adicionar novo.
2. No campo de pesquisa, digite “WhatsApp Chat for WordPress” ou, você também pode escolher o pluggin "WhatsApp Chat Widget" e pressione Enter.
3. Localize o plugin nos resultados da pesquisa e clique em Instalar agora.
4. Após a instalação, ative o plugin no botão Ativar.
Configurando o plugin
1. No menu lateral esquerdo do painel de administração, clique em WhatsApp Chat ou Widgets para acessar as configurações do plugin.
2. Na seção de Configurações Gerais, insira o número de telefone associado à sua conta do WhatsApp que esteja também cadastrado no Zenvia Conversion.
3. Personalize as opções de exibição, como o estilo do botão, a posição na página e a mensagem de saudação.
4. Salve as alterações realizadas.
5. Visite o seu site para verificar se a exibição do botão do WhatsApp no seu site está certa.
💡 Dica: Faça testes para garantir que o botão esteja sempre visível, seja rolando a página ou navegando para diferentes páginas.
Como criar um botão flutuante do WhatsApp em uma landing page ou site
Além dos plugins, existe uma outra opção para inserir o botão flutuante do WhatsApp no seu site ou em uma landing page. Para isso, siga os passos descritos abaixo:
1. Obtenha o link do WhatsApp
Para começar, é necessário ter o link do WhatsApp que será usado para direcionar os usuários para a conversa no WhatsApp.
O link deve ser no formato https://api.whatsapp.com/send?phone=XXXXXXXXXXX, onde "XXXXXXXXXXX" é o número de telefone no formato internacional, sem o sinal de "+" ou outros caracteres especiais.
Confira nosso artigo Como criar um link com seu número do WhatsApp e aprenda mais sobre isso.
2. Crie o código HTML
Em seguida, você precisa criar um o código HTML (que é uma linguagem de computação para criar páginas na web) para adicionar na criação do seu botão flutuante.
Confira um exemplo básico de código:
html
<a href="https://api.whatsapp.com/send?phone=XXXXXXXXXXX" target="_blank" class="whatsapp-float">
<i class="fa fa-whatsapp"></i> Entrar em contato via WhatsApp
</a>
3. Estilize o botão flutuante
Você pode personalizar o estilo do botão flutuante usando CSS (que é um mecanismo para adicionar estilos visuais a sua página web). Veja um exemplo básico para estilizar o botão:
css
.whatsapp-float {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25d366;
color: #fff;
padding: 10px 15px;
border-radius: 50px;
text-decoration: none;
z-index: 9999;
}
4. Adicione o código ao seu site
Copie e cole o código HTML e CSS no código-fonte do local onde deseja exibir o botão flutuante do WhatsApp, seja uma landing page ou website. Verifique se o posicionamento do botão e o estilo visual estão de acordo com suas preferências.
Pronto! Agora você pode usar este recurso no seu site em conjunto com a nossa plataforma e garantir uma comunicação direta com seu público via WhatsApp.