Ir al contenido principal

Shoper

Cómo añadir el chat en vivo de Smartsupp a tu tienda online Shoper: usa el plugin oficial de la Shoper App Store o añade el código manualmente.

Escrito por Michal Jindra

¿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:


¿Qué sigue?

💡 ¿Necesitas más ayuda? Ponte en contacto con nuestro equipo de soporte — ¡estamos aquí para ayudarte!

¿Ha quedado contestada tu pregunta?