Passar para o conteúdo principal

Como Integrar o WhatsApp na sua Loja Shopify

Veja como inserir um botão do WhatsApp na sua loja virtual sem precisar instalar aplicativos externos. Com essa integração simples via código, o botão aparece em todas as páginas da loja, permitindo que clientes entrem em contato direto com você.

🧭 Quando usar

  • Disponibilizar atendimento rápido via WhatsApp

  • Aumentar a confiança e a taxa de conversão na loja

  • Oferecer suporte personalizado sem depender de apps pagos

✅ Pré-requisitos

  • Acesso ao painel do Shopify como administrador

  • Número de WhatsApp ativo (com DDD e código do país, ex.: +55 11 99999-9999)

  • Conhecimento básico em edição de código (tema Liquid)

🛠️ Passo a passo

Passo 1 – Gerar o código do botão

  1. Acesse o site gerador de botão do WhatsApp.
    ​

  2. Insira seu número no formato internacional (ex.: 5511999999999).

  3. Personalize a mensagem automática (ex.: “Olá, gostaria de mais informações sobre…”).

  4. Defina o texto lateral (opcional: “Fale conosco”).

  5. Clique em Gerar código.

Passo 2 – Inserir o código no tema

  1. No Shopify, vá até Loja Virtual » Editar código.

  2. Localize o arquivo theme.liquid.

  3. Role até o final do código.

  4. Após a última seção, dê Enter e cole o código copiado.

  5. Clique em Salvar.

Passo 3 – Visualizar o botão na loja

  1. Clique em Pré-visualizar loja.

  2. O botão do WhatsApp estará visível em todas as páginas.

  3. Teste clicando para confirmar o redirecionamento para o chat.

🧩 Exemplos práticos

  • Exemplo 1: Loja de roupas → botão WhatsApp fixo em todas as páginas → clientes pedem tamanhos e cores disponíveis.

  • Exemplo 2: Loja de eletrônicos → botão WhatsApp com mensagem automática “Olá, gostaria de mais informações sobre este produto” → agiliza suporte.

🧪 Solução de problemas

  • Erro/Sintoma: Botão não aparece no site
    ​Causa provável: Código colado fora da seção correta do theme.liquid
    ​Como resolver: Reabra o arquivo, cole antes da tag </body> e salve novamente.

  • Erro/Sintoma: Número não abre no WhatsApp
    ​Causa provável: Formato incorreto (faltando código do país)
    ​Como resolver: Use formato internacional (55 + DDD + número).

  • Erro/Sintoma: Mensagem automática não carrega
    ​Causa provável: Texto não configurado no gerador
    ​Como resolver: Volte ao gerador de código e insira a mensagem desejada.

🔎 Referências e links úteis

🗂️ Metadados

  • Categoria: E-commerce & Atendimento

  • Subcategoria: Integrações Shopify

  • Tags: whatsapp shopify, botão whatsapp, atendimento loja virtual, integração código

  • Nível: básico

  • Atualizado em: 2025-09-12

Artigos relacionados
Respondeu à sua pergunta?