¿Quieres agregar el chat en vivo de Smartsupp a tu sitio web en 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 por página.
Hemos dividido la guía en las siguientes secciones:
Opción 1: Instalar usando el plugin de WordPress (recomendado)
La forma más sencilla de agregar Smartsupp a tu sitio WordPress es mediante nuestro plugin oficial. No requiere programación — solo instala, inicia sesión y estarás listo para 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. Luego activa el plugin.
Iniciar sesión en tu cuenta de Smartsupp
Después de 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 se muestra 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 usar un plugin, puedes insertar el código del chat de Smartsupp directamente en el archivo de cabecera del tema de WordPress.
Nota: Editar los 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 método del plugin o pedir ayuda a tu desarrollador web.
Copiar el código del chat
Encuentra tu código único de chat de Smartsupp en el panel de control en Configuración > Chatbox > 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 del chat antes de la etiqueta de cierre </head>. Luego haz clic en Actualizar archivo.
Opción 3: Avanzado — instalación por página
Por defecto, tanto el plugin como el método manual cargan Smartsupp en todas las páginas de tu sitio. Si solo quieres que el widget de chat aparezca en páginas específicas, puedes usar el plugin de terceros 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 del chat
Scripts n Styles requiere una versión ligeramente modificada de tu código de Smartsupp. Elimina las etiquetas <script> del código — el plugin las agrega automáticamente.
Nota: Asegúrate de eliminar solo las etiquetas de apertura <script type=\"text/javascript\"> y de cierre </script>. El código JavaScript en sí debe permanecer intacto.
Tu código modificado debería verse así (solo es un ejemplo — usa tu propia clave única):
Agregar el código a páginas específicas
Ve a Páginas, edita la página donde quieres que aparezca Smartsupp y pega el código modificado en la sección Scripts n Styles debajo del contenido. Luego haz clic en Update Scripts y 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 usar Smartsupp, necesitas una instalación autogestionada de WordPress.org donde tengas control total sobre los plugins y los archivos del tema.
Nota: Si usas 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 del chat manualmente o hacer clic en \"He olvidado la contraseña\" en Smartsupp para configurar el inicio de sesión con correo electrónico.
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 usando GTM.
¿Qué sigue?
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 veo el chat en mi sitio web? — Soluciona problemas comunes de instalación.
Descargar plugins — Explora todas las integraciones de plataformas disponibles.
💡 ¿Necesita más ayuda? Contacta con nuestro equipo de soporte — ¡estaremos encantados de ayudarte!