¿Listo para conectar Smartsupp con tu sitio web? Esta guía te lleva por todo el proceso de instalación — desde la creación de tu cuenta hasta la verificación de que el widget de chat está activo en tu sitio.

Lo hemos dividido en pasos:

Paso 1: Crea tu cuenta de Smartsupp

Si aún no tienes una cuenta de Smartsupp, comienza registrándote gratis. El registro solo toma un minuto — solo necesitas tu dirección de correo electrónico.

Una vez creada tu cuenta, serás dirigido al panel de Smartsupp donde podrás encontrar tu código de chat único y comenzar a configurar tu live chat.

Recursos relacionados:

¿Cómo crear una cuenta de Smartsupp? — guía detallada paso a paso.
Visión general del panel — conoce el panel de Smartsupp y sus secciones principales.

Paso 2: Encuentra tu código de chat

Después de registrarte, recibirás un correo con tu código de chat único de Smartsupp. También puedes encontrarlo en cualquier momento en tu panel en Ajustes > Caja de chat > Instalación > Insertar código.

Tu código de chat se ve así:



  <script>
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'YOUR_SMARTSUPP_CODE';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>

Consejo: Cada cuenta de Smartsupp tiene un código de chat único. Asegúrate de copiar todo el fragmento de código — incluyendo las etiquetas <script> de apertura y cierre.

Paso 3: Añade Smartsupp a tu sitio web

Hay tres formas de instalar Smartsupp en tu sitio web. Elige el método que mejor se adapte a tu configuración:

Opción A: Pega el código directamente

Inserta el código de chat en el HTML de tu sitio web entre las etiquetas <head> ... </head>. Esto asegura que Smartsupp se cargue en cada página.

Opción B: Usa Google Tag Manager

Si ya usas Google Tag Manager para gestionar scripts en tu web, puedes añadir el código de Smartsupp como una etiqueta HTML personalizada.

Opción C: Usa un plugin listo para usar

Smartsupp ofrece plugins e integraciones para muchas plataformas populares. Con un plugin, no necesitas tocar ningún código — solo instala el plugin y conecta tu cuenta de Smartsupp.

Los plugins están disponibles para plataformas como:

Nota: Si no te sientes cómodo editando el código de tu web, te recomendamos usar un plugin o pedir ayuda a tu desarrollador web para la instalación.

Recursos relacionados:

Google Tag Manager — guía paso a paso para instalar vía GTM.
Descargar plugins — explora todas las integraciones disponibles.

Paso 4: Verifica la instalación

Después de añadir el código a tu web, abre tu sitio en un navegador y comprueba que el widget de chat aparece en la esquina inferior de la página.

Si el widget no aparece, verifica lo siguiente:

El código está entre las etiquetas <head> ... </head> (o cargado vía GTM / plugin).
Tu sitio web está publicado y es accesible públicamente.
No hay errores de JavaScript que bloqueen la carga del script.

Nota: Después de la instalación, es posible que veas mensajes de demostración en tu panel. Son parte del onboarding de Smartsupp y te ayudan a practicar con la plataforma — no son de visitantes reales.

Consejo: Smartsupp también funciona en tablets, iPads y en nuestras apps móviles nativas para Android y iPhone. ¡Descarga la app móvil gratuita para chatear con tus clientes en cualquier momento!

Avanzado: Múltiples dominios y personalización API

Smartsupp se puede instalar en un número específico de dominios según tu plan. Si necesitas personalizar la apariencia o el idioma del widget en diferentes sitios, puedes usar la API de Smartsupp.

Nota: La personalización basada en API (como colores o idiomas diferentes por dominio) está disponible en los planes EXPERT y ULTIMATE. Consulta la documentación de la API.

¿Qué sigue?

Ajustes básicos de la caja de chat — Personaliza colores, posición, mensajes de bienvenida y más.
Chatbot — Configura flujos de chat automatizados 24/7.
Introducción a Mira AI Shopping Assistant — Deja que la IA gestione conversaciones y recomiende productos.
¿Qué paquete debería elegir? — Compara planes y encuentra el mejor para tu negocio.

💡 ¿Necesitas más ayuda? Contacta a nuestro equipo de soporte — ¡estaremos encantados de ayudarte!

Instalación de Smartsupp