HubSpot
A HubSpot, focada em marketing e vendas, oferece um painel de código customizado que facilita a integração de scripts de terceiros, como widgets de Agente.
Método de Integração:
Acessar as Configurações de Código Customizado: No painel de administração da HubSpot, navegue até Configurações e, na seção Avançado, selecione Código Customizado.3
Adicionar o Snippet: Clique em + Adicionar código customizado, insira um nome para o script e cole o snippet do Agente no campo de texto fornecido. A HubSpot permite adicionar o código ao cabeçalho ou ao rodapé do site.3
Este guia mostra como adicionar o snippet do seu agente de texto ou voz Aiblue em um site, landing page ou blog construído com o HubSpot. Você tem duas opções principais: adicionar o código em páginas específicas ou instalá-lo em todo o seu site.
Ferramentas necessárias:
Seu snippet Aiblue.
Acesso à sua conta HubSpot.
Opção 1: Adicionar o Snippet em Todo o Site (Recomendado)
Este método é ideal se você quer que o agente apareça em todas as páginas do seu site, blog e landing pages.
No painel principal do HubSpot, clique no ícone de Configurações (uma engrenagem) no canto superior direito.
No menu lateral, navegue até Site > Páginas do site (ou "Website > Website Pages", dependendo do seu idioma).
Na página de configurações de "Páginas do site", desça até a seção Cabeçalho HTML do site (ou "Site header HTML").
Cole o seu snippet de código Aiblue nesta caixa de texto.
Clique no botão Salvar no canto inferior esquerdo para aplicar as alterações. O agente será carregado automaticamente em todas as páginas do seu site.
Ilustrações Sugeridas:
Uma captura de tela mostrando o ícone de engrenagem no canto superior direito do painel.
Uma captura de tela da página de "Configurações do Site", com a seção "Cabeçalho HTML do site" destacada.
Opção 2: Adicionar o Snippet em uma Página Específica
Se você quer que o agente apareça apenas em uma landing page ou uma página específica do seu site, siga este método.
Navegue até a página ou landing page que você deseja editar.
Clique para editar a página. No editor, procure por Configurações da página ou "Page settings".
No painel de configurações, desça até a seção Scripts do cabeçalho ou "Header scripts".
Cole seu snippet de código Aiblue no campo de texto fornecido.
Clique em Salvar e, em seguida, em Publicar para que as mudanças entrem no ar.
Ilustrações Sugeridas:
Uma captura de tela do editor de páginas do HubSpot, com o menu "Configurações da página" aberto.
Uma captura de tela da seção "Scripts do cabeçalho" no painel de configurações da página.
Importante: Chatflows e Agentes de Terceiros
A HubSpot tem uma ferramenta de chat nativa chamada Chatflows. Se o seu objetivo é substituir o chat nativo pelo agente Aiblue, o método de injeção de código (Opção 1 ou 2) é a forma mais direta de fazer isso. O snippet do seu agente irá carregar na página e o chat da HubSpot será desabilitado automaticamente, desde que você tenha essa configuração ativada em sua conta. Para integrações mais avançadas, a HubSpot oferece um marketplace para conectar ferramentas de terceiros, mas para a maioria dos casos de um agente de chat, o método de "código customizado" é o mais eficiente.
Atualizado