Como Adicionar o Chatbot de IA Asyntai ao HubSpot

Guia passo a passo para sites HubSpot 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.

Passo 2: Usando Configuracoes do Site (Recomendado)

A maneira mais facil de adicionar o chatbot a todas as paginas do seu site HubSpot:

Faca login na sua conta HubSpot
Clique no icone de configuracoes (engrenagem) na barra de navegacao principal
In the left sidebar, navigate to Website > Pages
Role para baixo ate a secao \"Site footer HTML\"
Cole seu codigo de incorporacao Asyntai na area de texto
Clique em \"Save\" na parte inferior da pagina

Dica: Adicionar o script ao Site footer HTML garante que ele carregue em todas as paginas apos o conteudo principal, que e o posicionamento recomendado para widgets de chat.

Alternativa: Instalacao em Pagina Especifica

Se voce deseja o chatbot apenas em paginas especificas:

Va ate Marketing > Website > Website Pages (ou Landing Pages)
Clique na pagina que deseja editar
No editor de paginas, clique em Settings no topo
Role para baixo ate \"Advanced options\"
Encontre a secao \"Footer HTML\"
Cole seu código de incorporação Asyntai
Clique em \"Apply changes\" e publique sua pagina

Nota: O codigo especifico da pagina sera carregado apenas naquela pagina. Use este metodo se quiser o chatbot em paginas selecionadas em vez de todo o site.

Alternativa: Usando o Design Manager

Para mais controle, voce pode adicionar um arquivo JavaScript atraves do Design Manager:

Va ate Marketing > Files and Templates > Design Tools
Na barra lateral esquerda, clique em File > New file
Selecione \"JavaScript\" no menu suspenso
Nomeie seu arquivo (ex.: asyntai-chatbot.js)
Adicione o seguinte codigo:
(function() { var script = document.createElement('script'); script.async = true; script.src = 'https://asyntai.com/static/js/chat-widget.js'; script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID'); document.body.appendChild(script); })();
Substitua YOUR_WIDGET_ID pelo seu ID de widget real
Clique em \"Publish changes\"
Inclua este arquivo no seu template usando require_js ou vincule-o nas configuracoes do site

Alternativa: Usando Módulos Personalizados

Crie um módulo reutilizável para o chatbot:

Va ate Marketing > Files and Templates > Design Tools
Clique em File > New file > Module
Nomeie-o como "Asyntai Chatbot"
In the module.html file, paste your embed code
Publique o módulo
Adicione o módulo à seção de rodapé do seu template, ou arraste-o para páginas individuais

Dica: Usar um módulo personalizado permite que você adicione ou remova facilmente o chatbot de templates ou páginas específicas através do editor de arrastar e soltar.

Passo 3: Verifique a Instalação

Após salvar suas alterações, visite seu site HubSpot em uma nova aba do navegador ou em uma 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 clicou em "Save" ou "Publish" após adicionar o código. O HubSpot armazena páginas em cache, então tente visualizar seu site em uma janela anônima ou limpar o cache do navegador. Se você adicionou o código a uma página específica, certifique-se de que essa página está publicada.

HubSpot CMS Hub Necessário: Adicionar JavaScript personalizado requer o HubSpot CMS Hub (Starter, Professional ou Enterprise). Se você está usando as ferramentas gratuitas do HubSpot CMS, pode ter opções limitadas para adicionar scripts personalizados.