Como Adicionar um Botão do WhatsApp Grátis na Shopify (Sem Apps)

Resposta curta: Crie um widget gratuito da WAButton, copie o código de incorporação e cole-o logo antes da tag de fechamento </body> no arquivo theme.liquid do seu tema Shopify. Você não precisa de aplicativo nem de conhecimentos de programação.

Um botão de WhatsApp dá aos clientes uma maneira de perguntar sobre tamanhos, prazos de entrega ou checkout antes de comprar, e de falar com uma pessoa em vez de preencher um formulário.

Muitos aplicativos de chat para Shopify cobram mensalidade e adicionam seus próprios scripts à sua loja. Se você só precisa de um botão, pode colar um no seu tema.

Este guia mostra como adicionar um botão de WhatsApp ao seu tema Shopify, grátis e sem aplicativo.

---

Como o WhatsApp difere de um widget de chat ao vivo

Com um widget de chat ao vivo, a conversa normalmente fica na aba do navegador. Se o visitante fechá-la antes que sua equipe responda, ele pode nunca ver a resposta.

Um botão de click-to-chat do WhatsApp funciona de duas maneiras diferentes:

1. A conversa fica no telefone do cliente: O chat vai para o aplicativo WhatsApp do próprio cliente. Quando sua equipe responde, o cliente recebe uma notificação no celular.
2. A primeira mensagem pode ser escrita por você: Você pode configurar a mensagem para que, quando o cliente tocar no botão, o WhatsApp abra com o produto já nomeado (ex.: "Olá, tenho uma dúvida sobre o [Nome do Produto]").

Se você também vende em outras plataformas, confira nosso Diretório de Integrações CMS para guias passo a passo de WordPress, WooCommerce, Webflow e Squarespace.

---

Passo a Passo: Adicionando o Botão de WhatsApp ao Seu Tema Shopify

Você não precisa de experiência em programação para adicionar a WAButton ao seu tema Shopify. O snippet é independente e não tem dependências de bibliotecas.

Passo 1: Crie Seu Widget no Painel do WAButton

1. Crie uma conta gratuita na WAButton, ou faça login no painel se você já tiver uma.
2. Crie um widget e digite seu número de WhatsApp Business no formato internacional E.164 (ex.: +14155552671 sem espaços, hífens ou zeros à esquerda).
3. Defina uma mensagem pré-preenchida interessante, como:

   Olá! Estou navegando na sua loja e tenho uma pergunta sobre meu pedido.
   

4. No editor do widget, abra Share & install > Website install e copie seu código de incorporação. Ele já contém o ID do seu widget, então funciona assim que você colar.

Passo 2: Acesse o Editor de Código do Tema Shopify

1. Faça login no painel administrativo da sua Shopify.
2. Na barra lateral de navegação, vá para Loja virtual > Temas.
3. Localize seu tema ativo atual (ex.: Dawn, Sense, Refresh ou Impact).
4. Clique no botão de três pontos (...) ao lado de Personalizar e selecione Editar código.

Passo 3: Cole o Código de Incorporação no theme.liquid

1. Na lista de arquivos à esquerda, abra a pasta Layout e clique em theme.liquid.
2. Role até o final do arquivo até encontrar a tag de fechamento </body>.
3. Imediatamente antes da tag </body>, cole seu código de incorporação da WAButton:

<!-- WAButton WhatsApp Widget -->
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
<!-- End WAButton WhatsApp Widget -->

4. Clique em Salvar no canto superior direito.

Pronto! Visite o URL da sua loja ativa no desktop e no celular para testar o widget. Ao clicar, ele abrirá o WhatsApp Web em navegadores de desktop ou abrirá o aplicativo nativo do WhatsApp em smartphones.

---

Avançado: Adicionando um Botão de Pedido por WhatsApp nas Páginas de Produto

Se você tem uma loja de boutique, uma marca de roupas personalizadas ou um catálogo de atacado, talvez queira que os clientes enviem pedidos diretamente pelo WhatsApp, em vez de passar pelo checkout padrão.

Usando nosso Gerador de Formulário de Pedido por WhatsApp gratuito, você pode criar consultas de pedido estruturadas que preenchem automaticamente:

• SKU e título do produto
• Variação selecionada (tamanho, cor, material)
• Endereço de entrega e código postal
• Método de pagamento preferido (Pagamento na Entrega, Transferência Bancária, Stripe)

Isso pode atender a mercados onde seus clientes já esperam fazer pedidos pelo WhatsApp.

---

Por que um script pequeno importa

Os Core Web Vitals medem como uma página carrega e como ela se mantém estável, incluindo Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS). O Google recomenda buscar boas pontuações.

Aplicativos de chat de terceiros podem carregar seus próprios scripts, fontes e folhas de estilo em todas as páginas, e isso aumenta o trabalho do navegador.

A WAButton mantém sua pegada pequena:

• Sem dependências: JavaScript puro e ícones SVG.
• Carregamento assíncrono (async): O script baixa em paralelo e não bloqueia a renderização das suas imagens de produto e textos.
• Sem mudança de layout por causa do botão: Ele flutua em posição fixa, então sua página não pula enquanto carrega.

Leia nosso Guia de Integração com Shopify dedicado para mais dicas de configuração e para enviar toques no botão para o Google Analytics 4 e Meta Pixel.

---

Perguntas Frequentes

Posso exibir o botão de WhatsApp apenas durante o horário comercial?

Sim. Você pode configurar regras de visibilidade agendadas ou personalizar mensagens automáticas de ausência com nosso Gerador de Mensagens de Ausência gratuito para definir expectativas quando sua equipe estiver offline.

Isso funciona em todos os temas da Shopify?

Sim. O código de incorporação é HTML5 padrão e funciona em todos os temas da Shopify Online Store 2.0 (Dawn, Refresh, Craft, Studio, Publisher) e também em temas antigos.

Preciso de uma conta da API do WhatsApp Business?

Não. A WAButton funciona com números pessoais padrão do WhatsApp, contas do aplicativo WhatsApp Business e números oficiais da API do WhatsApp Cloud.

---

Quer mais maneiras de usar o WhatsApp na sua loja? Leia WhatsApp para Lojas Online ou experimente nosso Gerador de Links do WhatsApp gratuito.

---

Fontes

• Entendendo os Core Web Vitals e os resultados de pesquisa do Google, Google Search Central
• Como usar o click to chat, Central de Ajuda do WhatsApp