> ## 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.

# Módulo de recomendaciones

> Aprende a mostrar y personalizar recomendaciones de productos en el cajón vacío de Upcart.

<div id="overview">
  # Descripción general
</div>

El módulo Recommendations te permite mostrar productos sugeridos cuando el carrito de un cliente está vacío. Es una oportunidad valiosa para volver a captar a los compradores y guiarlos hacia colecciones clave o los más vendidos. Puedes acceder a esta función yendo a **Cart Editor > Recommendations** en tu panel de Upcart.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/recommendations-empty-cart-shop-now.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=aa58539f8a79212f0e936071a8f855b4" alt="Cajón del carrito de Upcart vacío con un botón Shop Now y un producto de snowboard recomendado" width="400" data-path="images/upcart/recommendations-empty-cart-shop-now.png" />

<div id="settings">
  # Ajustes
</div>

El módulo incluye varios elementos opcionales que puedes habilitar para adaptar la experiencia del cliente y generar más interacción.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/recommendations-settings-panel-header-text.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=d5bfefb6c368d953959a13bc40b6ae2a" alt="Panel de ajustes de Recommendations con texto de encabezado, botón Shop Now y opciones de diseño" width="400" data-path="images/upcart/recommendations-settings-panel-header-text.png" />

<div id="edit-header-text">
  ## **Editar texto del encabezado**
</div>

Esto establece el título principal o mensaje introductorio que aparece encima del área de recomendaciones. Puedes usarlo para animar a los clientes a explorar tu tienda. Por ejemplo, un mensaje como "Tu carrito está vacío, mira estas selecciones destacadas" puede motivarlos a seguir comprando.

<div id="enable-shop-now-button">
  ## **Habilitar el botón 'Shop Now'**
</div>

Cuando está activado, agrega un botón de llamada a la acción prominente debajo del texto del encabezado. Ofrece a los clientes un enlace rápido para comenzar a explorar productos. Úsalo si quieres guiar activamente a los usuarios hacia una sección específica de tu tienda.

<div id="edit-button-text">
  ## **Editar texto del botón**
</div>

Este campo controla la etiqueta que se muestra en el botón 'Shop Now'. Puedes usar frases como "Empieza a comprar" o "Ver todos los productos" según el tono de tu tienda.

<div id="edit-button-url">
  ## **Editar URL del botón**
</div>

Aquí defines a dónde lleva el botón. La mayoría de las tiendas lo vinculan a una página de colección, como `/collections` o `/collections/bestsellers`. Usa una ruta relativa completa para que el botón redirija correctamente.

<div id="product-recommendations-header-text">
  ## **Texto del encabezado de las recomendaciones de productos**
</div>

Esto establece el título que aparece justo encima de la lista de productos recomendados. Las opciones comunes incluyen "También te puede gustar" o "Recomendado para ti".

<div id="configure-manual-recommendations">
  ## **Configurar recomendaciones manuales**
</div>

1. Haz clic para abrir la ventana de selección manual de productos.
2. Elige los productos específicos que quieres recomendar.
3. Guarda tus selecciones.

A diferencia del **[módulo Upsells](/es/upcart/upsells_module)**, estas selecciones manuales siempre son visibles y no dependen de productos desencadenantes. Aparecerán siempre que el carrito esté vacío.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/recommendations-select-products-modal-collection.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=f81585fdd96d76bb51729ce403f7947f" alt="Modal Select Products en la pestaña Collection para elegir productos recomendados" width="500" data-path="images/upcart/recommendations-select-products-modal-collection.png" />

<div id="maximum-number-of-recommendations-to-display">
  ## **Número máximo de recomendaciones a mostrar**
</div>

Úsalo para limitar cuántos productos aparecen. Si seleccionas cinco productos pero estableces el límite de visualización en tres, solo se mostrarán los tres primeros. Esto te ayuda a mantener el diseño enfocado y limpio.

<div id="recommendation-direction">
  ## **Dirección de las recomendaciones**
</div>

Elige cómo se disponen tus productos recomendados:

* **El diseño de carrusel** muestra los productos en una fila horizontal con flechas izquierda y derecha para desplazarse.
* **El diseño en bloque** apila los productos verticalmente en una sola columna.

Selecciona el diseño que mejor se adapte al estilo de tu marca y al espacio disponible en tu cajón del carrito.