Cómo instalar Smartsupp en tu sitio web usando Google Tag Manager — desde la creación de tu cuenta GTM hasta la publicación de la etiqueta con tu código de chat de Smartsupp.
Google Tag Manager (GTM) es una herramienta gratuita de Google que te permite gestionar códigos de seguimiento y scripts en tu sitio web sin editar el código fuente directamente. Esta guía te lleva a través de toda la configuración — creación de una cuenta GTM, añadir el fragmento de GTM a tu sitio e insertar el código de chat de Smartsupp como etiqueta.
Hemos dividido la guía en las siguientes secciones:
Crear una cuenta GTM
Si aún no tienes una cuenta de Google Tag Manager, ve a tagmanager.google.com e inicia sesión con tu cuenta de Google. Haz clic en Crear cuenta, introduce el nombre de tu cuenta y selecciona tu país.
Configura un contenedor para tu sitio web. Introduce la URL de tu sitio web, selecciona Web como plataforma de destino y haz clic en Crear.
Acepta los Términos de Servicio para continuar.
Instalar GTM en tu sitio web
Después de crear tu cuenta, GTM mostrará dos fragmentos de código. Necesitas añadirlos al HTML de tu sitio web:
Pega el primer fragmento lo más arriba posible en la sección <head>.
Pega el segundo fragmento justo después de la etiqueta de apertura <body>.
Consejo: Si utilizas una plataforma como WordPress, Shopify o PrestaShop, es posible que ya tengas un plugin integrado de Smartsupp — consulta nuestra guía de instalación para tu plataforma antes de usar GTM.
También puedes acceder a los fragmentos de GTM más tarde haciendo clic en tu ID de contenedor (p. ej. GTM-XXXXXX) en la parte superior del panel de GTM.
Crear una nueva etiqueta
En el panel de GTM, haz clic en Añadir una nueva etiqueta (o ve a Etiquetas > Nueva). Dale un nombre a tu etiqueta, por ejemplo Smartsupp Chat.
Haz clic en el área de Configuración de etiqueta y selecciona HTML personalizado como tipo de etiqueta.
Insertar el código de Smartsupp
Encuentra tu código único de chat de Smartsupp en el panel bajo Ajustes > Chatbox > Instalación > Insertar código. Copia el fragmento de código completo.
Pega el código en el campo HTML de tu nueva etiqueta en GTM. Luego haz clic en la sección Activadores de abajo y selecciona Todas las páginas — esto asegura que el widget de chat de Smartsupp se cargue en cada página de tu sitio web.
Nota: Asegúrate de pegar el código completo incluyendo las etiquetas <script>. A diferencia de algunas plataformas, GTM acepta HTML completo incluyendo etiquetas script en el tipo de etiqueta HTML personalizado.
Publicar la etiqueta
Haz clic en Guardar para guardar tu etiqueta y luego haz clic en el botón Enviar en la esquina superior derecha del panel de GTM.
Añade un nombre de versión y una descripción (opcional) y luego haz clic en Publicar.
Verificar la instalación
Abre tu sitio web en una nueva pestaña del navegador y actualiza la página. El widget de chat de Smartsupp debería ser visible ahora en la esquina de tu sitio.
Consejo: Si no ves el widget de chat, intenta borrar la caché del navegador o abrir tu sitio en una ventana de incógnito. También asegúrate de que el código del contenedor GTM esté correctamente instalado en tu sitio web.
Recursos relacionados:
Instalación de Smartsupp — descripción completa de todos los métodos de instalación.
Chatbox multilingüe — configura el widget de chat en varios idiomas.
¿Qué sigue?
Ajustes básicos del chatbox — Personaliza colores, posición, mensajes de bienvenida y más.
Estado del chatbox — 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? — Resuelve 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 — ¡estaremos encantados de ayudarte!