Ir al contenido
Nock Quantity Breaks & BOGO está en desarrollo y todavía no está en la Shopify App Store. Estas páginas describen la app tal como se publicará.

Diseños del widget

Una campaña de descuentos por cantidad muestra sus niveles de descuento en la página de producto a través del widget de la tienda online. Esta página cubre los diseños entre los que puedes elegir y cómo se comporta la lista de niveles una vez en vivo — consulta Añade el widget a tu tema para activar el widget y colocarlo.

Abre la pestaña Widget de una campaña y elige un diseño de la cuadrícula. Cuatro son gratis en todos los planes; cinco más necesitan la función Widget de diseño de tarjetasEn la app: Card layout widget, incluida desde el plan Starter en adelante:

Diseño Plan
Option cards (tarjetas de opciones) Free
Clean rows (filas limpias) Free
Table — rows (tabla — filas) Free
Table — columns (tabla — columnas) Free
Bold fill cards (tarjetas de relleno destacado) Starter en adelante
Tile columns (columnas en mosaico) Starter en adelante
Segmented picker (selector segmentado) Starter en adelante
Coupon stubs (talones de cupón) Starter en adelante
Unlock timeline (línea de tiempo de desbloqueo) Starter en adelante

Un diseño bloqueado igual muestra su miniatura en la cuadrícula, con un aviso interno para subir de plan — puedes ver cómo se ve antes de pagar por él.

Las campañas de Compra X y llévate Y y de Objetivos de carrito eligen entre sus propios conjuntos de diseño, construidos alrededor de una recompensa o una barra de progreso en lugar de una tabla de niveles, y siguen la misma división entre gratis y de pago.

El widget preselecciona un nivel para el cliente: el que tenga una insignia (por ejemplo “Más popular”), o el segundo nivel si ninguno tiene insignia. A partir de ahí:

  • Hacer clic en un nivel distinto actualiza el precio y el ahorro mostrados, con un efecto de resaltado en la propia tarjeta.
  • Si los niveles de la campaña se basan en cantidad y Sincronización automática con el selector de cantidadEn la app: Auto-sync with the quantity selector está activado (el valor predeterminado, en Opciones de visualización), hacer clic en un nivel también rellena el propio cuadro de cantidad del tema para que coincida — y al revés: escribir una cantidad mueve la selección al nivel en el que cae esa cantidad.
  • Cada clic cuenta para Clics en nivelesEn la app: Tier clicks en Analítica, deduplicado a uno por sesión de cliente, igual que una vista de página.

Cuando pasa la fecha de fin de una campaña, el widget se elimina de la página en lugar de seguir anunciando un descuento que el checkout ya no aplica.

En Opciones de visualización, eliges si el nivel seleccionado muestra Solo descuentoEn la app: Discount only, Precio por artículoEn la app: Price per item, o Precio totalEn la app: Total price, además de una línea opcional “You save” y un precio de comparación tachado. Cada diseño de la tabla de arriba respeta la misma elección — cambia lo que dicen los números, no el diseño que estás usando. Consulta Descuentos por cantidad para los niveles en sí: mínimos, tipos de descuento y cómo se calcula el precio de un nivel.