{"meta":{"page":"blog/widget-chat-whatsapp-wordpress-shopify-cms","language":"pt","url":"https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms","generated_at":"2026-04-19T00:07:02.891Z","formats":{"html":"https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms","markdown":"https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms.md","json":"https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms.json","xml":"https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms.xml"}},"content":{"title":"Como adicionar um widget de chat WhatsApp gratuito ao WordPress, Shopify e outros CMS","sections":[{"heading":"Como adicionar um widget de chat WhatsApp gratuito ao WordPress, Shopify e outros CMS","level":1,"text":"**Author:** Spoki | **Published:** 18/02/2026\n\n*Adicione um widget de chat WhatsApp ao WordPress, Shopify ou outro CMS. Click-to-chat, modelos e conformidade. Passo a passo com Spoki.*\n\n---\n\nUm **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**.\n\nEste 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](https://spoki.com/pt/solutions) e [funcionalidades](https://spoki.com/pt/features)."},{"heading":"O que você precisa antes de adicionar o widget","level":2,"text":"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:\n\n- **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.\n\n- **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**.\n\n- **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**.\n\n**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](https://spoki.com/pt/use-cases) e [suporte ao cliente](https://spoki.com/pt/customer-support), veja os links.\n\n**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**."},{"heading":"Adicionar o widget WhatsApp ao WordPress","level":2,"text":"No **WordPress** você pode adicionar um **widget** de **chat** **WhatsApp** de duas formas principais:\n\n**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**.\n\n**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.\n\nDepois 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](https://spoki.com/pt/faq) e [contato](https://spoki.com/pt/contact), veja os links."},{"heading":"Adicionar o widget ao Shopify e outros CMS","level":2,"text":"**Shopify** e outros **CMS** (ex.: **Wix**, **Squarespace**, **sites** custom) seguem a mesma lógica:\n\n- **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**.\n\n- **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.\n\nEm 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](https://spoki.com/pt/pricing) e [registro](https://spoki.com/pt/landing-registration), veja os links; você pode [agendar uma demo](https://spoki.com/pt/book) para ver **widget** e **API** juntos."},{"heading":"Tratar conversas após o primeiro clique","level":2,"text":"Quando um **visitante** **clica** no **widget**:\n\n- A primeira **mensagem** é enviada pelo seu **modelo** **aprovado** (ex.: **boas-vindas**).\n\n- Uma **sessão** de **24 horas** começa; você pode **responder** com **mensagens** **free-form** ou usar **automação** (ex.: **chatbot**, **FAQ**).\n\n- As **respostas** podem ser tratadas na **inbox** da **plataforma** ou no **CRM** para que **agentes** vejam **contexto** e **histórico**.\n\nManter 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](https://spoki.com/pt/solutions) e [inteligência artificial](https://spoki.com/pt/artificial-intelligence), veja os links.\n\n**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."},{"heading":"Conclusão","level":2,"text":"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](https://spoki.com/pt/features) e [soluções](https://spoki.com/pt/solutions), [registre-se](https://spoki.com/pt/landing-registration) ou [agende uma demo](https://spoki.com/pt/book) para adicionar um **widget** **WhatsApp** ao seu **site** com **API** e **conformidade** em mente."},{"heading":"Categories","level":3,"text":"- Blog-pt"},{"heading":"Tags","level":3,"text":"- Shopify\n\n---"},{"heading":"About Spoki","level":2,"text":"Use a plataforma simples, rápida e intuitiva do Spoki para gerar conversões, automatizar tarefas e fazer crescer o seu negócio."},{"heading":"Soluções","level":3,"text":"- Marketing\n- Vendas\n- Atendimento ao Cliente\n- Developers"},{"heading":"Programas Especiais","level":3,"text":"- Agências\n- Afiliação\n- Revendedor\n- Start up"},{"heading":"Quick Links","level":3,"text":"- [Features](https://spoki.com/pt/features)\n- [Pricing](https://spoki.com/pt/pricing)\n- [About](https://spoki.com/pt/about)\n- [FAQ](https://spoki.com/pt/faq)\n- [Blog](https://spoki.com/pt/blog)\n- [Case Studies](https://spoki.com/pt/case-studies)\n- [Integrations](https://spoki.com/pt/integrations)\n\n© 2026 Spoki. Todos os direitos reservados."}]}}