Voltar ao painel

Documentação

Aprenda a usar o Asyntai

Como Adicionar o Chatbot IA Asyntai ao Blogger

Guia passo a passo para sites Blogger

Obter Código de Incorporação

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

Primeiro, acesse seu Painel do Asyntai e role para baixo até a seção "Código de incorporação". Copie seu código de incorporação exclusivo, que terá esta aparência:

<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: Usando o Gadget HTML/JavaScript (Recomendado)

A maneira mais fácil de adicionar o chatbot é usando o gadget HTML/JavaScript integrado do Blogger:

  1. Faça login no seu Painel do Blogger em blogger.com
  2. Selecione seu blog na lista
  3. Clique em "Layout" na barra lateral esquerda
  4. Encontre uma seção onde deseja adicionar o widget (de preferência o rodapé)
  5. Clique em "Add a Gadget"
  6. Selecione "HTML/Javascript" na lista de gadgets
  7. Deixe o título vazio (ou adicione um se preferir)
  8. Cole seu código de incorporação Asyntai na área de conteúdo
  9. Clique em "Save"
  10. Clique em "Save" no canto inferior direito da página Layout

Dica: Adicionar o gadget na seção de rodapé garante que ele carregue em todas as páginas do seu blog. O chatbot aparecerá como um botão flutuante independentemente de onde você posicionar o gadget.

Alternativa: Editar HTML do Tema

Você também pode adicionar o código diretamente ao HTML do seu tema:

  1. Acesse "Theme" na barra lateral esquerda
  2. Clique na seta para baixo (More) ao lado de "Customize"
  3. Selecione "Edit HTML"
  4. Pressione Ctrl+F (ou Cmd+F no Mac) para abrir a busca
  5. Pesquise por </body>
  6. Cole seu código de incorporação Asyntai logo antes da tag </body>
  7. Clique em "Save"

Importante: Ao editar o HTML do tema, tenha cuidado para não excluir nem modificar outro código. Faça primeiro um backup do tema: no mesmo menu, clique em "Backup" e depois em "Download".

Passo 3: Verifique a Instalação

Após salvar suas alterações, visite seu blog em uma nova aba do navegador ou janela anônima. Você deverá ver o botão do widget de chat no canto inferior direito. Clique nele para confirmar que abre e funciona corretamente.

Não está vendo o widget? O Blogger pode levar alguns minutos para aplicar as alterações. Tente limpar o cache do navegador ou visualizar em uma janela anônima. Certifique-se de ter clicado em "Save" após adicionar o gadget.