Drupal es un potente sistema de gestión de contenidos de código abierto usado por empresas, gobiernos y centros educativos de todo el mundo. En esta guía verás cómo añadir el widget de chat en vivo de Smartsupp y Flow (antes conocidos como chatbots) a tu sitio web de Drupal: incluye pasos actualizados para Drupal 9, 10 y 11, y una sección separada para Drupal 7 (legacy).
Para que sea más sencillo, hemos dividido la guía en estas secciones:
Copiar el código de Smartsupp
Inicia sesión en tu panel de control de Smartsupp y ve a Ajustes → Canales → Chat en vivo → Instalación. Copia todo el fragmento de código.
Añadir un bloque personalizado (Drupal 9, 10, 11)
Las versiones más nuevas de Drupal te permiten insertar el código de Smartsupp usando un bloque personalizado, sin instalar módulos extra. Entra al panel de administración de Drupal y ve a Estructura > Disposición de bloques > Biblioteca de bloques personalizados. Haz clic en Añadir bloque personalizado, ponle el nombre que prefieras (por ejemplo "Smartsupp") y pega el código de Smartsupp en el campo de cuerpo. Cambia el formato de texto a HTML completo para conservar la etiqueta script y luego haz clic en Guardar.
Colocar el bloque en tu sitio web
Ahora indica a Drupal en qué lugar debe mostrarse el bloque. Vuelve a Estructura > Disposición de bloques, elige una región (por ejemplo Pie de página o Contenido), haz clic en Colocar bloque, selecciona tu bloque de Smartsupp y guarda la configuración. El widget se mostrará en todas las páginas donde esté la región, así que estará disponible en todo tu sitio web.
Instalar en Drupal 7 (legacy)
Si aún usas Drupal 7, los pasos cambian: hace falta un módulo externo para poder colocar código personalizado en el encabezado de la página.
Ojo: Drupal 7 llegó a su fin de vida en enero de 2025 y ya no recibe actualizaciones de seguridad. Te recomendamos migrar a Drupal 10 u 11. Los pasos siguientes utilizan el módulo externo Add To Head: Smartsupp no es responsable de su funcionamiento 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 archivo ZIP y haz clic en Instalar.
2. Activa el módulo. Tras instalarlo, debes activarlo. 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 perfil nuevo (por ejemplo "Smartsupp"), pega el código de Smartsupp en el campo de fragmento, elige dónde debe mostrarse y guarda.
Verificar la instalación
Abre tu sitio web de Drupal en una pestaña nueva y recarga la página. El widget de chat de Smartsupp debería aparecer en una esquina. Inicia sesión en tu panel de control de Smartsupp para empezar a chatear con tus visitantes.
Consejo: Si no ves el widget de chat, borra la caché de Drupal (Configuración > Rendimiento > Borrar todas las cachés) o abre tu sitio web en una ventana de incógnito. En Drupal 9/10/11 revisa también que el formato HTML completo esté seleccionado en el cuerpo del bloque y que el bloque esté en una región visible.
Recursos relacionados:
Instalación de Smartsupp: visión general de todos los métodos de instalación.
¿Por qué no veo el chat en mi sitio web?: cómo solucionar los problemas de instalación más comunes.
¿Qué sigue?
Ajustes básicos de la burbuja de chat: personaliza colores, posición, mensajes de bienvenida y más.
Estado de la burbuja de chat: descubre cómo funciona el estado del widget y cómo gestionarlo.
¿Por qué no veo el chat en mi sitio web?: guía para los problemas de instalación más frecuentes.
Descargar plugins: explora todas las integraciones de plataformas disponibles.