Adicione um recurso de bate-papo à sua loja online e receba mensagens diretamente no Whaticket.

Introdução

Neste artigo, você aprenderá como integrar o Whaticket Web Chat à sua loja Nuvemshop .

Com essa integração, qualquer cliente que visitar seu site poderá enviar mensagens em tempo real, que chegarão diretamente ao seu painel do Whaticket, permitindo que você responda rapidamente e aumente suas vendas.

⚙️ O que você vai alcançar?

• Adicione um chat flutuante à sua loja Nuvemshop.
• Receba mensagens de clientes em tempo real.
• Centralize as conversas no Whaticket.
• Melhorar a conversão e o atendimento ao cliente.

📋 Requisitos

Antes de começar, você precisará de:

• Uma conta ativa no Whaticket
• Uma loja criada na Nuvemshop
• Acesso ao painel de administração da sua loja

🔵 Passo a passo

1. Crie a conexão de bate-papo na Web no Whaticket.

1. Acesse o menu Conexões.
2. Clique em ADICIONAR
3. Selecione Chat na Web
4. Salve a conexão
   

2. Configure o chat

Dentro da conexão:

• Definir:
• • Mensagem de saudação
  • Mensagem de despedida
  • Departamento (ex.: vendas)

Você também pode configurar:

• tempo de reinicialização do chatbot

3. Adicione seu domínio Nuvemshop

Na seção Integração de Widgets :

Adicione seu domínio, por exemplo:

 https://tutienda.mitiendanube.com

⚠️ Este passo é obrigatório para que o chat funcione.

4. Copie o código do bate-papo na Web.

A Whaticket lhe dará um código como este:

<script>

  window.WTT_API = {

    config: {

      token: "Seu_TOKEN",

      title: "Bom dia", // a title to be presented on the widget

      subtitle: "Como posso ajudar ?", // (optional) a subtitle to be presented on the widget

      position: "left", // (optional) values: left or right / default: left

      initialMessages: ["Olá, como posso te ajudar hoje ?"], // (optional) values: an array of messages to be shown when the contact open the widget for the first time

      toggleButtonEnabled: true, // (optional) enables a toggle button that opens/close the widget

      toggleButtonBgColor: "#42a5f5", // (optional) the html background color of the entire chat widget

      isAudioEnabled: false // enable the option to the widget user send audio messages

    }

    // You can contact our Support team for more advanced configurations.

  };

</script>

<script async crossorigin="*" src="https://public.whaticket.com/widget/production/wtt-widget-default.js"></script>

5. Insira o código no Nuvemshop

Agora vamos integrá-lo à sua loja:

1. Acesse o painel de controle da Nuvemshop.
2. No menu lateral, acesse:
   👉 Configurações
3. Em seguida, acesse:
   👉 Layout
4. Deslize a tela para baixo até:
   👉 Rodapé
5. Localize o campo:
   👉 Código HTML ou Javascript do selo
6. Cole o código do bate-papo na Web
7. Clique em Salvar ou Publicar alterações.

6. Verifique a integração

• Abra sua loja em uma nova aba.
• Você verá o chat flutuante na tela.
• Enviar uma mensagem de teste

📍 Onde chegam as mensagens?

Todas as mensagens aparecerão em:

👉 Chats → Abrir no Whaticket

A partir daí, você pode responder como em qualquer outro canal (WhatsApp, Instagram, etc.).

⚠️ Aviso importante

• Só funcionará em domínios configurados.
• Se o chat não aparecer:
• • Limpar cache (CTRL + F5)
  • Verifique o domínio
• Não compartilhe seu token publicamente.

💡 Resumo

A integração do Web Chat ao Nuvemshop permite que você:

• Atraia clientes diretamente do seu site.
• Responda em tempo real
• Centralize tudo no Whaticket.

É uma das integrações mais simples com o maior impacto nas vendas.

Tem mais alguma dúvida? Não se preocupe, estamos aqui para ajudar. Entre em contato com nossa equipe clicando no botão "Suporte" localizado no menu à esquerda da nossa plataforma.