--- title: "Emplacements des recommandations : documentation CheckoutOS" description: "Où afficher les recommandations de produits pour maximiser leurs effets" url: "https://chargezen.com/fr/docs/checkoutos/smart-recommendations/placements" lang: "fr" updated: "2025-01-16" --- Canonical URL: https://chargezen.com/fr/docs/checkoutos/smart-recommendations/placements # Emplacements des recommandations Où afficher les recommandations de produits pour maximiser leurs effets Dernière mise à jour : 2025-01-16 La **stratégie de placement** détermine où les recommandations apparaissent dans le parcours client. Un bon emplacement au bon moment peut considérablement augmenter l’engagement et les conversions. ## Emplacements disponibles ### Page produit Affichez des produits associés pendant que les clients naviguent : Placement sur la page produit ```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" } ] } } ``` #### Meilleurs algorithmes pour la page produit * Fréquemment achetés ensemble — Forte conversion pour les produits complémentaires * Similarité fondée sur le contenu — Trouver des alternatives * Récemment consultés — Réengagement * Options de montée en gamme — Ventes incitatives de gamme supérieure ### Page panier Dernière occasion d’ajouter des articles avant le paiement : Placement sur la page panier ```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" } ] } } ``` Stratégie pour la page panier À ce stade, privilégiez des ajouts faciles à accepter. Présentez des produits qui complètent le panier et suscitent un « oui » spontané : accessoires, consommables ou petits compléments. ### Paiement Moments stratégiques de vente incitative pendant le paiement : Placements lors du paiement ```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" } ] } } ``` ### Page de remerciement Réengagez les clients après leur achat : Placement sur la page de remerciement ```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" } ] } } ``` ## Options de disposition #### Mises en page disponibles * horizontal\_cards — Cartes produit côte à côte * vertical\_list — Liste empilée * grid\_2x2 — Grille de produits 2 × 2 * grid\_3x2 — Grille de produits 3 × 2 * horizontal\_scroll — Carrousel défilant * compact\_cards — Petites cartes pour les barres latérales * inline\_banner — Bannière d’un seul produit * featured\_card — Grande carte mise en évidence ## Configuration de l’affichage Options d’affichage ```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 } } } ``` ## Tester les emplacements en A/B Testez différents emplacements pour trouver ceux qui fonctionnent : Test A/B des emplacements ```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" } } ``` ## Optimisation mobile Les recommandations doivent s’adapter aux écrans mobiles : #### Bonnes pratiques sur mobile * Réduire le nombre de produits affichés (2 à 3 sur mobile contre 4 sur ordinateur) * Utiliser le défilement horizontal pour économiser l’espace * Agrandir les zones tactiles des boutons d’ajout * Charger les images sous la ligne de flottaison à la demande * Envisager des sections repliables Configuration mobile ```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 } } } } ``` ## Considérations de performance Effet sur le chargement des pages Chaque emplacement de recommandations allonge le temps de chargement. Utilisez le chargement à la demande, limitez les produits affichés initialement et surveillez les Core Web Vitals pour éviter de dégrader les performances des pages. ## Bonnes pratiques Stratégie de placement * **Adaptez l’algorithme au contexte** — Selon le panier sur la page panier, personnalisé pour les utilisateurs connectés * **Évitez de surcharger** — 2 à 3 emplacements maximum par page * **Testez les titres** — « Vous aimerez aussi » ou « Complétez votre look » * **Tenez compte du parcours** — Découverte au début, urgence à la fin * **Mesurez chaque emplacement** — Certains peuvent être moins performants ## Sujets associés [ ### Présentation des recommandations intelligentes Introduction aux recommandations En savoir plus ](https://chargezen.com/fr/docs/checkoutos/smart-recommendations/overview)[ ### Tableau de bord des analyses Suivre les performances des recommandations En savoir plus ](https://chargezen.com/fr/docs/checkoutos/analytics/dashboard) Cette page vous a-t-elle été utile ? Besoin d’aide ? [Contacter l’assistance](https://chargezen.com/fr/docs/checkoutos/troubleshooting/support)