Como Adicionar o Chatbot de IA Asyntai ao ExpressionEngine

Plataforma:

ExpressionEngine

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

Passo 2: Adicionar ao Layout do Template (Recomendado)

A maneira mais facil de adicionar o chatbot a todas as paginas e editando o template de layout principal no painel de controle do ExpressionEngine:

1. No painel de controle do EE, va ate Developer > Templates > Template Groups
2. Abra o grupo de templates principal (geralmente \"site\") e edite o template de layout (ou o template que envolve todas as paginas)
3. Encontre a tag de fechamento </body>
4. Cole seu código de incorporação Asyntai logo antes da tag </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Salve o template

Método Alternativo 1: Usando Template Partials do EE

Os Template Partials do ExpressionEngine permitem criar trechos reutilizaveis que podem ser incluidos em varios templates:

1. No painel de controle do EE, vá até Developer > Templates > Template Partials
2. Clique em \"New\" para criar um novo partial chamado _asyntai_widget
3. Cole seu código de incorporação Asyntai no conteúdo do partial:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Salve o partial
5. Inclua-o no seu template de layout logo antes da tag de fechamento </body>:
   {embed="_asyntai_widget"} </body>

Método Alternativo 2: Usando Cabeçalho/Rodapé HTML do EE

Algumas configuracoes do ExpressionEngine oferecem uma secao global de footer para adicionar scripts:

1. Va ate Settings > Content & Design > Global Template Preferences
2. Se sua configuracao do EE tiver uma secao global de footer, cole o codigo de incorporacao Asyntai la
3. Se nenhuma secao global de footer estiver disponivel, edite seu template de layout principal diretamente e adicione o codigo de incorporacao antes da tag de fechamento </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Salve suas alterações

Método Alternativo 3: Usando config.php

Para usuarios avancados, voce pode injetar o script do chatbot atraves da configuracao do ExpressionEngine ou criando um add-on personalizado:

1. Acesse os arquivos do projeto ExpressionEngine via FTP, SSH ou seu editor de codigo
2. Navegue ate o diretorio system/user/config/ e abra o config.php
3. Para injecao de JavaScript personalizado, considere criar um add-on/extensao simples do EE que se conecta ao hook template_post_parse para injetar o script na renderizacao da pagina:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. Substitua YOUR_WIDGET_ID pelo ID real do seu widget no painel

Passo 3: Verifique a Instalação

Apos salvar suas alteracoes, visite seu site ExpressionEngine em uma nova aba do navegador ou janela anonima. Voce deve ver o botao do widget de chat no canto inferior direito. Clique nele para verificar se abre e funciona corretamente.