Nota: Webnode solo te deja insertar código personalizado si tienes un plan de pago. Si usas el plan Free, tendrás que poner el código en cada página por separado.
¿Tu web está creada con Webnode? En esta guía te mostramos de forma sencilla todo lo que necesitas para conectar Smartsupp — desde la instalación global en los planes de pago hasta la forma gratuita por página.
La guía está organizada en estas secciones:
Opción 1: Servicios premium (instalación global)
Si tienes un plan de pago en Webnode (Mini, Standard, Profi o Business), puedes añadir el código de Smartsupp para que el chat salga en todas las páginas.
Videotutorial
Te enseñamos cómo poner el código de Smartsupp en Webnode:
Copiar el código de chat
Busca tu propio código de chat en el panel de Smartsupp entrando en Ajustes > Canales > Chat en vivo > Instalación > Insertar código.
Pega el código en Webnode
Entra en el editor de Webnode y ve a Ajustes > Ajustes del sitio web > Encabezado y pie de página del sitio web > Código HTML del encabezado del sitio web. Pega el código de chat de Smartsupp y haz clic en Guardar.
Nota: Si te sale un mensaje pidiéndote mejorar el plan, es porque tu plan actual no deja poner código personalizado. Puedes pasarte a un plan de pago, o usar el método por página con el plan Free.
Consejo: Tras guardar, abre tu web y actualiza la página — el chat de Smartsupp ya debería verse en todas las páginas.
Opción 2: Plan Free (instalación por página)
Con el plan Free de Webnode no se puede poner el código en todo el sitio a la vez. Debes añadir el código de Smartsupp en cada página por separado, dentro de los ajustes de SEO.
Copiar el código de chat
Busca tu propio código de chat en el panel de Smartsupp entrando en Ajustes > Canales > Chat en vivo > Instalación > Insertar código.
Pega el código en cada página
En el editor de Webnode, entra en Páginas, elige una página y luego abre Ajustes de página de SEO > Código HTML de encabezado personalizado. Pega el código de Smartsupp y cierra la ventana. Haz esto en cada página donde quieras poner el chat.
Nota: No te olvides de Publicar tu web después de poner el código para que se apliquen los cambios.
Consejo: Tras publicar, abre tu web y actualiza la página — el chat de Smartsupp debería mostrarse en las páginas donde subiste el código.
Versión antigua de Webnode
Si usas una versión antigua de Webnode, el código se integra con la herramienta de Smartsupp que viene incluida.
En el editor de Webnode, entra en Contenidos > Más > Herramientas empresariales > Chat en vivo (Smartsupp). Pega tu código de Smartsupp y haz clic en OK. Luego Publica la web para que los cambios se hagan efectivos.
Consejo: Tras publicar, abre tu web y actualiza la página — el chat de Smartsupp ya debería verse.
Recursos relacionados:
Instalación de Smartsupp — resumen de todos los métodos para instalar el chat.
Google Tag Manager — alternativa de instalación usando GTM.
¿Y ahora qué?
Ajustes básicos de la caja de chat — Cambia los colores, posición, mensajes de bienvenida y mucho más.
Estado de la caja de chat — Descubre cómo funciona el estado del chat y cómo gestionarlo.
¿Por qué no veo el chat en mi sitio web? — Cómo solucionar los problemas de instalación más comunes.
Descargar plugins — Mira todas las integraciones de plataformas disponibles.