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 Bolha de Notificaçã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 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 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 Zapier Email Aplicativos Móveis
Outros
Adicionar à Tela Inicial Botão de Abertura Personalizado

Como Adicionar o Chatbot de IA Asyntai ao WordPress

Guia passo a passo para sites WordPress

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.

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

Existem várias maneiras de adicionar o widget de chat ao WordPress. Escolha o método que funciona melhor para você:

Método 1: Usando um Plugin (Recomendado)

A maneira mais fácil de adicionar o widget de chat é usando um plugincomo "Insert Headers and Footers" ou "WPCode".

Usando WPCode (Gratuito)

  1. Go to Plugins → Add New in your WordPress admin
  2. Pesquise por "WPCode" e instale-o
  3. Ative o plugin
  4. Vá para Code Snippets → Header & Footer
  5. Cole o código de incorporação do Asyntai na seção"Footer"
  6. Clique em "Save Changes"

Usando Insert Headers and Footers

  1. Go to Plugins → Add New in your WordPress admin
  2. Pesquise por "Insert Headers and Footers" daWPBeginner
  3. Instale e ative o plugin
  4. Vá para Settings → Insert Headers and Footers
  5. Cole o código de incorporação do Asyntai na caixa "Scriptsin Footer"
  6. Clique em "Save"

Por que usar um plugin? Usar um plugin garante que seu código permaneça no lugar mesmo quandovocê atualizar ou trocar o tema do WordPress.

Método 2: Editar Arquivos do Tema

Você pode adicionar o código diretamente aos arquivos do seu tema. Alocalização do Editor de Arquivos do Tema depende da versão doWordPress e do tipo de tema.

Para Temas Clássicos

  1. Vá para Appearance → Theme File Editor no seu painel administrativo do WordPress
  2. Select your active theme from the dropdown (if not already selected)
  3. Encontre e clique em footer.php na lista de arquivosà direita
  4. Role até o final e encontre a tag de fechamento</body>
  5. Cole seu código de incorporação Asyntai logo antes da tag </body>
  6. Clique em "Update File"

Para Temas de Bloco (Temas FSE)

Se você está usando um tema baseado em blocos (como Twenty Twenty-Four ou outros temas de Edição Completa do Site), o Editor de Arquivos do Tema mudou de lugar:

  1. Vá para Tools → Theme File Editor no seu painel administrativo do WordPress
  2. Selecione seu tema ativo no menu suspenso
  3. Procure por footer.php oufooter.html na lista de arquivos
  4. Adicione o código de incorporação do Asyntai antes da tag de fechamento </body>
  5. Clique em "Update File"

Nota: Alguns temas de bloco não possuem um arquivo footer.php. Nesse caso, use o método de plugin (WPCode) que funciona com todos os tipos detema.

Importante: As atualizações de tema substituirão suas alterações. Para uma solução permanente, use um tema filho ou o método de plugin.

Método 3: Usando o Elementor

Se você está usando o Elementor, pode adicionar o código por meio do recurso de código personalizado do Elementor.

Elementor Pro

  1. Vá para Elementor → Custom Code
  2. Clique em "Add New"
  3. Dê um nome como "Asyntai Chatbot"
  4. Defina a Localização para "Before </body>End"
  5. Cole seu código de incorporação Asyntai
  6. Defina as Condições de Exibição para "Entire Site"
  7. Clique em "Publish"

Elementor Free

Se você está usando a versão gratuita do Elementor, use o método de plugin descrito acima, pois a injeção de código personalizado requero Elementor Pro.

Passo 3: Verifique a Instalação

Após adicionar o código, visite seu site em uma nova aba do navegador ou janela anônima. Você deverá ver o botão do widget de chat no cantoinferior direito do seu site. Clique nele para verificar se abre efunciona corretamente.

Não está vendo o widget? Limpe o cache do navegador e de quaisquer plugins de cache doWordPress. Se estiver usando um plugin de cache como WP Rocket ou W3Total Cache, limpe o cache após adicionar o código.