Como Adicionar o Chatbot IA Asyntai ao Shopify

Guia passo a passo para lojas Shopify

Plataforma:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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.

Passo 2: Adicionar Código ao Seu Tema Shopify

Siga estes passos para adicionar o chatbot à sua loja Shopify:

Faça login no painel Shopify Admin
Vá para Online Store → Themes
Encontre seu tema atual e clique no botão "..." (três pontos)
Selecione "Edit code" no menu suspenso
Na barra lateral esquerda, em Layout, clique em theme.liquid
Role até encontrar a tag de fechamento </body>
Cole seu código de incorporação Asyntai logo antes da tag </body>
Clique em "Save" no canto superior direito

Dica: Use Ctrl+F (Windows) ou Cmd+F (Mac) para pesquisar rapidamente por </body> no arquivo theme.liquid.

Alternativa: Usando um App Shopify

Se preferir não editar código, você pode usar um app Shopify para adicionar scripts personalizados:

Acesse a Shopify App Store
Pesquise por "Custom Script Injector" ou "Header & Footer Scripts"
Instale o app de sua preferência
Adicione o código de incorporação do Asyntai à seção de rodapé

Passo 3: Verifique a Instalação

Após salvar suas alterações, visite sua loja Shopify em uma nova aba do navegador ou janela anônima. Você deverá ver o botão 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? O Shopify pode armazenar seus arquivos de tema em cache. Tente abrir sua loja em uma janela anônima/privada do navegador, ou aguarde alguns minutos e atualize a página.

Usuários Shopify Plus

Se você está no Shopify Plus, também pode adicionar o script através do arquivo checkout.liquid para exibir o chatbot nas páginas de checkout. No entanto, observe que a maioria das lojas só precisa dele nas páginas principais da loja.

Adicionar a barra de pesquisa com IA

A barra de pesquisa com IA é um widget separado com o seu próprio código. Adicione-a a par do chat, ou sozinha. Requer o plano Standard ou superior: num plano inferior a barra aparece mas não devolve resultados.

Adicione o atributo data-replace à etiqueta script e a barra ocupa o lugar da que o seu tema já tem. Cole-o em theme.liquid mesmo antes da etiqueta body de fecho, no mesmo ficheiro que o código do chat. O seu tema mantém a sua página de resultados, por isso o Enter continua a funcionar como antes.

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

Ler o guia completo da barra de pesquisa com IA