> ## Documentation Index > Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt > Use this file to discover all available pages before exploring further. # Widget de recomendación de productos > Configura el widget de recomendación de productos de la página de agradecimiento en Aftersell: elige productos, diseña la oferta, aplica descuentos y define el manejo del pedido. El widget de recomendación de productos muestra productos de upsell en la página de agradecimiento después del checkout. Úsalo para promocionar productos específicos, generar recomendaciones automáticas en función del contenido del carrito o destacar una colección. Esta página cubre cada ajuste del widget. Para la configuración completa del embudo y los pasos del editor de Shopify, consulta [Cómo configurar widgets de la página de agradecimiento](/es/aftersell/how_can_i_set_up_and_customize_thank_you_page_upsells_in_aftersell). Agrega el widget desde la sección **Thank You Page** de tu embudo haciendo clic en **Add Widget** y seleccionando **Product Recommendation**. A diferencia de los upsells post-compra, las recomendaciones de productos de la página de agradecimiento son compatibles con **todas las pasarelas de pago** y las **tiendas multi-moneda**. Los clientes vuelven a introducir sus datos de pago para completar la compra del upsell, pero Aftersell aplica automáticamente su información de envío guardada para mantener la experiencia de checkout fluida. Aftersell Thank You Page editor with the Product Recommendation widget active and a product selected ## Selección de productos 1. Elige tu método de selección de productos: * **Specific Products** - Selecciona manualmente los productos a mostrar * **Automatic Upsells** - Deja que Aftersell recomiende productos según el contenido del carrito * **Collections** - Muestra productos de una colección específica * **Strategy** - Llena el widget desde un conjunto de reglas de [Strategies](/es/aftersell/strategies_overview) de Aftersell. Esta opción aparece solo cuando la segmentación de Strategies está activa para tu tienda y aún no has elegido productos por otro método. 2. Establece la **cantidad máxima de productos** a mostrar. No hay un máximo fijo, pero mantener la cantidad enfocada (por ejemplo, 4-10 productos) hace que la oferta sea fácil de escanear. 3. Habilita **Hide product if purchased** para que a los clientes no se les muestre un producto que ya compraron en el mismo pedido. 4. Habilita **Hide out of stock variants** para filtrar variantes no disponibles y que los clientes solo vean artículos que realmente pueden comprar. Al navegar por la pestaña **Products** en el selector de productos, puedes marcar **Active products only** para ocultar los productos Draft y Archived. Este filtro está desactivado por defecto y solo se aplica a la pestaña Products; las colecciones no se ven afectadas. ### Edición de productos específicos Para elegir productos específicos, haz clic en **Add upsell products** en el editor del widget. Una vez que tengas productos seleccionados, la etiqueta del botón cambia a **Edit upsell products**. Al abrir el selector cuando ya hay productos seleccionados, se muestra tu selección actual pre-marcada. Desde allí puedes: * **Agregar** nuevos productos marcándolos. * **Eliminar** productos existentes desmarcándolos. * **Borrar** toda la selección desmarcando todos los productos. Guardar el selector concilia el widget con lo que dejes seleccionado: los productos agregados se incluyen, los productos desmarcados se eliminan, y volver a guardar una selección sin cambios no hace ningún cambio. Las filas de upsells de Collection, AI y Strategy no se ven afectadas cuando editas productos específicos. ## Mostrar en La configuración **Display on** controla dónde aparece el widget después de que un cliente completa su compra: * **On every impression** - Muestra el widget tanto en la página de agradecimiento como en la página Order Status. * **Only on thank you page** - Muestra el widget solo en la página de agradecimiento. * **Only on order status page** - Muestra el widget solo en la página Order Status. * **Only once on order status page** - Muestra el widget en la página Order Status una sola vez, en lugar de en cada visita. Product recommendation Display on dropdown, Max products field, and hide-product toggles ## Diseño de la oferta Los ajustes de **Offer design** controlan cómo se presentan las recomendaciones de productos a los clientes. * Elige si los productos se muestran en un diseño **horizontal** o **vertical**, y ajusta elementos visuales como bordes, estilos de botones y espaciado para que coincidan con tu checkout. * Agrega **banner text** encima de la oferta para presentar la recomendación, resaltar un incentivo o proporcionar contexto para los productos mostrados. * Configura la visualización del **compare-at price** y el color usado para los precios de oferta. * Habilita un **quantity selector**, personaliza la etiqueta de cantidad y establece **límites mínimos o máximos de cantidad**. Los precios Compare, Discount y Sale ofrecen dos familias de colores: * **Colores de branding de checkout** - Accent, Decorative, Info, Subdued * **Colores predeterminados** - Success (verde), Warning (amarillo), Critical (rojo) The compare-at price color options from both the theme and our presets. Algunos de estos ajustes también pueden modificarse a través del editor de checkout de Shopify o por otras apps que ofrezcan esta funcionalidad. Dos toggles complementan la función Automatic Discount: * **Show compare at price** - Muestra el precio "Compare at" tachado. * **Show discount** - Muestra el descuento en el upsell. ## Descuentos y manejo del pedido ### Descuentos Aplica un descuento directamente al upsell configurando un **porcentaje** o un **monto fijo**. El descuento se aplica automáticamente cuando el cliente acepta la oferta. Personaliza cómo aparece el descuento con el **discount text** y el **discount price color**. Los colores de descuento pueden usar los colores de branding de tu checkout (Accent, Decorative, Info, Subdued) o un predeterminado (Success, Warning, Critical). Si está habilitado, la visualización del descuento puede incluir el **compare-at price**, mostrado con un tachado para resaltar los ahorros. Thank You page upsell offer for a Hat showing 43 percent off with a strikethrough compare-at price Los descuentos siguen las reglas estándar de descuentos de checkout de Shopify. Solo se puede aplicar un descuento de línea de artículo a un producto a la vez, y los descuentos solo se combinan si están marcados como **combinable** en Shopify Admin. En algunos casos, los descuentos pueden no aplicarse si otra app modifica el checkout. Recomendamos probar tu checkout después de habilitar los descuentos. ### Manejo del pedido El manejo del pedido controla cómo se agrega un upsell aceptado al pedido del cliente. Hay dos opciones, cada una con diferentes ventajas y desventajas. * **Modify original order** - Agrega el upsell directamente al pedido existente. El envío gratis se aplica automáticamente. Opcionalmente, puedes enviar un correo electrónico al cliente cuando se modifica su pedido. * **Create new draft order** - Mantiene el pedido original intacto y crea un pedido separado para el upsell. Order handling options to either modify the original order, or to create a new draft order #### Cuándo elegir cada opción | Usa **Modify original order** cuando... | Usa **Create new draft order** cuando... | | --------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | | Quieres un solo cumplimiento para todo lo que el cliente compró | Quieres volver a ofrecer un producto que el cliente acaba de comprar (por ejemplo, el mismo artículo con un descuento post-compra) | | Tu catálogo de upsells es distinto de tus best-sellers | Tus productos más vendidos también son tus principales candidatos a upsell | | El envío gratis en el upsell es la prioridad | Necesitas un pedido separado por razones de cumplimiento o reportes | | Tus productos de upsell no son productos bundle | Tus productos de upsell incluyen productos bundle | **"Modify original order" tiene limitaciones.** Cuando se selecciona este modo, aparece un banner de **Limitations** en el editor del widget que enumera lo siguiente: * **Los upsells de la misma variante están ocultos.** La API de edición de pedidos de Shopify no permite variantes duplicadas en un pedido. Si el cliente ya tiene la variante del upsell en su pedido original, el upsell se oculta de la página de agradecimiento. Si un upsell se oculta por esta razón, el Order Browser marca el pedido afectado con un banner "Upsell hidden due to order merging". * **Los productos bundle no se pueden agregar a un pedido existente.** La API de edición de pedidos de Shopify rechaza los productos bundle. Cuando una variante de upsell seleccionada es un bundle, el resultado sigue tu configuración de **When the order can't be modified**: * Con **Hide the offer and block late acceptances**: el upsell bundle se oculta y los clientes no pueden comprarlo a través de esta oferta. * Con **Hide the offer, but allow late acceptances as a new order** o **Keep showing the offer and sell it as a new order**: el upsell bundle se cumple como un pedido borrador separado en lugar de fusionarse con el pedido original. Cambia a **Create new draft order** si quieres que los productos bundle o los upsells de la misma variante estén siempre disponibles para los clientes. #### Cuando el pedido no se puede modificar Cuando se selecciona **Modify original order**, algunos pedidos no se pueden editar en el momento en que un cliente acepta el upsell. Hay exactamente tres casos: el pedido ha sido **archivado**, está **parcialmente pagado**, o es más antiguo que la **ventana de expiración** que estableces a continuación. La configuración **When the order can't be modified** controla lo que sucede en esos casos. Un pedido **cumplido** no es uno de ellos, aún se puede editar, pero solo los productos de upsell que no requieren envío pueden fusionarse con él (consulta la nota más abajo). | Opción | Qué hace | | ------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Hide the offer and block late acceptances** | La oferta se oculta una vez que el pedido ya no puede editarse. Cualquier aceptación que llegue después de que el pedido se vuelva no elegible se bloquea. | | **Hide the offer, but allow late acceptances as a new order** | La oferta se oculta una vez que el pedido ya no puede editarse. Si un cliente acepta justo antes de que la oferta se oculte (una aceptación en la ventana de carrera), el upsell se cumple como un pedido borrador separado. Este es el valor predeterminado para los nuevos widgets. | | **Keep showing the offer and sell it as a new order** | La oferta permanece visible independientemente de si el pedido puede editarse. Si el pedido no puede modificarse, el upsell aceptado se cumple como un pedido borrador separado. | Las dos opciones de respaldo crean un pedido borrador separado para el upsell cuando el pedido original no puede modificarse. El cliente recibe un enlace de pago para completar la compra como un nuevo pedido. #### Configuración de una ventana de expiración Puedes establecer un límite de tiempo sobre cuánto tiempo un pedido permanece elegible para fusionarse. Usa el campo **Consider the order uneditable after** (ubicado debajo del selector de comportamiento en **Order handling**) para introducir un número de minutos. Una vez que hayan pasado esos minutos desde que se realizó el pedido, el pedido se trata como no elegible y aplica el comportamiento **When the order can't be modified**. Deja el campo en blanco o establécelo en **0** para que nunca expire; la oferta permanece elegible mientras el pedido en sí sea editable. Esto es útil cuando tu flujo de cumplimiento procesa los pedidos rápidamente y quieres evitar intentar fusionar con un pedido que probablemente ya esté en curso. #### Otras cosas que debes saber sobre "Modify original order" * El envío gratis se aplica automáticamente y no se puede deshabilitar. * El pedido original se marca como **parcialmente pagado** hasta que el cliente completa el pago del upsell agregado. Una vez capturado el pago, Shopify actualiza el pedido automáticamente. * Si el pedido ya está cumplido, no tiene línea de envío o contiene solo artículos que no requieren envío, solo los productos de upsell que **no requieren envío** pueden fusionarse con él. Los productos que sí requieren envío se descartan de la oferta en esos pedidos. ### Envío gratis Puedes ofrecer **envío gratis** en los productos de upsell aceptados para ayudar a aumentar la conversión. Cuando está habilitado, no se cobra envío a los clientes por el upsell, mientras que tus ajustes de envío actuales de Shopify siguen aplicando al pedido original. Cómo se comporta el toggle Free shipping depende de tu configuración de **Order handling**: * **Modify original order** - El envío gratis se aplica automáticamente al upsell aceptado y el toggle no se puede deshabilitar. * **Create new draft order** - El toggle Free shipping aplica al pedido borrador separado creado para el upsell. Cuando está habilitado, el pedido borrador se crea sin cargos de envío en la línea del upsell. Deja el toggle apagado si quieres que las tarifas de envío normales de Shopify apliquen a ese nuevo pedido. El mismo comportamiento aplica cuando un respaldo crea un pedido borrador separado bajo **Modify original order** (por ejemplo, un upsell de la misma variante o de bundle, o una aceptación después de que el pedido se vuelva no editable): el toggle Free shipping controla si el pedido borrador se crea sin cargos de envío en el upsell. También puedes mostrar una **insignia "Free Shipping"** en la oferta y personalizar el texto de la insignia para resaltar el beneficio.