Añade el widget a tu tema

El descuento en el checkout y el widget de la tienda online son dos cosas separadas. El descuento lo aplica una Shopify Function en cuanto publicas una campaña — funciona en el checkout esté o no el widget en tu tema. El widget es lo que hace visible la oferta a los clientes antes de llegar ahí: una tabla de niveles de descuento en la página de producto, y un mensaje corto en el carrito.

Nota

Si el descuento de una campaña no se muestra en tus páginas de producto pero has confirmado que se aplica en el checkout, casi seguro que el widget todavía no está activado — los pasos de abajo lo solucionan.

Activa la incrustación de app (recomendado)

Esta es la forma más rápida de añadir el widget, y no necesita colocación manual:

1. En el admin de Shopify, ve a Tienda online → Temas, y luego Personalizar tu tema activo.
2. Abre Incrustaciones de aplicaciones.
3. Activa Nock Quantity Breaks & BOGO.
4. Guarda el tema.

Inicio marca este paso como hecho automáticamente la primera vez que el navegador de un cliente carga una página de producto con la incrustación activada — normalmente en menos de un minuto tras guardar.

Una vez activado, el widget se coloca solo: busca tu precio y tu área de añadir al carrito en la página de producto y se muestra junto a ellos, y añade una línea corta al carrito y al panel de carrito.

Añade el widget como bloque (para una ubicación exacta)

Si la colocación automática cae en el lugar equivocado, añade el bloque en su lugar — tiene prioridad sobre la colocación automática de la incrustación:

1. En el editor de temas, abre tu plantilla de producto.
2. Añade un bloque y elige Nock Quantity Breaks & BOGO widget.
3. Colócalo donde quieras.

Posición del widget y selector personalizado

Tanto la incrustación de app como el bloque exponen las mismas dos opciones:

Ajuste	Qué hace
Posición del widget	Auto (predeterminada), Before add to cart (antes de añadir al carrito), After price (después del precio), o Custom selector (selector personalizado).
Selector CSS personalizado	Solo se usa cuando la posición es Custom selector — el widget se muestra justo después del elemento que coincide con este selector CSS.

Consejo

También puedes ajustar la ubicación desde la propia app, sin tocar el código del tema: abre ConfiguraciónEn la app: Settings → Widget de la tienda onlineDónde aparece el widget de descuentos por cantidad en tus páginas de producto y cómo llega hasta ahí.En la app: Storefront widget, o la pestaña UbicaciónAutomática de forma predeterminada: el widget encuentra por sí solo el lugar debajo del precio y del cuadro de cantidad. Si aparece en el lugar equivocado, puedes elegirla manualmente.En la app: Placement de una campaña, y usa el selector de ubicación para hacer clic en el punto exacto sobre una vista previa en vivo de tu tienda. Usa Restablecer a automáticoEn la app: Reset to automatic para volver al comportamiento predeterminado.

Qué se entrega dónde

• La página de producto recibe el widget completo: la tabla de niveles, o la barra de progreso de objetivo de carrito, con el estilo que definiste en la pestaña Widget de una campaña.
• La página de carrito y el panel de carrito reciben un mensaje más ligero — una línea bajo el artículo del carrito correspondiente que indica qué se desbloqueó o qué falta para desbloquear el siguiente nivel.

Siguiente: crea tu primera campaña para que el widget tenga algo que mostrar.