Bloque de upsells

El bloque Upsells muestra ofertas de productos en el drawer del carrito, elegidas por una Strategy que tú seleccionas. Cuando un comprador abre el carrito, el bloque muestra los productos que tu Strategy devuelve según el contenido actual del carrito y cualquier regla de segmentación que hayas configurado.

Aumenta el valor promedio del pedido mostrando ofertas de productos relevantes en el momento en que los compradores abren su carrito, usando una Strategy que decide qué mostrar según el contenido del carrito y tus reglas de segmentación.

• Los productos se obtienen en vivo según el carrito actual del comprador, así que las ofertas reflejan lo que realmente hay en el carrito.
• Toda la sección se oculta cuando no se resuelve ningún producto: no hay Strategy adjunta, la Strategy no devuelve nada, o ninguno de los productos devueltos es comprable. Los compradores nunca ven una sección de Upsells vacía.
• Si una oferta devuelta lleva un descuento, el comprador ve un precio tachado honesto y una insignia de descuento, y el descuento se aplica en el checkout.

Se admiten las siguientes apps de reseñas basadas en metafields: Shopify Product Reviews, Junip, Okendo, Growave, Fera, Stamped, Loox, REVIEWS.io, Automizely Reviews, Judge.me, Ali Reviews, Trustoo, Rivo, Rivyo y Vitals. Yotpo no es compatible porque usa una API separada en lugar de metafields de producto. El bloque Upsells tiene overrides de diseño por bloque en su panel Design. Estos anulan los ajustes de diseño globales del carrito solo para este bloque. Dejar un valor en blanco hereda el ajuste global. El bloque Upsells incluye una sección Text en su configuración de Design. Úsala para controlar la tipografía de cada elemento de texto de cada tarjeta de upsell. Selecciona un elemento de texto en el selector para ajustar su configuración: Los elementos de texto que puedes estilizar están agrupados por categoría: Heading

• Heading — el encabezado de la sección encima de las tarjetas de upsell (por ejemplo, You may also like). También admite una familia de fuentes personalizada. El bold y el color se configuran en el Rich Text Editor de arriba.

Product

• Product title — el nombre del producto en cada tarjeta de upsell.
• Review count — el recuento de reseñas que se muestra cuando Show product reviews está habilitado.

Pricing

• Price — el precio actual de cada tarjeta.
• Compare-at price — el precio original tachado.
• Discount — la etiqueta de descuento (por ejemplo, 20% off).

Dejar cualquier campo en blanco mantiene el valor predeterminado del elemento. Cuando Show product reviews está habilitado, puedes personalizar los colores de las estrellas desde la sección Reviews del panel Design.

• Región: cuerpo o parte inferior.
• Máximo: 1 por estado del carrito. El carrito con artículos y el carrito vacío tienen cada uno el suyo.
• Estado: tanto carrito con artículos como carrito vacío.
• No se agrega de forma predeterminada. No está bloqueado: puedes quitarlo u ocultarlo.

Un bloque Upsells no llega vacío: si no hay una Strategy configurada, Aftersell resuelve la estrategia de IA de Shopify de tu tienda (creándola si aún no tienes una) y la asigna, para que el bloque funcione de inmediato. Abre el selector Strategy para cambiarla. El selector tiene dos grupos: Quick start

• Create strategy from selected products: elige productos específicos directamente y se crea una Strategy automáticamente para ti.
• Create strategy from scratch: abre el editor de Strategy para que puedas construir reglas sin salir del editor del carrito.

Strategies

• Shopify AI recommendations: crea una Strategy respaldada por las propias recomendaciones de Shopify, que se llama Shopify AI recommended products dondequiera que aparezca después. Esta entrada desaparece una vez que tienes una, ya que una tienda solo necesita una única estrategia de IA de Shopify.
• Tus Strategies existentes, listadas por nombre. Escribe en el campo de búsqueda para filtrarlas.

Una vez seleccionada una Strategy, su nombre aparece en la fila de estrategia dentro del bloque. Después de adjuntar una Strategy, aparece un botón ••• (puntos suspensivos) en la fila de estrategia. Haz clic en él para abrir el menú de acciones:

• Edit strategy: abre el editor de Strategy en una nueva pestaña, para que tu sesión del editor del carrito y cualquier cambio sin guardar permanezcan intactos. Esta opción no está disponible para la estrategia recomendada por la IA de Shopify, que se administra automáticamente y no tiene reglas editables.
• Remove from upsell: desvincula la Strategy de este bloque. La Strategy en sí no se elimina; sigue disponible en tu lista de Strategies.

Editar una Strategy en una nueva pestaña no afecta la sesión del editor del carrito: puedes volver a la pestaña del editor del carrito y continuar configurando sin perder tu trabajo. Admite una plantilla personalizada desde su pestaña Code, que reemplaza el marcado integrado de este bloque con tu JSX. Estas son las props que recibe. Solo es relevante cuando layout es 'carousel'. Cada entrada en upsells: Cada entrada en variants lleva id, title, price y compareAtPrice (sin procesar, sin formato, en la unidad mayor de la moneda como strings), availableForSale, imageUrl, sku y selectedOptions ([{ name, value }]). Da estilo a este bloque con su sección Design en el panel de ajustes. Son overrides por bloque que se superponen a tu diseño global y recurren a él cuando están en blanco. ¿Qué son los ajustes de diseño? Obtén más información aquí: Ajustes de diseño.