Dejar que el cliente elija su regalo en una ventana emergente o con un botón
Cuando un nivel de regalo ofrece varios productos o variantes, el selector de regalo deja elegir al cliente. Se abre solo o desde el botón «Elegir un regalo».
Cuándo aparece el selector de regalo
El selector de regalo es una ventana emergente (modal) que lista los regalos que el cliente ha desbloqueado. Se usa cuando un nivel de regalo ofrece más de un producto o variante. Cómo aparece se ajusta nivel por nivel, en la tarjeta del nivel, sección Añadir el regalo al carrito automáticamente (consulta regalo):
| Opción | Lo que ve el cliente |
|---|---|
| Mostrar automáticamente la ventana de regalo | La ventana se abre sola al alcanzar el nivel. Un regalo con una sola variante se añade directamente al carrito. |
| Mostrar el botón «Elegir un regalo» | Un botón bajo la barra abre la ventana. Solo para niveles con varios regalos. |
| Mostrar la lista de regalos en la barra de progreso | Sin ventana: los regalos aparecen en la barra y se añaden con un clic. |
| Desactivar la ventana y el botón | Yaco Progress Bar no añade nada. Úsalo cuando otra app añade el regalo. |
Cuando se alcanzan dos o más niveles de regalo a la vez, se abre una sola ventana, con una sección por nivel y un único botón de confirmación.
Qué pasa cuando el cliente la cierra
El botón de rechazo («No thanks» por defecto), la tecla Escape o un clic fuera de la ventana la cierran durante la sesión de navegación actual. No vuelve a abrirse sola hasta que se alcanza un nivel nuevo. El botón Elegir un regalo, si se muestra, sigue disponible para reabrirla.
Cerrar no es rechazar; el único rechazo duradero es quitar el regalo del carrito. Para que la elección sea obligatoria, marca Ocultar el botón «No, gracias».
Dónde cambiar su aspecto y sus textos
Los ajustes están repartidos en tres sitios.
1. Diseño › Interfaz de regalo (en la app):
- Botón «Elegir un regalo»: Mostrar el botón de regalo, Permitir cambiar el regalo tras la selección (el botón sigue visible y reabre la ventana), clases CSS para reutilizar el estilo de botón de tu tema, tamaño de fuente, colores, borde y padding.
- Modal de regalo: Tamaño de fuente del título (escritorio), Tamaño de fuente del título (móvil), Título en negrita, Agrupar variantes por producto (una tarjeta por producto con un menú de variantes, en lugar de una tarjeta por variante) y Ocultar el botón «No, gracias».
- El estilo de la lista de regalos que aparece en la barra, y CSS personalizado para la ventana y para la lista.
2. El editor de temas: en el admin de Shopify, abre Tienda online › Personalizar y luego Incrustaciones de aplicaciones › Yaco Progress Bar. La sección Gift modal (etiquetas en inglés) reúne los colores (fondo de la ventana, fondo y borde de las tarjetas de regalo, colores del botón de añadir al carrito) y los textos por defecto: Title, Subtitle template, Gift list title, 2+ Gifts list title, "Free" label, "Sold out" label, "Gift no longer available" message, "Add to cart" button y "No thanks" button. La sección Choose a gift button contiene el Button label del botón.
3. La tarjeta del nivel: Texto del botón de regalo fija el texto del botón para ese nivel, y la tarjeta Textos del modal de regalo sustituye el título, el subtítulo y los títulos de lista para ese nivel. Usa {price} en el subtítulo para el umbral del nivel y {quantity} en el título de la lista para el número de regalos a elegir. Estos textos se aplican cuando la ventana solo muestra ese nivel. Cuando agrupa varios, se usan los textos del editor de temas. Un campo vacío también recupera el texto del editor de temas.
Regalos agotados
La ventana vuelve a comprobar el stock cada vez que se ofrecen regalos, como máximo una vez por minuto:
- un regalo que se agota aparece como Sold out y ya no se puede elegir;
- un regalo ya seleccionado que se agota se quita de la selección, con el mensaje "Gift no longer available" message;
- el número de regalos ofrecidos sigue el stock real: un nivel que promete 2 regalos solo ofrece 1 si queda una sola unidad, y el título se ajusta.
No se aplica ningún límite cuando una variante no sigue su inventario o se puede vender sin stock. Para consultar el stock, la app pide a Shopify permiso para leer el inventario de productos, y solo lee las cantidades de tus productos de regalo.
Traducir el selector de regalo
Los textos de un nivel se traducen desde sus propios campos (consulta traducciones). Los textos del editor de temas se traducen en la app de Shopify Translate & Adapt.
Si un regalo nunca llega al carrito, consulta regalo no añadido.
¿Falta algo? Escribe a [email protected], o pruébalo antes en la demo.