Extensión de tema de Shopify
Activa la incrustación global de la app y configura la visibilidad del widget en tu tienda de Shopify.
Extensión de tema de Shopify
La incrustación de aplicación de tema de Umbrella aporta el script principal que hace funcionar todos los widgets de garantía en tu tienda. Una vez activada, Umbrella se encarga del resto: no necesitas colocar widgets manualmente.
Activar la incrustación global de la app
- Ve a Administrador de Shopify → Tienda online → Temas y haz clic en Personalizar en tu tema activo
- Haz clic en el ícono de Incrustaciones de aplicaciones (la pieza de rompecabezas) en la barra lateral izquierda
- Busca Umbrella y actívalo
- Haz clic en Guardar
El widget se muestra aquí cuando está activado
Configuración del widget de PDP
El widget de selección de garantía en las páginas de producto (PDP) se controla por completo desde el panel de Umbrella, no desde el editor de temas de Shopify.
Una vez activada la incrustación global de la app y encendido el widget de PDP en el panel de Umbrella, las opciones de garantía aparecen automáticamente en las páginas de producto. El widget muestra las opciones de garantía antes del botón Agregar al carrito sin modificar el código de tu tema.
Qué muestra el widget
El widget de PDP muestra:
- El nombre y el logotipo del plan de garantía en la parte superior
- Una descripción de la protección con un enlace “Más información”
- Los niveles de garantía disponibles (por ejemplo, Básica 1 año, Premium 2 años) como opciones seleccionables
- Precios dinámicos que se actualizan cuando el cliente cambia de variante del producto
El widget detecta automáticamente el producto y la variante actuales. No aparece en las páginas de los propios productos de garantía.
Cómo funciona
La incrustación global de la app inserta el JavaScript de Umbrella en todas las páginas. Cuando un cliente visita una página de producto, el script busca planes de garantía que coincidan y muestra el widget. Para que el widget aparezca, tanto la incrustación del tema como la opción del widget de PDP deben estar activas.
La configuración de visualización del widget (modo en línea, modal o individual, selección automática, plantillas personalizadas) se controla en Configuración → Apariencia → Widget de PDP en el panel de Umbrella.
Solución de problemas
| Problema | Solución |
|---|---|
| El widget no aparece en las páginas de producto | Verifica que la incrustación global de la app esté activada en el editor de temas y que el widget de PDP esté encendido en Configuración → Apariencia → Widget de PDP |
| El widget aparece en las páginas de los productos de garantía | Asegúrate de que los productos de garantía tengan el tipo “warranty” |
| Los precios no se actualizan al cambiar de variante | Recarga la página; comprueba que la incrustación global de la app esté activa |
| El widget aparece pero no muestra opciones | Verifica que los planes de garantía estén activos y que la elegibilidad de productos incluya el producto |
| Conflictos de estilo con el tema | Usa plantillas de widget personalizadas en Configuración → Apariencia para que coincidan con el diseño de tu tema |
Relacionado
- Integración con Shopify — Configuración general de la conexión con Shopify
- Crear planes de garantía — Configura los planes que se muestran en el widget
- Extensiones de checkout de Shopify — Opciones de garantía en el checkout
