¿Tienes tu tienda online en Shoper? Aquí te mostramos cómo conectar Smartsupp paso a paso, ya sea con la instalación rápida del plugin o de forma manual con código.
La guía está dividida en estas secciones:
Instalar el plugin de Smartsupp
En tu panel de control de Shoper, ve a Complementos e integraciones > Aplicaciones. Desplázate hasta encontrar Smartsupp (aparece como Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI), luego haz clic en él.
Haz clic en el botón Instalar aplicación.
Acepta los Términos y Condiciones de la App Store y haz clic en Instalar.
Verás una confirmación de que el plugin de Smartsupp se instaló correctamente.
Configurar Smartsupp
Cuando se complete la instalación, ve a Complementos e integraciones > Mis aplicaciones y haz clic en el icono de Smartsupp.
Puedes crear una cuenta nueva de Smartsupp o iniciar sesión en tu cuenta existente para conectar tu tienda online de Shoper.
Una vez conectado, ya puedes empezar a chatear con tus visitantes o ajustar la configuración de Smartsupp usando la API de Smartsupp. No olvides Guardar los cambios.
Consejo: Cuando guardes los cambios, abre tu tienda online en una pestaña nueva y actualiza la página: ahora deberías ver el chat en vivo de Smartsupp.
Instalación manual del código
Si la instalación del plugin no funciona, puedes añadir el código de Smartsupp manualmente como fragmento de JavaScript.
Copia el código del chat
Encuentra tu código único de chat de Smartsupp en el panel de control, dentro de Ajustes > Canales > Chat en vivo > Instalación > Insertar código.
Pega el código en Shoper
En Shoper, ve a la sección de fragmentos JavaScript y pega tu código de Smartsupp. Asegúrate de quitar las etiquetas <script> y </script>, porque Shoper no acepta etiquetas HTML en este campo.
Nota: El campo JavaScript de Shoper puede tener límite de caracteres, así que deja el código lo más corto posible. No uses comentarios //, porque Shoper puede bloquearlos. Cuando lo hayas pegado, actualiza el navegador para ver los cambios.
Personalización con API
Puedes usar la API JavaScript de Smartsupp para personalizar el comportamiento del widget de chat en tu tienda online de Shoper. Aquí tienes algunos ejemplos comunes:
Abrir el widget del chat desde un botón personalizado:
<button onclick="smartsupp('chat:open')">Chatea con nosotros</button>
Ocultar el widget de chat en ciertas páginas (ej. carrito o checkout):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Ocultar el botón de chat por defecto y mantenerlo oculto después de cerrarlo:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Nota: El campo JavaScript de Shoper puede tener límite de caracteres y no soporta comentarios //. Deja el código lo más compacto posible y no añadas etiquetas HTML como <script>.
Consejo: Para ver todos los métodos disponibles de la API, revisa la documentación de la API de Smartsupp.
Desinstalar el plugin
Si necesitas desinstalar el plugin de Smartsupp, ve a Complementos e integraciones > Mis aplicaciones y haz clic en la app de Smartsupp.
Haz clic en Desinstalar la app.
Confirma la desinstalación.
Nota: Smartsupp y Shoper son servicios separados. Desinstalar el plugin no cancela tu suscripción de Smartsupp. Para cancelarla, contacta con nuestro equipo de soporte.
Recursos relacionados:
Instalación de Smartsupp: visión general de todos los métodos de instalación.
Google Tag Manager: método alternativo de instalación con GTM.
¿Qué sigue?
Ajustes básicos de la caja de chat — Personaliza colores, posición, mensajes de bienvenida y mucho más.
Estado de la caja de chat — Descubre cómo funciona el estado del widget de chat y cómo gestionarlo.
¿Por qué no veo el chat en mi sitio web? — Soluciona los problemas de instalación más frecuentes.
Descargar plugins — Descubre todas las integraciones de plataformas disponibles.
💡 ¿Necesitas más ayuda? Ponte en contacto con nuestro equipo de soporte — ¡estamos aquí para ayudarte!











