Cómo instalar el chat en vivo de Smartsupp en tu tienda Shoper — usando el plugin integrado desde la Shoper App Store o la inserción manual de código.

¿Tu tienda online funciona en Shoper? Esta guía te acompaña en todo lo que necesitas para conectar Smartsupp — desde la instalación del plugin con un clic hasta el método manual con código.

Hemos dividido la guía en las siguientes secciones:

En el panel de Shoper, ve a Complementos e integraciones > Aplicaciones. Desplázate hacia abajo y encuentra Smartsupp - chat en vivo, chatbot & grabaciones de video, 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 un mensaje de confirmación indicando que el plugin de Smartsupp se instaló correctamente.

Después de la instalación, ve a Complementos e integraciones > Mis aplicaciones y haz clic en el icono de Smartsupp.

Puedes crear una nueva cuenta de Smartsupp o iniciar sesión con tu cuenta existente para conectarla con tu tienda Shoper.

Una vez conectado, puedes empezar a chatear con tus visitantes o ajustar la configuración de Smartsupp usando la API de Smartsupp. No olvides guardar los cambios.

Si la instalación del plugin no funciona, puedes agregar el código de Smartsupp manualmente como un fragmento de JavaScript.

Encuentra tu código de chat Smartsupp único en el panel bajo Configuración > Chatbox > Instalación > Insertar código.

En Shoper, ve a la sección de fragmentos de JavaScript y pega tu código de Smartsupp. Asegúrate de eliminar las etiquetas <script> y </script> — Shoper no acepta etiquetas HTML en este campo.

Puedes usar la API de JavaScript de Smartsupp para personalizar el comportamiento del widget de chat en tu tienda Shoper. Aquí tienes algunos ejemplos comunes:

Abrir el widget de chat desde un botón personalizado:

<button onclick="smartsupp('chat:open')">Chatea con nosotros</button>

Ocultar el widget de chat en páginas específicas (por ejemplo, carrito o pago):

if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }

Ocultar el botón de chat predeterminado y mantenerlo oculto después de cerrar:

smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });

Si necesitas desinstalar el plugin de Smartsupp, ve a Complementos e integraciones > Mis aplicaciones y haz clic en la aplicación Smartsupp.

Haz clic en Desinstalar la aplicación.

Confirma la desinstalación.