Consome os mesmos créditos que o WhatsApp?

Sim. O plugin de chat usa as mesmas funções e créditos que o seu assistente do WhatsApp. Cada resposta consome créditos conforme o comprimento da mensagem e o contexto processado.

Posso usar um prompt diferente para a web?

Sim. Você tem duas opções: escrever um prompt específico para web na configuração do plugin, ou sincronizar automaticamente seu prompt do WhatsApp (a IA o adapta eliminando referências ao WhatsApp).

Quais idiomas o chat suporta?

Espanhol, Inglês, Alemão, Francês, Português, Italiano e Húngaro. Você pode configurar a detecção automática, idioma fixo ou deixar o visitante escolher.

Funciona com integrações como Shopify?

Sim. A IA do plugin tem acesso às mesmas funções: busca de produtos, informações de clientes, funções personalizadas e endpoints CRM que você tenha configurado.

Como protejo o chat para uso em outros domínios?

Na seção “Domínios Autorizados“ você deve adicionar os domínios onde quer que o chat funcione. Apenas é permitido o uso a partir de domínios autorizados.

Há limite de mensagens por usuário?

Sim. Você pode configurar o rate limiting para evitar abusos. Por padrão são 30 mensagens a cada 60 minutos por sessão.

Plugin de Chat Web com IA - Documentação WAzion

O que é o Plugin de Chat?

O plugin de chat permite adicionar um assistente de IA a qualquer página web. Os visitantes podem conversar diretamente com a IA sem a necessidade do WhatsApp, e você pode atendê-los usando as mesmas integrações e funções que já tem configuradas.

• Respostas automáticas com IA treinada no seu negócio
• Acesso à busca de produtos, clientes e funções personalizadas
• Suporte multilíngue com tradução automática
• 10 temas de design personalizáveis
• Modo flutuante (botão no canto) ou embutido (dentro de um div)

Como ativar o plugin

Abra o Painel de Controle do WAzion
No menu lateral, clique em “Plugins“ → “Chat
Ativa o interruptor “Plugin ativo
Adicione seu domínio em “Domínios Autorizados“ (ex: mitienda.com)
Copie o código de integração e cole-o no seu site

Código de integração

Copie este código e cole-o antes de fechar a etiqueta </body> do seu site:

<!-- WAzion Chat Web -->
<script>
(function(w,d,s,t){if(w.WazionPlugin)return;w.WazionPlugin={token:t};
var js=d.createElement(s);js.async=true;
js.src='https://www.wazion.com/plugins/chat/embed.js';
js.dataset.token=t;d.body.appendChild(js);
})(window,document,'script','TU_TOKEN_AQUI');
</script>

O token é gerado automaticamente ao ativar o plugin. Você o encontrará na seção de configuração do chat.

Modo embutido (opcional)

Se preferir inserir o chat dentro de um contêiner específico em vez de como botão flutuante, envolva o código em uma div:

<div id="mi-chat" style="height: 500px;">
  <script>
  (function(w,d,s,t){if(w.WazionPlugin)return;w.WazionPlugin={token:t};
  var js=d.createElement(s);js.async=true;
  js.src='https://www.wazion.com/plugins/chat/embed.js';
  js.dataset.token=t;d.body.appendChild(js);
  })(window,document,'script','TU_TOKEN_AQUI');
  </script>
</div>

O chat será renderizado dentro da div contêiner em vez de como botão flutuante.

Guia de instalação no Shopify

Siga estes passos para adicionar o chat a todas as páginas da sua loja Shopify.

1

Acesse o editor de temas

No seu painel de administração do Shopify:

Vá a Loja online no menu lateral esquerdo
Clique em Temas
No seu tópico atual, clique no botão ... (três pontos)
Selecione Editar código

2

Procure o arquivo theme.liquid

No painel lateral esquerdo do editor:

Procure a pasta Layout
Clique em theme.liquid

Nota: theme.liquid é o arquivo principal que carrega em todas as páginas da sua loja.

3

Localize a etiqueta </body>

No editor de código:

Use Ctrl+F (Windows) ou Cmd+F (Mac) para pesquisar
Escreva </body> e pressione Enter
Você encontrará a etiqueta perto do final do arquivo

4

Cole o código do chat

Cole o seguinte código APENAS ANTES de </body>:

<!-- WAzion Chat Web -->
<script>
(function(w,d,s,t){if(w.WazionPlugin)return;w.WazionPlugin={token:t};
var js=d.createElement(s);js.async=true;
js.src='https://www.wazion.com/plugins/chat/embed.js';
js.dataset.token=t;d.body.appendChild(js);
})(window,document,'script','TU_TOKEN_AQUI');
</script>
<!-- /WAzion Chat Web -->
</body>

Importante: Substitua SEU_TOKEN_AQUI pelo token que aparece no seu Dashboard da WAzion.

5

Guarda as alterações

Clique no botão Salvar no canto superior direito do editor.

6

Verifique a instalação

Visite sua loja em uma janela anônima. Você deve ver o botão do chat no canto da tela.

Método alternativo: Pixels personalizados (Shopify Plus)

Se você tem Shopify Plus, pode usar Custom Pixels:

Vá a Configurações → Privacidade do cliente → Pixels personalizados
Clique em Adicionar pixel personalizado
Dê um nome (ex: “WAzion Chat“)
No campo de código, cole:

analytics.subscribe("page_viewed", (event) => {
  if (window.WazionPlugin) return;
  window.WazionPlugin = {token: 'TU_TOKEN_AQUI'};
  const js = document.createElement('script');
  js.async = true;
  js.src = 'https://www.wazion.com/plugins/chat/embed.js';
  js.dataset.token = 'TU_TOKEN_AQUI';
  document.body.appendChild(js);
});

Guia de instalação no WordPress

Opção 1: Com plugin (recomendado)

Use um plugin para inserir código no rodapé:

Instale o plugin Insert Headers and Footers (da WPCode) ou similar
Vá a Code Snippets → Header & Footer
Na seção Footer, cole o código do chat:

<script src="https://www.wazion.com/plugins/chat/embed.js"
        data-token="TU_TOKEN_AQUI"></script>

Guarde as alterações e o chat aparecerá em todas as páginas.

Opção 2: Editando functions.php

Aviso: Este método requer conhecimentos básicos de PHP. Faça um backup antes.

Vá para Aparência → Editor de arquivos do tema
Selecione functions.php na lista de arquivos
Adicione este código no final do arquivo:

// WAzion Chat Web
function wazion_chat_script() {
    echo '<script src="https://www.wazion.com/plugins/chat/embed.js"
          data-token="TU_TOKEN_AQUI"></script>';
}
add_action('wp_footer', 'wazion_chat_script');

Guia para sites HTML/outros

Para qualquer site (HTML estático, React, Vue, Angular, etc.):

Estrutura básica

Cole o código logo antes de </body> no seu arquivo HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Mi sitio web</title>
</head>
<body>
    <!-- Tu contenido aquí -->

    <!-- WAzion Chat Web - Pegar AQUÍ, antes de </body> -->
    <script src="https://www.wazion.com/plugins/chat/embed.js"
            data-token="TU_TOKEN_AQUI"></script>
</body>
</html>

Para aplicações SPA (React, Vue, Angular)

Você pode carregar o script dinamicamente:

// En tu componente principal o App.js
useEffect(() => {
  const script = document.createElement('script');
  script.src = 'https://www.wazion.com/plugins/chat/embed.js';
  script.dataset.token = 'TU_TOKEN_AQUI';
  script.async = true;
  document.body.appendChild(script);

  return () => document.body.removeChild(script);
}, []);

Solução de problemas

O chat não aparece

→ Verifique se o plugin está ativado no Dashboard
→ Verifique se seu domínio está na lista de domínios autorizados
→ Abra o console do navegador (F12) e procure por erros
→ Teste em uma janela anônima para descartar cache

Erro “Domínio não autorizado

→ Adicione seu domínio exato à lista de autorizados (sem http:// nem /)
→ Se você usa www, adicione tanto “meudominio.com“ quanto “www.meudominio.com
→ Para desenvolvimento local, adicione “localhost“ ou use “*“ temporariamente

O chat aparece, mas não responde

→ Verifique se tem créditos disponíveis na sua conta
→ Verifique se o token está correto
→ Verifique se você atingiu o limite de rate limiting

Opções de configuração

Domínios Autorizados

Lista de domínios onde o chat pode funcionar. Por segurança, só é permitido o uso a partir de domínios que você tenha autorizado.

• mitienda.com
• *.mitienda.com (inclui subdomínios)
• * (qualquer domínio - apenas para desenvolvimento)

Modo de Visualização

Flutuante

Mostra um botão no canto da página. Ao clicar, a janela de chat é aberta.

Incorporado

O chat é inserido dentro de um contêiner div na sua página, ideal para páginas de contato.

Configuração do Botão Flutuante

• Posição: Abajo direita, abajo esquerda, arriba direita ou arriba esquerda
• Ícone: 6 ícones disponíveis (bolha, mensagem, suporte, robô, etc.)
• Cores: Cor de fundo e cor do ícone personalizáveis
• Tamanho: Pequeno (48px), Médio (60px), Grande (72px)
• Animação: Nenhuma, pulso ou rebote para chamar a atenção
• Dica de ferramenta Texto que aparece ao passar o mouse sobre o botão

Temas de Design

10 temas pré-projetados para adaptar o chat à sua marca:

Minimal Modern Classic Dark Ocean Sunset Forest Rose Slate Neon

Textos do Chat

Personalize os textos que o visitante vê:

• Título do chat (cabeçalho)
• Mensagem de boas-vindas
• Espaço reservado para o campo de texto
• Texto do botão enviar

Os textos são traduzidos automaticamente para o idioma do visitante.

Configuração de Idioma

Auto-detectar

Detecta automaticamente o idioma do navegador do visitante.

Idioma fixo

Sempre mostrar em um idioma específico (ex: somente espanhol).

Com seletor

Detecta automaticamente, mas permite que o visitante mude o idioma manualmente.

Comportamento

• Autoabrir Abre o chat automaticamente após X segundos
• Som Reproduzir som ao receber mensagem
• Branding: Mostrar “Powered by WAzion“ no chat

Limitação de Taxa (Limite de mensagens)

Proteja sua conta contra uso excessivo configurando limites por sessão:

• Máximo de mensagens por janela de tempo (ex: 30 mensagens)
• Janela de tempo em minutos (ex: 60 minutos)

Prompt do Chat

Você pode escrever instruções específicas para o chat web ou sincronizar com seu prompt do WhatsApp:

•
Modificar com IA: Escreva instruções em linguagem natural (ex: “adicione horário de atendimento das 9 às 18h“) e a IA modificará seu prompt automaticamente. Você verá um diff visual com as alterações: texto adicionado em verde e removido em vermelho.
•
Importar desde modelo geral: Copie seu prompt do WhatsApp para o plugin com um clique.
•
Histórico de versões: Cada vez que você salva, é criada uma versão. Você pode restaurar qualquer versão anterior.

Sincronização automática: Desde o Editor de Prompt, você pode marcar a opção “Ao salvar, atualizar prompt do plugin web“. A IA adaptará automaticamente seu prompt removendo referências ao WhatsApp.

CSS Personalizado

Para ajustes avançados, você pode adicionar CSS personalizado que será aplicado ao chat.

Funções da IA no Chat

A IA do chat tem acesso às mesmas funções que o seu assistente do WhatsApp:

Busca de Produtos

A IA pode buscar produtos da sua loja e mostrar informações.

Informação de Clientes

Se você tem CRM ou Shopify conectado, a IA acessa dados do cliente.

Pesquisa na Web

Se estiver habilitado, a IA pode buscar informações na internet.

Funções Personalizadas

Suas funções personalizadas (function calling) funcionam no chat.

Estatísticas e Visualizador de Conversas

Métricas de uso

No Painel de Controle você pode ver as métricas de uso do chat:

• Conversas totais
• Mensagens totais
• Conversas nos últimos 7 dias
• Sessões ativas nas últimas 24 horas

Visualizador de Conversas

Revise todas as conversas do chat com seus visitantes:

• Filtro por período: Hoje, 7 dias, 30 dias, 90 dias, 1 ano, todos, ou intervalo de datas personalizado
• Lista paginada: Navegue por todas as conversas (10 por página)
• Detalhe completo: Clique em qualquer conversa para ver todas as mensagens
• Informação do visitante: Idioma, número de mensagens e página de origem

Abrir com mensagem predefinida

Você pode abrir o chat com uma mensagem predefinida adicionando o parâmetro ?Message= à URL:

https://mitienda.com/contacto?Message=Quiero información sobre el producto X

O chat abrir-se-á automaticamente e enviará a mensagem especificada.