<?xml version="1.0" encoding="UTF-8"?>
<page lang="pt" url="https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms">
  <meta>
    <title>Como adicionar um widget de chat WhatsApp gratuito ao WordPress, Shopify e outros CMS</title>
    <page>blog/widget-chat-whatsapp-wordpress-shopify-cms</page>
    <language>pt</language>
    <generated_at>2026-04-18T21:44:51.607Z</generated_at>
    <formats>
      <html>https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms</html>
      <markdown>https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms.md</markdown>
      <json>https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms.json</json>
      <xml>https://spoki.com/pt/blog/widget-chat-whatsapp-wordpress-shopify-cms.xml</xml>
    </formats>
  </meta>
  <sections>
    <section level="1" heading="Como adicionar um widget de chat WhatsApp gratuito ao WordPress, Shopify e outros CMS">
      <text><![CDATA[**Author:** Spoki | **Published:** 18/02/2026

*Adicione um widget de chat WhatsApp ao WordPress, Shopify ou outro CMS. Click-to-chat, modelos e conformidade. Passo a passo com Spoki.*

---

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](https://spoki.com/pt/solutions) e [funcionalidades](https://spoki.com/pt/features).]]></text>
    </section>
    <section level="2" heading="O que você precisa antes de adicionar o widget">
      <text><![CDATA[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](https://spoki.com/pt/use-cases) e [suporte ao cliente](https://spoki.com/pt/customer-support), 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**.]]></text>
    </section>
    <section level="2" heading="Adicionar o widget WhatsApp ao WordPress">
      <text><![CDATA[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](https://spoki.com/pt/faq) e [contato](https://spoki.com/pt/contact), veja os links.]]></text>
    </section>
    <section level="2" heading="Adicionar o widget ao Shopify e outros CMS">
      <text><![CDATA[**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](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.]]></text>
    </section>
    <section level="2" heading="Tratar conversas após o primeiro clique">
      <text><![CDATA[Quando um **visitante** **clica** no **widget**:

- A primeira **mensagem** é enviada pelo seu **modelo** **aprovado** (ex.: **boas-vindas**).

- Uma **sessão** de **24 horas** começa; você pode **responder** com **mensagens** **free-form** ou usar **automação** (ex.: **chatbot**, **FAQ**).

- As **respostas** podem ser tratadas na **inbox** da **plataforma** ou no **CRM** para que **agentes** vejam **contexto** e **histórico**.

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](https://spoki.com/pt/solutions) e [inteligência artificial](https://spoki.com/pt/artificial-intelligence), 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.]]></text>
    </section>
    <section level="2" heading="Conclusão">
      <text><![CDATA[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.]]></text>
    </section>
    <section level="3" heading="Categories">
      <text><![CDATA[- Blog-pt]]></text>
    </section>
    <section level="3" heading="Tags">
      <text><![CDATA[- Shopify

---]]></text>
    </section>
    <section level="2" heading="About Spoki">
      <text><![CDATA[Use a plataforma simples, rápida e intuitiva do Spoki para gerar conversões, automatizar tarefas e fazer crescer o seu negócio.]]></text>
    </section>
    <section level="3" heading="Soluções">
      <text><![CDATA[- Marketing
- Vendas
- Atendimento ao Cliente
- Developers]]></text>
    </section>
    <section level="3" heading="Programas Especiais">
      <text><![CDATA[- Agências
- Afiliação
- Revendedor
- Start up]]></text>
    </section>
    <section level="3" heading="Quick Links">
      <text><![CDATA[- [Features](https://spoki.com/pt/features)
- [Pricing](https://spoki.com/pt/pricing)
- [About](https://spoki.com/pt/about)
- [FAQ](https://spoki.com/pt/faq)
- [Blog](https://spoki.com/pt/blog)
- [Case Studies](https://spoki.com/pt/case-studies)
- [Integrations](https://spoki.com/pt/integrations)

© 2026 Spoki. Todos os direitos reservados.]]></text>
    </section>
  </sections>
</page>