Como adicionar um widget de chat WhatsApp gratuito ao WordPress, Shopify e outros CMS
Conteúdo
Um widget de chat WhatsApp no seu site permite que visitantes iniciem uma conversa com um clique, sem salvar seu número ou sair da página. Adicionar um widget WhatsApp ao WordPress, Shopify ou outros CMS é simples se você usar uma plataforma que oferece click-to-chat e primeiras mensagens baseadas em modelos para manter a conformidade com a API do WhatsApp Business.
Este guia explica como adicionar um widget de chat WhatsApp gratuito ao WordPress, Shopify e outros sites CMS: o que você precisa (acesso API, modelos), como instalar o widget (plugin, script ou link) e como tratar a primeira mensagem e as conversas. Para soluções que incluem widget e API WhatsApp, veja soluções Spoki e funcionalidades.
O que você precisa antes de adicionar o widget
Para exibir um widget de chat WhatsApp que inicie conversas reais (não só um link click-to-chat que abre o app com texto pré-preenchido), em geral você precisa de:
- Acesso à API do WhatsApp Business: Direto ou via BSP (Business Solution Provider). A API é necessária para primeiras mensagens baseadas em modelos e tratamento de conversas em escala.
- Modelo aprovado: A primeira mensagem a um contato deve ser um modelo aprovado. Você usará um modelo (ex.: boas-vindas, “Oi, como podemos ajudar?”) para cliques no widget para que a conversa comece de forma conforme.
- Widget ou plugin: Um widget (botão flutuante, link click-to-chat ou plugin) que abre o WhatsApp com o modelo ou texto pré-preenchido correto e, se necessário, conecta as respostas à sua inbox ou CRM.
Plataformas como a Spoki oferecem acesso API, gestão de modelos e opções de widget/integração para WordPress e outros sites. Para casos de uso e suporte ao cliente, veja os links.
Gratuito vs pago: Um widget “gratuito” costuma significar que não há custo extra pelo widget em si; você pode ainda precisar de acesso à API do WhatsApp Business (muitas vezes via BSP ou plataforma que cobra por uso API ou conversas). Algumas plataformas oferecem plano gratuito ou teste para testar widget e modelos antes de escalar. Verifique se o widget só adiciona um link click-to-chat (abre o WhatsApp com texto pré-preenchido) ou também conecta respostas a inbox ou CRM; o segundo é melhor para tratamento de conversas e automação.
Adicionar o widget WhatsApp ao WordPress
No WordPress você pode adicionar um widget de chat WhatsApp de duas formas principais:
Plugin ou integração: Muitas plataformas API WhatsApp oferecem um plugin WordPress ou integração que adiciona um botão flutuante ou widget. Você conecta sua conta API, escolhe um modelo aprovado (ou texto pré-preenchido que combine com seu modelo) e o plugin exibe o botão no seu site. Cliques abrem o WhatsApp e enviam a primeira mensagem via modelo quando exigido. Confira se o plugin suporta primeiras mensagens baseadas em modelos se você usar a API.
Inserção manual: Se não usar plugin, você pode adicionar um link click-to-chat ou um script que mostre um botão. O link costuma ser algo como `https://wa.me/NUMERO?text=TEXTO_PREPREENCHIDO`. O texto pré-preenchido deve corresponder ao que seu modelo espera (ex.: modelo de boas-vindas com um botão que inicia a conversa). As respostas vão para sua inbox WhatsApp ou para a plataforma que você usa.
Depois de instalar, teste o widget: clique de celular ou desktop e confirme que a primeira mensagem é enviada e que as respostas chegam à sua inbox. Para FAQ e contato, veja os links.
Adicionar o widget ao Shopify e outros CMS
Shopify e outros CMS (ex.: Wix, Squarespace, sites custom) seguem a mesma lógica:
- Shopify: Use um app da Shopify App Store que se conecte à API do WhatsApp Business e adicione um botão de chat, ou adicione um snippet liquid ou script custom no tema que incorpore um link ou widget click-to-chat. Garanta que a primeira mensagem use um modelo aprovado se você estiver na API.
- Outros CMS: A maioria dos CMS permite um bloco HTML ou script custom no rodapé ou cabeçalho. Cole o script ou link do widget fornecido pela plataforma (ex.: Spoki). O widget aparecerá em cada página onde o código for carregado.
Em todos os casos use um modelo aprovado para cliques no widget para que as conversas comecem dentro da política do WhatsApp. Para preços e registro, veja os links; você pode agendar uma demo para ver widget e API juntos.
Tratar conversas após o primeiro clique
Quando um visitante clica no widget:
Manter as conversas em um único thread WhatsApp e usar modelos só quando exigido (primeira mensagem, após fim da sessão) mantém você conforme e melhora os tempos de resposta. Para soluções e inteligência artificial, veja os links.
Posicionamento e design: Coloque o botão do widget onde os visitantes o vejam sem cobrir o conteúdo (ex.: canto inferior direito). Use uma etiqueta clara (ex.: “Fale conosco”) e garanta que funcione em celular e desktop. Alguns widgets permitem cores ou ícones custom para a marca; mantenha o botão visível mas não intrusivo para conversão de site para WhatsApp alta.
Conclusão
Adicionar um widget de chat WhatsApp gratuito ao WordPress, Shopify ou outros sites CMS exige acesso à API do WhatsApp Business (ou BSP), um modelo aprovado para a primeira mensagem e um widget ou plugin que mostre o botão e abra o WhatsApp corretamente. Instale via plugin ou script, teste cliques e primeira mensagem e trate as respostas na sua inbox ou CRM. Conheça as funcionalidades Spoki e soluções, registre-se ou agende uma demo para adicionar um widget WhatsApp ao seu site com API e conformidade em mente.
