Como adicionar um botão do WhatsApp à sua loja Shopify
Você pode adicionar um botão do WhatsApp à Shopify de duas formas: colar um link wa.me no seu tema ou instalar um app que adiciona um botão flutuante como Theme App Extension. O método do link leva cinco minutos e não custa nada; o método do app acrescenta estilo, segmentação por página, mensagem pré-preenchida e análise de cliques sem editar o código do tema.
Por Mousa Alhelo, fundador, E-SAFQA · Atualizado em · 6 min de leitura · Como escrevemos e testamos estes guias
Método 1: um link wa.me no seu tema
- Monte o link: https://wa.me/<número em formato internacional, sem + nem espaços>?text=<mensagem codificada para URL>. Exemplo: https://wa.me/962790000000?text=Hi%2C%20I%20have%20a%20question%20about%20your%20products
- No admin da Shopify, abra Loja virtual → Temas → Personalizar, escolha uma seção, como o rodapé ou uma barra de avisos, e adicione um bloco de botão ou de link apontando para essa URL.
- Se o seu tema não tiver um bloco adequado, adicione um link no código do tema (Editar código → layout/theme.liquid) logo antes de </body>, estilizado como um elemento de posição fixa.
- Teste em um celular: o link deve abrir o WhatsApp com o seu número e a mensagem pré-preenchida.
Método 2: uma Theme App Extension (incorporação de app)
- Instale um app de widget do WhatsApp. No WhatsApp Pilot, abra Configurações e salve o código do país, o número e a mensagem padrão.
- Abra a página Widget flutuante: escolha posição, tamanho, cores, raio da borda, saudação e as páginas em que o botão deve aparecer, com prévia ao vivo.
- No editor de temas → Incorporações de app, ative o app e salve. Nenhum código do tema é alterado, e a desinstalação remove o botão sem deixar resíduos.
- Abra a sua loja, toque no botão e envie a mensagem de teste para você mesmo.
Qual deles usar?
| Link wa.me | Theme App Extension | |
|---|---|---|
| Custo | Gratuito | Plano gratuito no WhatsApp Pilot; Pro para todos os tipos de página |
| Código do tema | Você edita | Intacto |
| Aparência | O que o seu tema oferecer | Posição, tamanho, cores, saudação, rótulo |
| Segmentação por página | Manual, por seção | Página inicial, produto, coleção, carrinho, outras páginas |
| Mensagem pré-preenchida com a URL da página | Apenas texto estático | Dinâmica, inclui a página em que o comprador está |
| Análise de cliques | Nenhuma | Cliques por dia e por página |
| Atualizações do tema | Podem quebrar o código personalizado | Resiste a atualizações do tema |
Erros comuns
- Usar o formato local do número no wa.me (zeros à esquerda ou o sinal de mais quebram o link).
- Exibir o botão na página de checkout, onde a Shopify não permite código de tema nem incorporações de app.
- Esquecer de ativar a incorporação de app no editor de temas, o motivo mais comum para um widget instalado não aparecer.
Perguntas frequentes
Um botão do WhatsApp precisa da Business API?
Não. Os dois métodos abrem uma conversa normal do WhatsApp no dispositivo do comprador. Nada é enviado automaticamente.
O botão pode aparecer só nas páginas de produto?
Com o método do app, sim: o WhatsApp Pilot Pro permite escolher tipos de página e dispositivos.
Pronto para colocar o WhatsApp para trabalhar na sua loja?
Comece com o botão gratuito. Faça upgrade para o Pro para ter mensagens de pedido, recuperação de carrinho, o botão inteligente de produto, alertas de volta ao estoque e a Demanda de Produtos.