Drupal es un potente sistema de gestión de contenidos de código abierto que utilizan empresas, gobiernos e instituciones educativas de todo el mundo. Esta guía te muestra cómo añadir el widget de chat en vivo y Flow (antes chatbots) de Smartsupp a tu sitio de Drupal — instrucciones actuales para Drupal 9, 10 y 11, además de una sección independiente para la versión antigua Drupal 7.
Hemos dividido la guía en las siguientes secciones:
Copiar el código de Smartsupp
Inicia sesión en tu panel de control de Smartsupp y ve a Ajustes > Caja de chat > Instalación > Insertar código. Copia el fragmento de código completo.
Añadir un bloque personalizado (Drupal 9, 10, 11)
Las versiones actuales de Drupal te permiten insertar el código de Smartsupp mediante un bloque personalizado — no se necesitan módulos adicionales. Inicia sesión en tu panel de administración de Drupal y ve a Estructura > Diseño de bloques > Biblioteca de bloques personalizados. Haz clic en Añadir bloque personalizado, dale un nombre (por ejemplo, "Smartsupp") y pega el código de Smartsupp en el campo del cuerpo. Cambia el formato de texto a HTML completo Para que se conserve la etiqueta script y, después, haz clic en Guardar.
Colocar el bloque en tu sitio
Ahora indica a Drupal dónde debe aparecer el bloque. Vuelve a Estructura > Diseño de bloques, busca una región (por ejemplo, Pie de página O Contenido), haz clic en Colocar bloque, elige tu bloque de Smartsupp y guarda la configuración. El widget se carga en cada página en la que se muestra la región, por lo que está disponible en todo tu sitio.
Instalar en Drupal 7 (versión antigua)
Si sigues usando Drupal 7, los pasos son diferentes — necesitarás un módulo de terceros para insertar código personalizado en la cabecera de la página.
Atención: Drupal 7 llegó al final de su vida útil en enero de 2025 y ya no recibe actualizaciones de seguridad. Recomendamos actualizar a Drupal 10 u 11. Los pasos siguientes utilizan el módulo de terceros Add To Head — Smartsupp no se hace responsable de su comportamiento ni ofrece soporte para este módulo.
1. Instala el módulo Add To Head. Descarga el Módulo Add To Head Como archivo .ZIP. En tu panel de administración de Drupal, ve a Módulos > Lista, haz clic en Instalar nuevo módulo, sube el ZIP y haz clic en Instalar.
2. Activa el módulo. Una vez instalado, el módulo no se ejecutará hasta que lo actives. Busca Add To Head En tu lista de módulos, marca la casilla y guarda la configuración.
3. Crea un perfil e inserta el código. Ve a los ajustes de Add To Head, crea un nuevo perfil (por ejemplo, "Smartsupp"), pega el código de Smartsupp en el campo del fragmento de código, configura dónde debe aparecer y guarda.
Verificar la instalación
Abre tu sitio de Drupal en una nueva pestaña del navegador y carga de nuevo la página. El widget de chat de Smartsupp debería aparecer en la esquina de tu sitio. Inicia sesión en tu Panel de control de Smartsupp Para empezar a chatear con los visitantes.
Consejo: Si el widget de chat no aparece, borra la caché de Drupal (Configuración > Rendimiento > Borrar todas las cachés) o abre tu sitio en una ventana de incógnito. En Drupal 9/10/11, asegúrate también de que el formato de texto HTML completo esté seleccionado en el cuerpo del bloque y de que el bloque esté colocado en una región visible.
Recursos relacionados:
Instalación de Smartsupp — Descripción completa de todos los métodos de instalación.
¿Por qué no puedo ver el chat en mi sitio web? — Soluciona los problemas de instalación más habituales.
¿Cuál es el siguiente paso?
Ajustes básicos de la caja de chat — Personaliza los colores, la posición, los mensajes de bienvenida y mucho más.
Estado de la caja de chat — Aprende cómo funciona el estado del widget de chat y cómo controlarlo.
¿Por qué no puedo ver el chat en mi sitio web? — Soluciona los problemas de instalación más habituales.
Descargar plugins — Explora todas las integraciones con plataformas disponibles.