Como Adicionar um Botão do WhatsApp ao Shopify (Grátis — Sem Instalação pela App Store)
Mais de 2,7 bilhões de pessoas usam o WhatsApp, e para a maioria delas é assim que se comunicam com empresas. Quando um visitante chega à sua loja Shopify com uma dúvida sobre um produto, a diferença entre um lead perdido e uma venda muitas vezes é apenas o quão fácil você torna o contato.
Um botão flutuante do WhatsApp coloca o "converse conosco" a um toque — sem formulários, sem esperar e-mails, sem atrito no checkout. Aqui está como adicionar um a qualquer tema do Shopify em cerca de dois minutos, gratuitamente, sem instalar nada da loja de apps do Shopify.
O jeito rápido: abra nosso gerador gratuito de Gerador de botão do WhatsApp para Shopify, insira seu número, escolha um estilo, copie o código e cole-o em theme.liquid. Essa é toda a configuração.
Por que lojas Shopify adicionam um botão do WhatsApp
- Os compradores já usam o WhatsApp. É o aplicativo de mensagens mais popular do mundo, especialmente na Índia, Brasil, México e em toda a Europa — os mesmos mercados onde muitas lojas Shopify vendem.
- Perguntas acontecem antes do checkout. "Está em estoque?", "Vocês têm na cor azul?", "Podem enviar para minha cidade?" — uma conversa rápida responde a essas perguntas enquanto a intenção de compra está ativa.
- Você responde pelo seu telefone. O botão abre um chat com o seu próprio número, então as respostas chegam no aplicativo WhatsApp que você já usa. Nenhuma nova caixa de entrada para aprender.
- Funciona no celular. A maior parte do tráfego da loja é mobile, e o WhatsApp é um canal mobile-first.
O que você obtém com o gerador gratuito
O Gerador de botão do WhatsApp para Shopify dá a você um botão flutuante real, não um link escondido no rodapé:
- 8 estilos de ícones prontos — Logo do WhatsApp, balão de chat, balão com pontos, fone de ouvido e mais
- Seu número, sua mensagem pré-preenchida — defina a primeira mensagem que os visitantes veem ("Oi! Tenho uma pergunta sobre {product}")
- Formato, tamanho, cor e posição — redondo ou quadrado, canto inferior esquerdo ou inferior direito, qualquer tamanho
- Pré-visualização ao vivo — a página mostra seu botão real antes de você copiar qualquer coisa
- Sem conta, sem chave de API, sem custo — ele continua gratuito para sempre
| Capacidade | Botão gratuito | O upgrade do The Tech Pad |
|---|---|---|
| Os visitantes iniciam um chat do WhatsApp com seu número | ✅ | ✅ |
| Escolha ícone, cor, formato, posição | ✅ | ✅ |
| IA responde 24/7 na língua do cliente | — | ✅ |
| Uma caixa de entrada de equipe para WhatsApp + chat do site | — | ✅ |
| API oficial do WhatsApp Business (Meta) | — | ✅ |
| Preço | Gratuito para sempre | Gratuito para começar |
Adicione o botão ao Shopify em 4 etapas
- Gere seu código. Abra o gerador gratuito, insira seu número do WhatsApp com o código do país (apenas números, por exemplo,
919876543210para Índia), escolha um ícone e clique Copiar código. - Abra o código do tema. No admin do Shopify vá para Loja Online → Temas, clique no ⋯ menu ao lado do seu tema e escolha Editar código.
- Abra
theme.liquid. Na pasta layout, abratheme.liquide vá até o final. - Cole e salve. Cole o código logo ante
</body>e clique em Salvar. Atualize sua loja — o botão está ativo em todas as páginas.
O código é uma pequena tag de script que carrega de forma assíncrona, então não desacelera sua loja:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>Por que código em vez de um aplicativo Shopify?
Os apps de WhatsApp na loja de aplicativos Shopify podem ser convenientes, mas a via do código tem vantagens reais:
- Nada para instalar ou aprovar — sem revisão de aplicativo, sem tela de permissões, sem solicitação de assinatura
- Funciona com todos os temas — o botão é um elemento flutuante fixo, então fica acima de qualquer design
- Uma linha que você controla totalmente — altere o número ou o estilo a qualquer momento editando apenas essa tag
- O mesmo código funciona em outras plataformas — se você também gerencia um Squarespace, Webflow ou Blogger site, use a página geradora correspondente
Prefere a via da loja de aplicativos para atualizações de pedidos em vez de um botão de chat? O Tech Pad o aplicativo Shopify envia confirmações de pedidos, atualizações de envio e mensagens de recuperação de carrinho para o WhatsApp automaticamente.
Quer que o botão responda por você?
Um botão é apenas o primeiro passo. Quando os clientes enviam mensagens à meia-noite ou a equipe está ocupada, um humano nem sempre consegue responder em segundos. The Tech Pad transforma esse mesmo número de WhatsApp em um assistente de IA 24/7:
- IA responde instantaneamente do catálogo de produtos e páginas da sua loja — no idioma do seu cliente
- Uma caixa de entrada compartilhada da equipe para chats do WhatsApp, chat do site e notificações de pedidos
- A API oficial do WhatsApp Business no seu próprio número verificado pelo Meta
- Alertas de e-mail e Copilot de IA para que nenhum lead espere quando é necessário o toque humano
É grátis para começar — sem cartão de crédito. Conecte seu número em thetechpad.com e o botão que você já instalou se torna seu chat de IA.
Dois minutos hoje te dão um botão ativo do WhatsApp. Adicionar o The Tech Pad depois faz com que ele responda por você.