¿Quieres añadir el chat en vivo de Smartsupp a tu sitio web de WordPress? En esta guía te explicamos todos los métodos de instalación — desde el plugin oficial, pasando por la inserción manual de código, hasta la configuración avanzada específica por página.
Lo hemos dividido en secciones:
Opción 1: Instalar usando el plugin de WordPress (recomendado)
La forma más sencilla de añadir Smartsupp a tu sitio web de WordPress es usando nuestro plugin oficial. No necesitas programar — solo instala, inicia sesión y ya podrás chatear.
Instalar el plugin
En el administrador de WordPress, ve a Plugins > Añadir nuevo, busca Smartsupp Live Chat y haz clic en Instalar ahora. Después activa el plugin.
Inicia sesión en tu cuenta de Smartsupp
Cuando actives el plugin verás la opción de Crear cuenta Free o Conectar cuenta existente. Inicia sesión con tus credenciales de Smartsupp para vincular tu cuenta.
Si todo está correctamente configurado, verás la pantalla de confirmación a continuación. El widget de chat de Smartsupp aparecerá ahora en tu sitio web.
Consejo: El método con plugin es el más rápido y seguro para instalar Smartsupp. No tienes que modificar archivos del tema ni código — y las actualizaciones se manejan automáticamente.
Opción 2: Insertar el código manualmente
Si prefieres no usar un plugin, puedes insertar el código de Smartsupp directamente en el archivo header de tu tema de WordPress.
Nota: Editar archivos del tema directamente puede dañar tu sitio si no se hace correctamente. Si no te sientes cómodo con el código, te recomendamos usar el plugin anterior o pedirle ayuda a tu desarrollador web.
Copia tu código de chat
Encuentra tu código único de Smartsupp en el panel de control, en Ajustes > Canales > Chat en vivo > Instalación > Insertar código.
Pega el código en tu tema
Ve a Apariencia > Editor de archivos del tema > Encabezado del tema (header.php) y pega el código antes de la etiqueta </head>. Luego haz clic en Actualizar archivo.
Opción 3: Avanzado — instalación en páginas específicas
Por defecto, tanto el método de plugin como el manual cargan Smartsupp en todas las páginas de tu sitio web. Si solo quieres el widget de chat en páginas específicas, puedes usar el plugin de terceros de WordPress Scripts n Styles.
Instalar Scripts n Styles
En tu administrador de WordPress, ve a Plugins > Añadir nuevo, busca Scripts n Styles e instálalo.
Modifica el código del chat
Scripts n Styles requiere una versión levemente modificada de tu código de Smartsupp. Quita las etiquetas <script> envolventes del código — el plugin las añade automáticamente.
Nota: Asegúrate de quitar solo la etiqueta de apertura <script type="text/javascript"> y la de cierre </script>. El código JavaScript en sí mismo debe quedarse intacto.
Tu código modificado debería verse así (solo es un ejemplo — usa tu propia clave):
Añade el código en páginas específicas
Ve a Páginas, edita la página donde quieras mostrar Smartsupp y pega el código modificado en la sección Scripts n Styles debajo del contenido. Luego haz clic en Actualizar scripts y Actualizar tu página.
Notas importantes
Smartsupp no está disponible en WordPress.com
No puedes instalar Smartsupp en sitios gratuitos de WordPress.com. WordPress.com no admite plugins personalizados ni códigos JavaScript propios. Para usar Smartsupp necesitas una instalación autogestionada de WordPress.org donde tengas control completo de plugins y archivos del tema.
Nota: Si usas una cuenta de Google para acceder a Smartsupp, no podrás iniciar sesión directamente desde el plugin de WordPress. Puedes insertar el código manualmente o dar clic en “¿Olvidaste la contraseña?” en Smartsupp para configurar el acceso por email.
Recursos relacionados:
Instalación de Smartsupp — visión general completa de todos los métodos.
Google Tag Manager — método alternativo de instalación usando GTM.
¿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 de chat y cómo controlarlo.
¿Por qué no veo el chat en mi sitio web? — Soluciona problemas habituales de instalación.
Descargar complementos — Consulta todas las integraciones de plataforma disponibles.
💡 ¿Necesitas más ayuda? Contacta con nuestro equipo de soporte — ¡te ayudamos encantados!