--- title: "Ubicaciones de recomendaciones: documentación de CheckoutOS" description: "Dónde mostrar recomendaciones de productos para lograr el mayor impacto" url: "https://chargezen.com/es/docs/checkoutos/smart-recommendations/placements" lang: "es" updated: "2025-01-16" --- Canonical URL: https://chargezen.com/es/docs/checkoutos/smart-recommendations/placements # Ubicaciones de recomendaciones Dónde mostrar recomendaciones de productos para lograr el mayor impacto Última actualización: 2025-01-16 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 ```json { "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 ```json { "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 ```json { "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 ```json { "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 ```json { "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 ```json { "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 ```json { "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 ](https://chargezen.com/es/docs/checkoutos/smart-recommendations/overview)[ ### Panel de análisis Sigue el rendimiento de las recomendaciones Más información ](https://chargezen.com/es/docs/checkoutos/analytics/dashboard) ¿Te resultó útil esta página? ¿Necesitas más ayuda? [Contactar con soporte](https://chargezen.com/es/docs/checkoutos/troubleshooting/support)