Voltar ao Painel

Documentação

Aprenda a usar o Asyntai

Como Adicionar o Chatbot de IA Asyntai ao Tilda

Guia passo a passo para sites Tilda

Obter Código de Incorporação

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: Adicionar Código ao Site Inteiro (Recomendado)

Para adicionar o chatbot a todas as páginas do seu site Tilda de uma vez, use o método de Configurações do Site:

  1. Faça login na sua conta Tilda e abra o editor do site
  2. Click Site Settings (gear icon) in the top menu
  3. Role para baixo até a seção "More"
  4. Find "HTML code for the HEAD section for all pages"
  5. Clique em "Edit code"
  6. Cole o código de incorporação do Asyntai na caixa de texto
  7. Clique em "Save"
  8. Click "Publish" to apply changes to your live site

Dica: Este método adiciona o chatbot a todas as páginas do seu siteautomaticamente. É a maneira mais fácil de garantir que o chatbotesteja disponível em todo o site para seus visitantes.

Alternativa: Usando o Bloco T123 (Páginas Específicas)

Se você deseja adicionar o chatbot apenas a páginas específicas, podeusar o bloco HTML T123 do Tilda:

  1. Abra a página que deseja editar no editor do Tilda
  2. Click "+ Add Block" or press "T"
  3. Na Biblioteca de Blocos, vá para Other → T123 (Embed HTMLCode)
  4. Alternatively, search for "T123" in the search bar
  5. Clique no bloco T123 para adicioná-lo à sua página
  6. Nas configurações do bloco, cole o código de incorporação do Asyntai
  7. Posicione o bloco em qualquer lugar da sua página (isso não afeta oposicionamento do widget)
  8. Clique em \"Publish\" para publicar as alteracoes

Nota: O bloco T123 suporta HTML, JavaScript (dentro de tags <script>)e CSS (dentro de tags <style>). O posicionamento visual do bloco não importa - o chatbot aparecerá no canto inferior direitoconforme configurado.

Seção Head por Página (Avançado)

For more control, you can add code to individual page head sections:

  1. Abra a página no editor do Tilda
  2. Click Page Settings (gear icon) in the top menu
  3. Vá para a aba "Additional"
  4. Encontre "HTML code for the HEAD section"
  5. Cole seu código de incorporação Asyntai
  6. Click "Save" and then "Publish"

Importante: Ao usar o bloco T123 ou o método por página, você precisará adicionaro código a cada página onde deseja que o chatbot apareça. Parainstalação em todo o site, use o método de Configurações do Sitedescrito no Passo 2.

Passo 3: Verifique a Instalação

Após publicar suas alterações, abra seu site 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 verificar se abre efunciona corretamente.

Não está vendo o widget? Certifique-se de que publicou suas alterações (não apenas salvou). Tente limpar o cache do navegador ou visualizar seu site em uma janela anônima. As alterações no Tilda podem levar um momento para aparecer no site ao vivo.