Cómo añadir el chatbot de IA Asyntai a HubSpot

Plataforma:

HubSpot

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion 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

Paso 1: Obtén su código de inserción

Primero, ve a su Panel de control de Asyntai y desplácese hasta la sección "Código de inserción". Copie su código de inserción único que se verá así:

Paso 2: Usando la configuración del sitio (Recomendado)

La forma más fácil de añadir el chatbot a todas las páginas de su sitio web HubSpot:

1. Inicia sesión en su cuenta de HubSpot
2. Haga clic en el icono de configuración (engranaje) en la barra de navegación principal
3. In the left sidebar, navigate to Website > Pages
4. Scroll down to the "Site footer HTML" section
5. Pegue su código de inserción de Asyntai en el área de texto
6. Click "Save" at the bottom of the page

Alternativa: Instalación por página

Si solo quiere el chatbot en páginas específicas:

1. Ve a Marketing > Website > Website Pages (o Landing Pages)
2. Haga clic en la página que deseas editar
3. In the page editor, click Settings at the top
4. Desplácese hacia abajo hasta "Opciones avanzadas"
5. Encuentra la sección "HTML del pie de página"
6. Pegue su código de inserción de Asyntai
7. Haga clic en "Aplicar cambios" y publique su página

Alternativa: Usando el gestor de diseño

Para mayor control, puede añadir un archivo JavaScript a través del Design Manager:

1. Ve a Marketing > Files and Templates > Design Tools
2. In the left sidebar, click File > New file
3. Seleccione "JavaScript" del menú desplegable
4. Nombra su archivo (ej., asyntai-chatbot.js)
5. Añada el siguiente código:
   (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);
})();
6. Reemplaza YOUR_WIDGET_ID con su ID de widget real
7. Haga clic en "Publicar cambios"
8. Incluye este archivo en su plantilla usando require_js o enlázalo en la configuración de su sitio

Alternativa: Usando módulos personalizados

Cree un módulo reutilizable para el chatbot:

1. Ve a Marketing > Files and Templates > Design Tools
2. Haga clic en File > New file > Module
3. Nómbralo "Asyntai Chatbot"
4. In the module.html file, paste your embed code
5. Publique el módulo
6. Añada el módulo a la sección de pie de página de su plantilla, o arrástralo a páginas individuales

Paso 3: Verificar la instalación

Después de guardar sus cambios, visite su sitio web HubSpot en una nueva pestaña del navegador o en una ventana de incógnito. Deberías ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarte de que se abra y funciona correctamente.