Como Adicionar o Chatbot IA Asyntai ao Bludit

Guia passo a passo para o Bludit CMS

Plataforma:

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: Adicionar Código Usando o Plugin HTML Code (Recomendado)

A maneira mais fácil de adicionar o chatbot ao seu site Bludit é usando o plugin HTML Code integrado:

Faça login no seu Painel de Administração do Bludit
Navegue até Plugins na barra lateral esquerda
Encontre o plugin "HTML Code" (geralmente já vem pré-instalado)
Se não estiver ativo, clique em \"Ativar\" para habilitá-lo
Clique em "Configure" no plugin HTML Code
Na configuração, você verá campos para código de Header e Footer
Cole seu código de incorporação Asyntai no campo \"Footer\"
Clique em "Save"

Dica: Adicionar código ao Footer garante que ele carregue ao final das suas páginas, sem afetar o carregamento inicial do site. Este método adiciona automaticamente o chatbot a todas as páginas do seu site.

Método Alternativo 1: Integração via Arquivo de Tema

Para mais controle, você pode adicionar o código diretamente aos arquivos do seu tema:

Conecte-se à sua instalação do Bludit via FTP ou Gerenciador de Arquivos
Navegue até /bl-themes/your-theme-name/
Abra o arquivo index.php para edição
Encontre a tag de fechamento </body>
Cole seu código de incorporação Asyntai logo antes da tag </body>
Salve o arquivo
Limpe o cache do seu site, se aplicável

Nota: Ao editar arquivos de tema diretamente, certifique-se de fazer backup do arquivo original primeiro. Atualizações de tema podem sobrescrever suas alterações, então documente suas modificações.

Método Alternativo 2: Conteúdo Personalizado em Páginas

Você também pode adicionar o código do chatbot diretamente a páginas específicas usando o editor de conteúdo do Bludit:

Faça login no seu Painel de Administração do Bludit
Acesse Content e selecione a página que deseja editar
Mude para o modo HTML no editor (se estiver usando um editor visual)
Adicione seu código de incorporação Asyntai em qualquer lugar no conteúdo da página
Clique em "Save"
Repita para outras páginas onde deseja o chatbot

Importante: Ao adicionar código diretamente ao conteúdo da página, você precisará adicioná-lo a cada página individualmente. Para instalação em todo o site, use o plugin HTML Code ou o método de arquivo de tema.

Usando Hooks de Plugin (Avançado)

Para desenvolvedores criando plugins personalizados, o Bludit fornece hooks de plugin:

siteBodyBegin - Executa no topo da tag <body>
siteBodyEnd - Executa na parte inferior, ideal para código JavaScript como o widget Asyntai

Você pode criar um plugin personalizado que usa o hook siteBodyEnd para injetar o código do chatbot em todas as páginas.

Passo 3: Verifique a Instalação

Após salvar suas alterações, visite seu site Bludit 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 confirmar que abre e funciona corretamente.

Não está vendo o widget? Certifique-se de ter salvo a configuração do plugin ou as alterações no arquivo de tema. Limpe o cache do navegador e o cache do Bludit (se habilitado). Verifique o console do navegador (F12) para verificar se há erros de JavaScript.