Voltar ao Painel

Documentação

Aprenda a usar o Asyntai

Primeiros Passos
Instalação Base de Conhecimento Teste Sua IA Gerenciar Sites
Personalização
Cores do Widget Nome do Assistente de IA Mensagem Inicial Posição do Widget Abertura Automática Balão de saudação Emblema de Não Lidas Modo de Instrução Fazer Perguntas Usar Emoji Coletar Emails Coletar Números de Telefone Captura Inteligente de Leads Localização Ocultar Marca Link de Privacidade Aviso Personalizado Download da Transcrição Nova Conversa Histórico de Conversas Slogan e Indicador de Status Fala para Texto Ícone do Chat Logotipo da Empresa Limite de Caracteres Temperatura
Dicas de Instruções para IA Comparar Planos
Recursos
Rastreamento do Site Lacunas de Conhecimento Cartões de Produto Cartões de Produto Dinâmicos Dynamic Images Contexto do Usuário Monitoramento em Tempo Real Controle Humano Escalação Notificações IA Relatório Diário Feed de Dados em Tempo Real Feed de Dados em Tempo Real Max Membros da Equipe Single Sign-On Incluir Imagens Visão de Imagem Widget de Tradução Localização Leads Captura Inteligente de Leads Tickets de Suporte Agendamentos Incorporações Excluir Páginas IPs bloqueados Modelo mais Inteligente Ativar Raciocínio Sugestões de Resposta Mensagens de Acompanhamento Fala para Texto Download da Transcrição Chat Incorporado
Análises
Análise de Chat Registros de Chat
Integrações
REST API Instagram Messenger WhatsApp Discord Zapier Email Aplicativos Móveis
Outro
Adicionar à Tela Inicial Botão de Abertura Personalizado Payment Failed?
Perguntar à IA

Como Adicionar o Chatbot de IA Asyntai ao Webflow

Guia passo a passo para sites Webflow

Obter Código de Incorporação
Plataforma:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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 via Configurações do Site (Todas as Páginas)

Para adicionar o chatbot a todas as páginas do seu site Webflow de uma só vez:

  1. Faça login na sua conta Webflow e selecione seu projeto
  2. Clique no ícone de engrenagem (Configurações do Site) na barra lateral esquerda
  3. Clique em "Custom Code" no menu de configurações
  4. Role para baixo até a seção "Footer Code" (antesda tag </body>)
  5. Cole seu código de incorporação Asyntai
  6. Clique em "Save Changes"
  7. Publique seu site para aplicar as alterações

Dica: Adicionar o código à seção Footer o posiciona logo antes da tag de fechamento </body>, o que é recomendado para widgets de chat, pois não irá desacelerar o carregamento da sua página.

Alternativa: Código Personalizado por Página

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

  1. Abra seu projeto no Webflow Designer
  2. Clique no painel de Páginas (ícone de pasta) na barra lateral esquerda
  3. Passe o mouse sobre a página que deseja editar e clique no ícone de engrenagem
  4. Role para baixo até "Custom Code"
  5. Cole o código de incorporação do Asyntai na seção "Before </body> tag"
  6. Clique em "Save"
  7. Publique seu site

Alternativa: Usando o Elemento Embed

Você também pode adicionar o chatbot usando o elemento Embed em qualquer lugar da sua página:

  1. Abra seu projeto no Webflow Designer
  2. Clique no botão "+" para abrir o painel Adicionar
  3. Pesquise por "Embed" ou encontre em Componentes
  4. Arraste o elemento Embed para sua página
  5. Cole seu código de incorporação Asyntai no editor de código
  6. Clique em "Save & Close"
  7. Publique seu site

Importante: Ao usar o elemento Embed, você precisará adicioná-lo a cada página onde deseja o chatbot. Para instalação em todo o site, use o método de Configurações do Site acima.

Passo 3: Verifique a Instalação

Após publicar seu site, abra-o 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 e funciona corretamente.

Não está vendo o widget? Certifique-se de que publicou seu site após adicionar o código. Ocódigo personalizado só aparece no site ao vivo, não na pré-visualização do Designer. Tente limpar o cache do navegador ou visualizar em uma janela anônima.