Volver al panel

Documentación

Aprende a usar Asyntai

Primeros pasos
Instalación Base de conocimientos Pruebe su IA Gestionar sitios web
Personalización
Colores del widget Nombre del asistente IA Mensaje inicial Posición del widget Activación automática Burbuja de saludo Insignia de no leído Modo de instrucción Hacer preguntas Usar emoji Recopilar emails Recopilar números de teléfono Captura inteligente de prospectos Localización Ocultar marca Enlace de privacidad Aviso personalizado Descarga de transcripción Nueva conversación Historial de conversaciones Subtítulo y punto de estado Voz a texto Icono del chat Logo de la empresa Límite de caracteres Temperatura
Consejos para instrucciones de IA Comparar planes
Características
Rastreo del sitio web Lagunas de conocimiento Fichas de producto Tarjetas de productos dinámicas Dynamic Images Contexto de usuario Monitoreo en vivo Toma de control humano Transferencia Notificaciones IA Informe diario Fuente de datos en tiempo real Fuente de datos en tiempo real Max Miembros del equipo Inicio de sesión único Incluir imágenes Visión por imagen Widget de traducción Localización Prospectos Captura inteligente de prospectos Tickets de soporte Reservas Incrustaciones Excluir páginas IPs bloqueadas Modelo más inteligente Activar razonamiento Sugerencias de respuesta Mensajes de seguimiento Voz a texto Descarga de transcripción Chat integrado
Análisis
Analíticas de chat Registros de chat
Integraciones
REST API Instagram Messenger WhatsApp Zapier Email Aplicaciones móviles
Otros
Añadir a pantalla de inicio Botón de apertura personalizado
Preguntar a la IA

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

Guía paso a paso para aplicaciones de Bubble

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

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

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

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Nota: El código anterior es solo un ejemplo. Debe copiar su propio código de inserción único desde su Panel de control ya que contiene su ID de widget personal.

Paso 2: Usando la configuración de la aplicación (Recomendado)

Bubble tiene una forma integrada de añadir scripts personalizados a través de la configuración de la aplicación:

  1. Inicie sesión en el editor de su aplicación Bubble
  2. Vaya a Settings en la barra lateral izquierda
  3. Haga clic en la pestaña "Web App"
  4. Desplácese hasta "Advanced Settings"
  5. Encuentra la sección "Custom headers and body"
  6. Pegue su código de inserción de Asyntai en el campo "Script in body"
  7. Despliegue su aplicación

Consejo: Añadir el código al campo de script del cuerpo asegura que se cargue en cada página de su aplicación Bubble, lo cual es el enfoque recomendado para widgets de chat. Esta función está disponible en todos los planes de Bubble, incluido el gratuito.

Alternativa: Usando un elemento HTML

Si prefieres añadir el chatbot solo a una página específica:

  1. En el editor de Bubble, abra la página donde quiere el chatbot
  2. Añada un elemento HTML a su página
  3. Pegue el código de inserción de Asyntai en el elemento
  4. Despliegue su aplicación

Nota: El método de configuración de la aplicación es preferible ya que aplica el chatbot en toda su aplicación. El método de elemento HTML solo añadirá el chatbot a la página específica donde coloque el elemento.

Paso 3: Verificar la instalación

Después de desplegar su aplicación, visite su sitio Bubble en una nueva pestaña del navegador o ventana de incógnito. Debería ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarse de que se abra y funcione correctamente.

¿No ves el widget? Asegúrese de haber desplegado su aplicación después de añadir el código. Intente limpiar la caché de su navegador o ver en una ventana de incógnito. Si está probando en modo de desarrollo, asegúrese de comprobar también la versión en vivo de su aplicación.