¿Todo listo para conectar Smartsupp con tu sitio web? Esta guía te acompaña durante todo el proceso de instalación — desde crear tu cuenta hasta comprobar 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, empieza por Registrarte gratis. El registro solo lleva un minuto — solo necesitas tu dirección de email.
Una vez creada tu cuenta, accederás al panel de control de Smartsupp, donde podrás encontrar tu código de chat único y empezar a configurar tu chat en vivo.
Recursos relacionados:
¿Cómo crear una cuenta de Smartsupp? — Guía detallada paso a paso para crear una cuenta.
Visión general del panel de control — Conoce el panel de control de Smartsupp y sus secciones principales.
Paso 2: encuentra tu código de chat
Después de registrarte, recibirás un email con tu Código de chat único de Smartsupp. También puedes encontrarlo en cualquier momento en tu panel de control, en Ajustes > Canales > Chat en vivo > Instalación > Insertar código.
Tu código de chat tiene este aspecto:
<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 — incluidas las etiquetas de apertura y cierre <script> .
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 garantiza que Smartsupp se cargue en todas las páginas de tu sitio.
Opción B: usa Google Tag Manager
Si ya usas Google Tag Manager para gestionar los scripts de tu sitio web, puedes añadir el código de Smartsupp como una etiqueta HTML personalizada. Es una opción excelente si quieres mantener todos tus scripts en un solo lugar.
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 tienes que instalar el plugin y conectar tu cuenta de Smartsupp.
Hay plugins disponibles para plataformas como:
Nota: Si no te sientes cómodo editando el código de tu sitio web, te recomendamos usar un plugin o pedir ayuda a tu desarrollador web con la instalación.
Recursos relacionados:
Google Tag Manager — Guía paso a paso para instalar mediante GTM.
Descargar plugins — Explora todas las integraciones disponibles para plataformas.
Paso 4: comprueba tu instalación
Después de añadir el código a tu sitio web, abre tu sitio en un navegador para comprobar que el Widget de chat Aparece en la esquina inferior de la página. Deberías ver la burbuja de chat de Smartsupp lista para que los visitantes hagan clic.
Si el widget no aparece, vuelve a comprobar lo siguiente:
El código está colocado entre las etiquetas <head> ... </head> (O se carga mediante GTM / plugin).
Tu sitio web está publicado y es accesible públicamente.
No hay errores de JavaScript que impidan la carga del script.
Nota: Después de la instalación, es posible que veas Mensajes de demostración En tu panel de control. Forman parte del proceso de familiarización con Smartsupp y te ayudan a practicar el uso de la plataforma — no proceden de visitantes reales.
Consejo: Smartsupp también funciona en tabletas, iPads y en nuestras apps móviles nativas para Android E iPhone. ¡Descarga la app móvil gratuita para chatear con tus clientes estés donde estés!
Avanzado: varios dominios y personalización mediante API
Smartsupp se puede instalar en un número determinado de dominios según tu Plan. Si necesitas personalizar el aspecto o el idioma del widget de chat en distintos sitios web, puedes usar la API De Smartsupp para una configuración avanzada.
Nota: La personalización mediante API (como configurar distintos colores o idiomas de la caja de chat para cada dominio) está disponible en los planes Expert Y Ultimate . Para más detalles, consulta la Documentación de la API.
¿Qué viene después?
Ajustes básicos de la caja de chat — Personaliza los colores, la posición, los mensajes de bienvenida y mucho más.
Flow — Configura flujos de chat automatizados para interactuar con los visitantes 24/7.
Introducción al Asistente de ventas Mira IA — Deja que la IA gestione las conversaciones y recomiende productos.
¿Qué paquete debería elegir? — Compara los planes y encuentra el que mejor se adapte a tu negocio.