¿Quieres incorporar el chat en vivo de Smartsupp en tu tienda Shopify? En esta guía te mostramos todas las formas de instalarlo: desde nuestra app oficial de Shopify, hasta la integración manual del código para opciones avanzadas.
La guía está organizada en estas secciones:
Opción 1: Instalar con la app de Shopify (recomendado)
La manera más sencilla de agregar Smartsupp a tu tienda Shopify es usando nuestra app oficial. No hace falta saber de código: solo instala, inicia sesión y empieza a chatear.
Buscar e instalar la app
Abre la Shopify App Store (apps.shopify.com) y busca Smartsupp, o entra directo a la página de la app de Smartsupp.
Selecciona la app de Smartsupp y haz clic en Añadir app para instalarla en tu tienda Shopify.
Instalar Smartsupp
Cuando hayas agregado Smartsupp, haz clic en Instalar para terminar la instalación.
Iniciar sesión en tu cuenta Smartsupp
Después de instalarla, haz clic en el icono de Smartsupp. Puedes Crear una cuenta free o Conectar una cuenta existente. Inicia sesión con tus datos de Smartsupp para vincular tu cuenta.
Consejo: La app de Shopify es la forma más rápida y segura de tener Smartsupp listo. Después de conectar tu cuenta, solo te queda activar el widget en tu tema (sigue leyendo abajo).
Opción 2: Activar el widget en tu tema
Tras instalar la app de Smartsupp, tienes que activar el widget de chat desde la configuración del tema en tu tienda Shopify. Haz lo siguiente:
Abrir tienda online
Entra a tu tienda Shopify y abre Tienda online desde el menú principal.
Personalizar tu tema
Entra en Temas > Personalizar y después accede a Configuración del tema.
Activar el widget de Smartsupp
Selecciona Widgets de apps y activa el widget de Smartsupp para que salga en tu web. Acuérdate de hacer clic en Guardar para guardar los cambios.
Consejo: Una vez activo el widget, abre la página principal de tu tienda y recarga la página: deberías ver el chat de Smartsupp funcionando.
Opción 3: Instalación manual del código
Si necesitas conectar una cuenta Smartsupp a varias tiendas Shopify o prefieres controlar todo manualmente, puedes insertar el código de chat de Smartsupp directamente en los archivos de tu tema.
Nota: Editar los archivos del tema puede dejar tu tienda inoperativa si no lo haces bien. Si no tienes experiencia con código, pide ayuda a tu desarrollador web de confianza.
Copiar el código de chat
Obtén tu código único de chat de Smartsupp en el panel, en Ajustes → Canales → Chat en vivo → Instalación.
Pegar el código en tu tema
En el panel de administración de Shopify, ve a Tienda online > Temas y pulsa en Editar código. Abre el archivo theme.liquid y pega el código de chat de Smartsupp justo antes de la etiqueta de cierre </head>. Guarda los cambios.
Consejo: Si necesitas instrucciones detalladas sobre cómo editar el código del tema en Shopify, revisa la documentación oficial de Shopify.
Notas importantes
Facturación a través de Shopify
Si instalas Smartsupp por medio de la app de Shopify, los pagos de tu suscripción se gestionan desde Shopify. Cualquier cambio de facturación debes hacerlo en la sección de pagos de Shopify. Smartsupp no puede modificar ni acceder a tu información de facturación. Solo hay suscripciones mensuales cuando usas la app de Shopify.
Nota: Si tienes algún problema de pago con la suscripción cobrada por Shopify, habla directamente con el soporte de Shopify. Smartsupp no puede cambiar nada de la facturación de Shopify.
Nota: Shopify no deja conectar una cuenta de Smartsupp a varias tiendas Shopify. Si gestionas varias tiendas, usa el método de instalación manual descrito arriba.
Nota: Si el chat no se muestra después de instalarlo, borra la caché del navegador y recarga tu web. Si sigue sin salir, reinstala la app de Smartsupp desde la Shopify App Store.
Recursos relacionados:
Instalación de Smartsupp — Guía completa con todos los métodos de instalación.
Google Tag Manager — Método alternativo para instalar usando 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 de tu widget de chat y cómo gestionarlo.
¿Por qué no veo el chat en mi web? — Soluciona problemas habituales de instalación.
Descargar plugins — Descubre todas las integraciones de plataforma disponibles.
💡 ¿Necesitas más ayuda? Ponte en contacto con nuestro equipo de soporte: ¡estamos aquí para lo que necesites!