Como Adicionar o Chatbot de IA Asyntai ao Volusion

Guia passo a passo para lojas de e-commerce Volusion

Plataforma:

Passo 1: Obtenha Seu Código de Incorporação

Primeiro, acesse seu Dashboard Asyntai e role para baixo até a seção "Embed Code". Copie seu código de incorporação exclusivo que se parecerá com isto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Nota: O código acima é apenas um exemplo. Você deve copiar seu próprio código de incorporação exclusivo do seu Dashboard, pois ele contém seu ID de widget pessoal.

Passo 2: Fazer Backup do Seu Tema

Antes de fazer qualquer alteração na sua loja Volusion, é importantecriar um backup:

Faça login no seu Painel Administrativo do Volusion
Navegue até Design → File Editor
Clique em Archive Theme para criar um backup
Baixe uma cópia do arquivo para segurança

Importante: Sempre faça backup do seu tema antes de fazer alterações no código. Isso permite que você reverta facilmente se algo der errado.

Passo 3: Adicionar Código ao Template (Recomendado)

Para adicionar o chatbot a todas as páginas da sua loja Volusion:

No seu Painel Administrativo do Volusion, vá para Design → Template
Vá para Design → File Editor → Shortcuts
Encontre o arquivo de template principal (geralmente template_*.html)
Role para baixo para encontrar a tag de fechamento </body>
Cole seu código de incorporação Asyntai logo antes da tag </body>
Clique em Save para aplicar as alterações
Visualize sua loja para verificar se o chatbot aparece

Dica: Adicionar o código antes da tag de fechamento </body> garante odesempenho ideal de carregamento da página. Este método adiciona ochatbot a todas as páginas da sua loja automaticamente.

Método Alternativo 1: Injeção de HTML no Cabeçalho/Rodapé

O Volusion permite que você adicione código personalizado por meio das configurações globais:

Faça login no seu Painel Administrativo do Volusion
Navegue até Settings → Design Settings
Procure pela seção Custom HTML ou Footer Code
Cole o código de incorporação do Asyntai neste campo
Clique em Save
O código será adicionado a todas as páginas automaticamente

Nota: A localização exata das configurações de HTML personalizado podevariar dependendo do seu plano e versão do Volusion. Procure por configurações relacionadas a "Custom Code", "Header/Footer" ou"Global HTML".

Método Alternativo 2: Instalação em Página Específica

Se você deseja adicionar o chatbot apenas a páginas específicas:

Vá para Design → File Editor → Shortcuts
Crie ou edite um template específico de página usando a funçãoPageName
Adicione código condicional para incluir o script apenas em páginas específicas:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Dica: Este método é útil se você deseja o chatbot apenas em determinadas páginas, como páginas de produtos, checkout ou suporte. Substitua'home' e 'products' pelos nomes reais das páginas da sua loja Volusion.

Método Alternativo 3: Artigo com CSS/HTML Personalizado

Você também pode adicionar o código por meio de um bloco de artigo:

No Admin do Volusion, vá para Articles → Articles
Crie um novo artigo ou edite um existente
Mude para visualização HTML no editor de artigos
Cole seu código de incorporação Asyntai
Salve o artigo
Adicione este artigo ao template da sua página ou barra lateral
O chatbot aparecerá nas páginas onde este artigo é exibido

Nota: Este método é menos comum, mas pode ser útil se você tem acessolimitado aos arquivos de template ou deseja ativar/desativar ochatbot facilmente ocultando/exibindo o artigo.

Passo 4: Verificar a Instalação

Após salvar suas alterações, abra sua loja Volusion em uma nova abado navegador ou janela anônima. Você deverá ver o botão do widget de chat no canto inferior direito. Clique nele para garantir que abre efunciona corretamente.

Não está vendo o widget? Certifique-se de que salvou todas as alterações do template. Limpe ocache do navegador ou visualize em modo anônimo. O Volusion podearmazenar templates em cache, então as alterações podem levar algunsminutos para aparecer. Verifique o console do navegador (F12) para erros de JavaScript.

Precisa de Ajuda?

Se você não se sente confortável editando arquivos de template, aequipe de Suporte ao Cliente do Volusion pode ajudar com solicitaçõesde HTML e CSS personalizados. Você também pode entrar em contato como suporte da Asyntai para orientação sobre a instalação do chatbot na sua loja Volusion.

Suporte Profissional: O Volusion oferece serviços de codificação personalizada se vocêprecisar de assistência profissional com modificações de tema ou personalizações complexas.

Documentação