¿Quieres añadir el chat en vivo de Smartsupp a tu sitio web de WordPress? Esta guía cubre todos los métodos de instalación disponibles — desde el plugin oficial hasta la inserción manual de código y la configuración avanzada para páginas específicas.
La hemos dividido en secciones:
Opción 1: Instalar mediante el plugin de WordPress (recomendado)
La forma más sencilla de añadir Smartsupp a tu sitio de WordPress es utilizar nuestro plugin oficial. No necesitas programar — solo tienes que instalarlo, iniciar sesión y ya puedes chatear.
Instalar el plugin
En el panel de administración de WordPress, ve a Plugins > Añadir nuevo, busca Smartsupp Live Chat, y haz clic en Instalar ahora. Después, activa el plugin.
Iniciar sesión en tu cuenta de Smartsupp
Tras activar el plugin, verás la opción de Crear cuenta gratuita o Conectar cuenta existente. Inicia sesión con tus credenciales de Smartsupp para vincular tu cuenta.
Si todo está configurado correctamente, verás la pantalla de confirmación que aparece a continuación. El widget de chat de Smartsupp aparecerá ahora en tu sitio web.
Consejo: El método del plugin es la forma más rápida y segura de instalar Smartsupp. No requiere editar archivos del tema ni código — y las actualizaciones se gestionan automáticamente.
Opción 2: Insertar el código manualmente
Si prefieres no utilizar un plugin, puedes insertar el código de chat de Smartsupp directamente en el archivo de cabecera de tu tema de WordPress.
Nota: Editar directamente los archivos del tema puede hacer que tu sitio deje de funcionar si no se hace correctamente. Si no te sientes cómodo con el código, te recomendamos utilizar el método del plugin descrito anteriormente o pedir ayuda a tu desarrollador web.
Copiar tu código de chat
Encontrarás tu código de chat único de Smartsupp en el panel de control, en Ajustes > Canales > Chat en vivo > Instalación > Insertar código.
Pegar el código en tu tema
Ve a Apariencia > Editor de archivos del tema > Cabecera del tema (header.php) y pega el código de chat antes de la etiqueta de cierre </head> . Después, haz clic en Actualizar archivo.
Opción 3: Avanzada — instalación en páginas específicas
Por defecto, tanto el método del plugin como el manual cargan Smartsupp en todas las páginas de tu sitio. Si solo quieres el widget de chat en páginas específicas, puedes utilizar el plugin de terceros para WordPress Scripts n Styles.
Instalar Scripts n Styles
En el panel de administración de WordPress, ve a Plugins > Añadir nuevo, busca Scripts n Styles, e instálalo.
Modificar el código de chat
Scripts n Styles requiere una versión ligeramente modificada de tu código de Smartsupp. Elimina las etiquetas <script> que envuelven el código — el plugin las añade automáticamente.
Nota: Asegúrate de eliminar únicamente las etiquetas de apertura <script type="text/javascript"> y de cierre </script> . Mantén intacto el código JavaScript.
Tu código modificado debería tener este aspecto (es solo un ejemplo — utiliza tu propia clave única):
Añadir el código a páginas específicas
Ve a Páginas, edita la página en la que quieres que aparezca Smartsupp y pega el código modificado en la sección Scripts n Styles situada debajo del contenido. Después, haz clic en Actualizar scripts y en Actualizar para actualizar tu página.
Notas importantes
Smartsupp no está disponible en WordPress.com
Smartsupp no se puede instalar en sitios web gratuitos de WordPress.com. WordPress.com no permite plugins personalizados ni código JavaScript personalizado. Para utilizar Smartsupp, necesitas una instalación de WordPress.org en tu propio alojamiento, donde tengas control total sobre los plugins y los archivos del tema.
Nota: Si utilizas una cuenta de Google para iniciar sesión en Smartsupp, no podrás iniciar sesión directamente a través del plugin de WordPress. Puedes insertar el código de chat manualmente o hacer clic en “Contraseña olvidada” en Smartsupp para configurar el inicio de sesión mediante email.
Recursos relacionados:
Instalación de Smartsupp — Guía completa de instalación con todos los métodos.
Google Tag Manager — Método de instalación alternativo mediante GTM.
¿Cuál es el siguiente paso?
Ajustes básicos de la caja de chat — Personaliza los colores, la posición, los mensajes de bienvenida y mucho más.
Estado de la caja de chat — Aprende cómo funciona el estado del widget de chat y cómo controlarlo.
¿Por qué no veo el chat en mi sitio web? — Soluciona los problemas de instalación más habituales.
Descargar plugins — Explora todas las integraciones de plataformas disponibles.
💡 ¿Necesitas más ayuda? Contacta con nuestro Equipo de soporte — ¡Estaremos encantados de ayudarte!