¿Listo para conectar Smartsupp con tu sitio web? Esta guía te lleva paso a paso por todo el proceso de instalación: desde crear tu cuenta hasta verificar 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 toma un minuto: solo necesitas tu email.
Cuando tu cuenta esté creada, accederás al panel de control de Smartsupp donde puedes 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 la creación de cuentas.
Visión general del panel de control — conoce el panel de control de Smartsupp y sus secciones clave.
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 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, 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 más te convenga según 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>. Así Smartsupp se cargará en todas las páginas de tu sitio.
Opción B: Usa Google Tag Manager
Si ya utilizas Google Tag Manager para gestionar scripts en tu sitio web, puedes añadir el código de Smartsupp como una etiqueta HTML personalizada. Es una excelente opción si quieres tener todos los scripts en un solo lugar.
Opción C: Usa un plugin ya preparado
Smartsupp ofrece plugins e integraciones para muchas plataformas populares. Con un plugin, no tienes que 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 sitio 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 usando GTM.
Descargar plugins — explora todas las integraciones disponibles para plataformas.
Paso 4: Verifica 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 tus visitantes hagan clic.
Si el widget no aparece, verifica lo siguiente:
El código está colocado entre las etiquetas <head> ... </head> (o cargado 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, puede que veas mensajes demo en tu panel de control. Son parte de la incorporación de Smartsupp y te ayudan a practicar el uso de la plataforma; no son de visitantes reales.
Consejo: Smartsupp también funciona en tabletas, iPads y en nuestras apps móviles nativas para Android y iPhone. ¡Descarga la app móvil gratuita para poder chatear con tus clientes vayas donde vayas!
Avanzado: Multi-dominio y personalización con API
Puedes instalar Smartsupp en un número específico de dominios dependiendo de tu paquete. Si necesitas personalizar la apariencia o el idioma del widget en diferentes sitios web, puedes usar la API de Smartsupp para configuración avanzada.
Nota: La personalización mediante API (como establecer diferentes colores o idiomas de la caja de chat por dominio) está disponible en los planes Expert y Ultimate. Para más detalles, 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.
Flow — Crea flujos de chat automatizados para interactuar con los visitantes 24/7.
Introducción al Asistente de ventas Mira AI — Deja que la IA gestione conversaciones y recomiende productos.
¿Qué paquete debería elegir? — Compara planes y encuentra el que mejor se adapte a tu negocio.