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 de IA Asyntai a Framer

Guía paso a paso para sitios web de Framer

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 código personalizado (Recomendado)

Framer tiene una función integrada de Custom Code que facilita añadir scripts:

  1. Abra su proyecto de Framer
  2. Haz clic en el icono de engranaje (Configuración del sitio) en la esquina superior izquierda
  3. Vaya a la sección "Código personalizado"
  4. Haga clic en el botón "Añadir Script"
  5. Pegue su código de inserción de Asyntai en el campo de script
  6. Establece la ubicación en "Final de la etiqueta <body>"
  7. Guarde y publique su sitio

Consejo: Colocar el script en "End of <body> tag" asegura que se cargue después del contenido de la página, lo cual es recomendado para widgets de chat y no ralentizará la carga de su página. Framer también ofrece las opciones "Start of <head>" y "End of <head>", pero se prefiere el final del body.

Alternativa: Usando componente de código

Si prefiere añadir el chatbot usando un componente de código:

  1. En el editor de Framer, abra la página donde deseas el chatbot
  2. Añada un componente de código a su lienzo
  3. Pegue el código de inserción de Asyntai en el componente
  4. Posiciónelo en su diseño según sea necesario

Nota: El método de Custom Code es preferido ya que aplica el chatbot en todo el sitio en todas las páginas. El método de componente Code solo puede añadir el chatbot a la página específica donde coloques el componente.

Paso 3: Verificar la instalación

Después de publicar sus cambios, visite su sitio Framer 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.

¿No ves el widget? Asegúrese de haber guardado y publicado su sitio después de añadir el código. Intenta limpiar la caché de su navegador o ver en una ventana de incógnito. Si usas un dominio personalizado, los cambios pueden tardar unos minutos en propagarse.