Voltar ao painel

Documentação

Aprenda a usar o Asyntai

Primeiros passos
Instalação Base de conhecimento Como a IA acede aos seus conteúdos Ligue o seu site Teste sua IA Gerenciar Sites
Personalização
Designs do botão de chat Ícone do botão de chat Cores do widget Fonte Nome do Assistente de IA Mensagem inicial Posição do widget Abertura Automática Balão de saudação Selo de não lidas Modo de instruções Fazer perguntas Usar emoji Permitir apenas determinados idiomas Coletar e-mails Coletar números de telefone Captura inteligente de leads Localização Ocultar marca Link de privacidade Aviso personalizado Abrir links na mesma aba Download da transcrição Nova conversa Histórico de conversas Slogan e Indicador de Status Voz para texto Ícone do chat Logotipo da empresa Limite de caracteres Temperatura
Dicas de Instruções para IA Mudar de outro chatbot Comparar Planos
Recursos
Barra Ask AI Barra de pesquisa com IA Rastreamento do Site Lacunas de conhecimento Cartões de produto Cartões de produto dinâmicos Imagens dinâmicas Contexto do usuário Ferramentas personalizadas Parâmetros de links Mensagens proativas Monitoramento em tempo real Intervenção humana Escalonamento Notificações de IA Notificações do navegador Relatório diário Feed de dados em tempo real Feed de dados em tempo real Max Membros da equipe Single Sign-On Autenticação de dois fatores Incluir imagens Análise de imagens Widget de tradução Localização Transparência de IA Leads Captura inteligente de leads Tickets de suporte Respostas de e-mail com IA Categorias de chat Central de ajuda Agendamentos Agente de voz Conteúdo incorporado Ocultar em páginas IPs bloqueados Política de retenção Modo de retenção zero Mascaramento de PII Classificador de respostas Tags de acesso Fixação de versão do widget Registro de auditoria Sugestões de resposta Mensagens de Acompanhamento Voz para texto Download da transcrição Chat incorporado Incorporação por iframe
Análises
Análise de chats Registros de chat
Integrações
REST API Instagram Messenger WhatsApp Twilio Discord Zapier Email Aplicativos móveis
Outro
Adicionar à Tela Inicial Botão de Abertura Personalizado Botões Perguntar à IA Pagamento falhou?
Perguntar à IA

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 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: 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 é com o plugin gratuito "WPCode" (antes chamado "Insert Headers and Footers").

Usando WPCode (Free)

  1. Vá para Plugins → Add Plugin no painel de administração do WordPress
  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"

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. Selecione seu tema ativo no menu suspenso
  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)

Temas de bloco (como o Twenty Twenty-Four e outros temas de Full Site Editing) não têm o arquivo footer.php nem a tag </body> nos arquivos do tema. Para um tema de bloco, use o método do plugin (WPCode), que funciona com todos os tipos de tema.

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 Location como "<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 requer o 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.

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 à tag script e a barra substitui a que seu tema já tem. Adicione-o com o mesmo plugin de cabeçalho e rodapé que você usou para o código do chat, como o WPCode. O script não precisa ficar perto da sua caixa de pesquisa, então você não precisa editar nenhum arquivo do tema.

<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