Como Adicionar o Chatbot de IA Asyntai ao Ecwid

Guia passo a passo para lojas Ecwid

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>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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.

Etapa 2: Escolha o Método de Instalação

Existem varias maneiras de adicionar o widget de chat a sua loja Ecwid. Escolha o metodo que funciona melhor para sua configuracao:

Método 1: Usando o Editor do Instant Site (Recomendado)

Se voce esta usando o Instant Site do Ecwid, pode adicionar secoes de codigo personalizado diretamente pelo editor do site. Este metodo esta disponivel nos planos Venture, Business e Unlimited.

Adicionando Seção de Código Personalizado

Faça login no seu painel administrativo do Ecwid
Va ate Website → Edit Site (ou Overview → Manage Instant Site)
No menu suspenso "Page: Homepage" no canto superior esquerdo, selecione a pagina onde deseja adicionar o chatbot (ou mantenha Homepage para todo o site)
Clique em "Add Section"
Role para baixo até "Advanced Solutions"
No bloco "Embed & Custom Code", clique em "Add Custom Code Section"
Cole seu código de incorporação Asyntai
Clique em "Save"

Dica: Adicionar o codigo a Homepage fara com que ele apareca em todas as paginas. Para melhor desempenho, adicione o JavaScript na secao body em vez do header.

Método 2: Usando a Seção de Código JavaScript Personalizado

Voce pode adicionar codigo JavaScript personalizado atraves das configuracoes avancadas do site no painel do Ecwid. Este metodo requer um plano pago do Ecwid.

Faça login no seu painel administrativo do Ecwid
Vá até Website (ou Overview → Manage Instant Site)
Role para baixo até "Advanced website settings"
Em "Custom JavaScript code", clique em "Add Code"
Cole seu código de incorporação Asyntai no campo que aparece
Clique em "Save"
Atualize a página do Instant Site no navegador para ver as alterações

Nota: A secao de codigo JavaScript personalizado tem um limite de 4000 caracteres. O codigo de incorporacao Asyntai esta bem abaixo desse limite. O codigo adicionado aqui aparecera no final da secao <body>.

Método 3: Site Externo com Loja Ecwid

Se voce incorporou sua loja Ecwid em um site externo (WordPress, Wix, HTML personalizado, etc.), voce deve adicionar o codigo Asyntai a esse site.

Para WordPress com Plugin Ecwid

Siga o guia de instalacao do WordPress
Adicione o codigo de incorporacao Asyntai ao seu site WordPress usando o plugin WPCode ou arquivos do tema
O chatbot aparecera em todas as paginas, incluindo aquelas com sua loja Ecwid

Para Outras Plataformas

Se sua loja Ecwid está incorporada em outra plataforma:

Encontre o guia de instalacao apropriado para sua plataforma
Adicione o código de incorporação Asyntai a essa plataforma
O chatbot funcionará junto com sua loja Ecwid incorporada

Por que adicionar código ao site externo? Quando o Ecwid esta incorporado em outro site, o site pai controla a pagina. Adicionar o chatbot ao site pai garante que ele carregue corretamente e apareca em todas as paginas.

Passo 3: Verifique a Instalação

Apos adicionar o codigo, visite sua loja Ecwid em uma nova aba do navegador ou janela anonima. Voce deve ver o botao do widget de chat no canto inferior direito da sua loja. Clique nele para verificar se abre e funciona corretamente.

Não está vendo o widget? Limpe o cache do navegador e atualize a pagina. Certifique-se de ter um plano pago do Ecwid, pois os recursos de JavaScript personalizado exigem os planos Venture, Business ou Unlimited.

Documentação