Emplacements des recommandations : documentation CheckoutOS

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

{
  "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

{
  "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

{
  "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

{
  "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

{
  "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

{
  "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

{
  "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

Tableau de bord des analyses

Suivre les performances des recommandations