Drupal es un potente sistema de gestión de contenidos de código abierto utilizado por empresas, gobiernos e instituciones educativas en todo el mundo. Esta guía te muestra cómo añadir el widget de chat en vivo y chatbot de Smartsupp a tu sitio Drupal — instrucciones modernas para Drupal 9, 10 y 11, además de una sección aparte para el antiguo Drupal 7.
La guía está dividida en las siguientes secciones:
Copia el código de Smartsupp
Inicia sesión en tu panel de Smartsupp y ve a Ajustes > Chatbox > Instalación > Insertar código. Copia todo el fragmento de código.
Consejo: ¿Aún no tienes una cuenta de Smartsupp? Regístrate gratis — solo lleva 2 minutos.
Añade un bloque personalizado (Drupal 9, 10, 11)
El Drupal moderno te permite insertar el código de Smartsupp mediante un bloque personalizado — sin necesidad de módulos adicionales. Inicia sesión en el panel de administración de Drupal y ve a Structure > Block layout > Custom block library. Haz clic en Add custom block, dale un nombre (por ejemplo "Smartsupp") y pega el código de Smartsupp en el campo body. Cambia el formato de texto a Full HTML para que se conserve la etiqueta script y haz clic en Save.
Coloca el bloque en tu sitio
Ahora indícale a Drupal dónde debe aparecer el bloque. Vuelve a Structure > Block layout, busca una región (por ejemplo Footer o Content), haz clic en Place block, elige tu bloque Smartsupp y guarda la configuración. El widget se cargará en cada página donde se renderice esa región, por lo que estará disponible en todo tu sitio.
Instalación en Drupal 7 (versión antigua)
Si todavía utilizas Drupal 7, los pasos son distintos — necesitarás un módulo de terceros para insertar código personalizado en la cabecera de la página.
Atención: Drupal 7 alcanzó el 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 es responsable de su comportamiento ni proporciona soporte para él.
1. Instala el módulo Add To Head. Descarga el módulo Add To Head como archivo .ZIP. En la administración de Drupal ve a Modules > List, haz clic en Install new module, sube el ZIP y haz clic en Install.
2. Activa el módulo. Una vez instalado, el módulo no se ejecutará hasta que lo actives. Encuentra Add To Head en la lista de módulos, marca la casilla y guarda la configuración.
3. Crea un perfil e inserta el código. Ve a la configuración de Add To Head, crea un nuevo perfil (por ejemplo "Smartsupp"), pega el código de Smartsupp en el campo de snippet, configura dónde debe aparecer y guarda.
Verifica la instalación
Abre tu sitio Drupal en una nueva pestaña del navegador y actualiza la página. El widget de chat de Smartsupp debería aparecer en la esquina de tu sitio. Inicia sesión en el panel de Smartsupp para empezar a chatear con los visitantes.
Consejo: Si el widget de chat no aparece, vacía la caché de Drupal (Configuration > Performance > Clear all caches) o abre el sitio en una ventana de incógnito. En Drupal 9/10/11 también asegúrate de que el formato de texto Full HTML esté configurado en el body del bloque y que el bloque esté colocado en una región visible.
Recursos relacionados:
Instalación de Smartsupp — visión completa de todos los métodos de instalación.
¿Por qué no puedo ver el chat en mi sitio web? — soluciones a los problemas de instalación más comunes.
¿Qué sigue?
Ajustes básicos del chatbox — personaliza colores, posición, mensajes de bienvenida y más.
Estado del chatbox — descubre cómo funciona el estado del widget de chat y cómo controlarlo.
¿Por qué no puedo ver el chat en mi sitio web? — soluciones a los problemas de instalación más comunes.
Descargar plugins — explora todas las integraciones de plataforma disponibles.
💡 ¿Necesitas más ayuda? Contacta con nuestro equipo de soporte — ¡estamos encantados de ayudarte!