Cómo instalar el chat en vivo de Smartsupp en tu sitio web Webnode — usando la integración incorporada o la inserción manual de código.
Nota: Webnode permite la inserción de código personalizado solo en planes de pago. Si usas un plan gratuito, necesitarás insertar el código en cada página individualmente.
¿Tienes tu sitio web en Webnode? Esta guía te lleva paso a paso por todo lo que necesitas para conectar Smartsupp con tu sitio — desde la instalación global premium hasta el método gratuito por página.
Hemos dividido la guía en las siguientes secciones:
Opción 1: Servicios Premium (instalación global)
Si tienes un plan de pago de Webnode (Mini, Standard, Profi o Business), puedes insertar el código de Smartsupp de forma global para que aparezca en todas las páginas de tu sitio web.
Video tutorial
Mira cómo insertar el código de Smartsupp en Webnode:
Copiar el código del chat
Encuentra tu código de chat Smartsupp único en el panel bajo Configuración > Chatbox > Instalación > Insertar código.
Pegar el código en Webnode
En tu editor de Webnode, ve a Settings > Website Settings > Website header and footer > Website header HTML code. Pega el código del chat Smartsupp y haz clic en Save.
Nota: Si ves una solicitud para actualizar tu plan, significa que tu plan actual de Webnode no admite la inserción de código personalizado. Necesitarás actualizar a un plan de pago, o usar el método gratuito por página.
Consejo: Después de guardar, abre tu sitio web y actualiza la página — el widget de chat Smartsupp debería ser visible en todas las páginas.
Opción 2: Plan gratuito (instalación por página)
En el plan gratuito de Webnode, la inserción global de código no está disponible. En su lugar, necesitas agregar el código de Smartsupp en cada página individualmente a través de la configuración SEO.
Copiar el código del chat
Encuentra tu código de chat Smartsupp único en el panel bajo Configuración > Chatbox > Instalación > Insertar código.
Pegar el código en cada página
En tu editor de Webnode, ve a Pages, selecciona una página, luego abre SEO page settings > Custom HTML header code. Pega el código de Smartsupp y cierra el diálogo. Repite esto para cada página donde quieras que aparezca el chat.
Nota: No olvides Publicar tu sitio web después de agregar el código para aplicar los cambios.
Consejo: Después de publicar, abre tu sitio web y actualiza la página — el widget de chat Smartsupp debería ser visible en las páginas donde agregaste el código.
Versión antigua de Webnode
Si usas una versión antigua de Webnode, la inserción de código funciona a través de la integración incorporada de Smartsupp.
En tu editor de Webnode, ve a Contents > More > Business tools > Live chat (Smartsupp). Pega el código de Smartsupp y haz clic en OK. Luego Publica tu sitio web para aplicar los cambios.
Consejo: Después de publicar, abre tu sitio web y actualiza la página — el widget de chat Smartsupp debería ser visible.
Recursos relacionados:
Instalación de Smartsupp — descripción completa de todos los métodos de instalación.
Google Tag Manager — método de instalación alternativo con GTM.
¿Qué hacer después?
Configuración básica 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 a nuestro equipo de soporte — ¡estamos encantados de ayudarte!