Ubicaciones de recomendaciones: documentación de CheckoutOS

La estrategia de ubicación determina dónde aparecen las recomendaciones en el recorrido del cliente. La ubicación adecuada en el momento adecuado puede aumentar considerablemente la interacción y la conversión.

Ubicaciones disponibles

Página de producto

Muestra productos relacionados mientras los clientes navegan:

Ubicación en la página de producto

{
  "placement": {
    "location": "product_page",
    "positions": [
      {
        "id": "below_add_to_cart",
        "title": "Frequently Bought Together",
        "algorithm": "frequently_bought_together",
        "max_products": 3,
        "layout": "horizontal_cards"
      },
      {
        "id": "below_description",
        "title": "You May Also Like",
        "algorithm": "content_based",
        "max_products": 4,
        "layout": "grid_2x2"
      },
      {
        "id": "sidebar",
        "title": "Recently Viewed",
        "algorithm": "recently_viewed",
        "max_products": 4,
        "layout": "vertical_list"
      }
    ]
  }
}

Mejores algoritmos para páginas de producto

Comprados juntos con frecuencia — Alta conversión de productos complementarios
Similitud por contenido — Encuentra alternativas
Vistos recientemente — Recupera el interés
Opciones superiores — Ventas adicionales de gama más alta

Página del carrito

Última oportunidad para añadir artículos antes del checkout:

Ubicación en el carrito

{
  "placement": {
    "location": "cart_page",
    "positions": [
      {
        "id": "below_cart_items",
        "title": "Complete Your Order",
        "algorithm": "based_on_cart",
        "max_products": 3,
        "layout": "horizontal_scroll",
        "show_add_button": true
      },
      {
        "id": "cart_sidebar",
        "title": "Don't Forget",
        "algorithm": "frequently_bought_together",
        "max_products": 2,
        "layout": "compact_cards"
      }
    ]
  }
}

Estrategia para el carrito

En esta etapa, céntrate en añadidos fáciles de aceptar. Muestra productos que complementen el carrito y permitan decir “sí” sin esfuerzo: accesorios, consumibles o pequeños complementos.

Checkout

Momentos estratégicos para ventas adicionales en el checkout:

Ubicaciones en el checkout

{
  "placement": {
    "location": "checkout",
    "positions": [
      {
        "id": "pre_payment",
        "title": "Add to Your Order",
        "algorithm": "high_converting_upsells",
        "max_products": 1,
        "layout": "inline_banner",
        "timing": "before_payment_step"
      },
      {
        "id": "post_purchase",
        "title": "One More Thing...",
        "algorithm": "personalized",
        "max_products": 2,
        "layout": "featured_card",
        "timing": "after_order_confirmed"
      }
    ]
  }
}

Página de agradecimiento

Recupera el interés después de la compra:

Ubicación en la página de agradecimiento

{
  "placement": {
    "location": "thank_you_page",
    "positions": [
      {
        "id": "main_recommendations",
        "title": "Based on Your Purchase",
        "algorithm": "post_purchase",
        "max_products": 4,
        "layout": "grid_2x2",
        "offer_discount": true,
        "discount_amount": "10%"
      },
      {
        "id": "trending_section",
        "title": "Trending Now",
        "algorithm": "trending",
        "max_products": 4,
        "layout": "horizontal_scroll"
      }
    ]
  }
}

Opciones de distribución

Diseños disponibles

horizontal_cards — Tarjetas de productos lado a lado
vertical_list — Lista vertical
grid_2x2 — Cuadrícula de productos de 2 × 2
grid_3x2 — Cuadrícula de productos de 3 × 2
horizontal_scroll — Carrusel con desplazamiento
compact_cards — Tarjetas pequeñas para barras laterales
inline_banner — Banner de un solo producto
featured_card — Tarjeta grande y destacada

Configuración de la visualización

Opciones de visualización

{
  "display": {
    "product_card": {
      "show_image": true,
      "image_size": "medium",
      "show_title": true,
      "title_max_lines": 2,
      "show_price": true,
      "show_compare_at_price": true,
      "show_rating": true,
      "show_reviews_count": false,
      "show_badges": ["sale", "new", "bestseller"],
      "show_quick_add": true
    },
    "section": {
      "title_style": "bold",
      "show_view_all_link": true,
      "background_color": "transparent",
      "padding": "medium"
    },
    "responsive": {
      "mobile_products": 2,
      "tablet_products": 3,
      "desktop_products": 4
    }
  }
}

Pruebas A/B de ubicaciones

Prueba distintas ubicaciones para encontrar las que funcionan:

Prueba A/B de ubicación

{
  "experiment": {
    "name": "Cart Recommendation Position",
    "variants": [
      {
        "name": "Control",
        "weight": 50,
        "position": "below_cart_items"
      },
      {
        "name": "Sidebar",
        "weight": 50,
        "position": "cart_sidebar"
      }
    ],
    "success_metric": "recommendation_ctr"
  }
}

Optimización para teléfonos

Las recomendaciones deben adaptarse a las pantallas de teléfonos:

Buenas prácticas para teléfonos

Reduce los productos mostrados: 2–3 en teléfonos frente a 4 en computadoras
Usa desplazamiento horizontal para aprovechar el espacio
Amplía las zonas táctiles de los botones para añadir
Carga de forma diferida las imágenes fuera de la vista inicial
Considera secciones plegables

Configuración para teléfonos

{
  "mobile": {
    "placements": {
      "product_page": {
        "positions": ["below_add_to_cart"],
        "max_products": 2,
        "layout": "horizontal_scroll"
      },
      "cart_page": {
        "positions": ["below_cart_items"],
        "max_products": 2,
        "layout": "horizontal_scroll",
        "collapsed_by_default": false
      }
    }
  }
}

Consideraciones de rendimiento

Impacto en la carga de la página

Cada ubicación de recomendaciones añade tiempo de carga. Usa carga diferida, limita los productos iniciales y supervisa Core Web Vitals para evitar perjudicar el rendimiento de la página.

Buenas prácticas

Estrategia de ubicación

Adapta el algoritmo al contexto — Basado en el carrito para su página; personalizado para usuarios que iniciaron sesión
No satures — Máximo de 2 a 3 ubicaciones por página
Prueba los títulos — “También te puede gustar” frente a “Completa tu estilo”
Considera el recorrido — Descubrimiento al principio, urgencia al final
Mide cada ubicación — Algunas pueden rendir menos

Temas relacionados

Introducción a las recomendaciones inteligentes

Introducción a las recomendaciones

Más información

Panel de análisis

Sigue el rendimiento de las recomendaciones

Más información