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 notificación 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 Contexto de usuario Monitoreo en vivo Control humano Escalamiento 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 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

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

Guía paso a paso para sitios web de Blogger

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 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í:

<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 el gadget HTML/JavaScript (Recomendado)

La forma más fácil de añadir el chatbot es usando el gadget HTML/JavaScript integrado de Blogger:

  1. Inicia sesión en su Panel de Blogger en blogger.com
  2. Seleccione su blog de la lista
  3. Haga clic en "Layout" en la barra lateral izquierda
  4. Find a section where you want to add the widget (preferably the footer)
  5. Haga clic en "Add a Gadget"
  6. Seleccione "HTML/JavaScript" de la lista de gadgets
  7. Deje el título vacío (o añada uno si prefieres)
  8. Pegue su código de inserción de Asyntai en el área de contenido
  9. Haga clic en "Save"
  10. Click "Save arrangement" in the Layout page

Consejo: Añadir el gadget a la sección del pie de página asegura que se cargue en todas las páginas de su blog. El chatbot aparecerá como un botón flotante independientemente de dónde coloques el gadget.

Alternativa: Editar el HTML del tema

También puede añadir el código directamente al HTML de su tema:

  1. Ve a "Theme" en la barra lateral izquierda
  2. Click the dropdown arrow next to "Customize"
  3. Seleccione "Edit HTML"
  4. Press Ctrl+F (or Cmd+F on Mac) to open search
  5. Busque </body>
  6. Pegue su código de inserción de Asyntai justo antes de la etiqueta </body>
  7. Haga clic en "Save theme"

Importante: Al editar el HTML del tema, ten cuidado de no eliminar o modificar otro código. Considera hacer una copia de seguridad de su tema primero haciendo clic en "Backup" antes de hacer cambios.

Paso 3: Verificar la instalación

Después de guardar sus cambios, visite su blog en una nueva pestaña del navegador o 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? Blogger puede tardar unos minutos en aplicar los cambios. Intenta limpiar la caché de su navegador o ver en una ventana de incógnito. Asegúrese de haber hecho clic en "Save" después de añadir el gadget.