1. Choisissez des produits pertinents

• Évitez les suggestions aléatoires : Les produits liés doivent être réellement complémentaires ou similaires.

• Utilisez des données réelles : Basez-vous sur les achats fréquents (via des plugins comme YITH Frequently Bought Together).

• Testez différentes combinaisons pour voir ce qui convertit le mieux.

Exemple :

• ❌ Mauvaise suggestion : Proposer un four à un client qui regarde un téléviseur.

• ✅ Bonne suggestion : Proposer un support mural ou une barre de son à un client qui regarde un téléviseur.

2. Limitez le nombre de produits liés

• 3 à 6 produits est l’idéal (trop de choix peut paralyser le client).

• Évitez de surcharger la page (cela peut ralentir le chargement et nuire à l’UX).

3. Personnalisez le design

• Utilisez un design cohérent avec votre boutique (couleurs, polices, styles).

• Mettez en avant les produits liés avec des cartes attrayantes (images, prix, boutons CTA).

• Ajoutez des badges (« Best-seller », « -20% », « Nouveau ») pour attirer l’attention.

Exemple de CSS pour personnaliser les cartes produits :

/* Personnaliser les cartes des produits liés */
.related.products ul.products li.product,
.upsells.products ul.products li.product,
.cross-sells.products ul.products li.product {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.related.products ul.products li.product:hover,
.upsells.products ul.products li.product:hover,
.cross-sells.products ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Ajouter un badge "Best-seller" */
.related.products ul.products li.product .best-seller-badge,
.upsells.products ul.products li.product .best-seller-badge,
.cross-sells.products ul.products li.product .best-seller-badge {
    background: #ff6600;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
}

4. Placez les produits liés au bon endroit

• Sur la fiche produit :

  • Upsells : Sous le bouton « Ajouter au panier » (pour inciter à acheter un produit plus cher).

  • Produits similaires : En bas de la fiche produit (pour proposer des alternatives).

• Dans le panier :

  • Cross-sells : À côté du panier (pour proposer des produits complémentaires avant la finalisation de l’achat).

Exemple terrain :
Un client a placé ses upsells sous le bouton « Ajouter au panier » et ses cross-sells dans le panier. Résultat : augmentation de 20% du panier moyen.

5. Utilisez des textes incitatifs

• Évitez les titres génériques comme « Produits liés » ou « Vous aimerez aussi ».

• Utilisez des textes plus engageants :

  • « Les clients ont aussi acheté… »

  • « Complétez votre look avec… »

  • « Pour aller plus loin… »

  • « Nos meilleures ventes avec ce produit »

Exemple :

• ❌ « Produits similaires »

• ✅ « Les clients qui ont acheté ce produit ont aussi aimé… »

6. Ajoutez des avis clients

• Les avis clients augmentent la confiance et incitent à l’achat.

• Affichez les notes et commentaires sous chaque produit lié.

Plugin recommandé :

• Judge.me (pour afficher des avis avec photos et vidéos).

7. Optimisez pour le mobile

• 50% du trafic e-commerce vient des smartphones (source : Statista).

• Vérifiez que les produits liés s’affichent correctement sur mobile :

  • Réduisez le nombre de colonnes (1-2 colonnes max sur mobile).

  • Augmentez la taille des boutons (pour faciliter le clic).

  • Simplifiez le design (évitez les éléments trop petits).

Exemple de CSS pour mobile :

@media (max-width: 768px) {
    .related.products ul.products li,
    .upsells.products ul.products li,
    .cross-sells.products ul.products li {
        width: 50% !important;
        margin-bottom: 20px;
    }
}

8. Testez et analysez les performances

• Utilisez Google Analytics pour suivre :

  • Le taux de clics sur les produits liés.

  • Le taux de conversion des produits liés.

  • Le panier moyen avant/après l’ajout des produits liés.

• Faites des tests A/B pour comparer différentes stratégies (ex : upsells vs. cross-sells).

Outils recommandés :

• Google Analytics (pour analyser le comportement des visiteurs).

• Hotjar (pour voir comment les utilisateurs interagissent avec les produits liés).

• Nelio A/B Testing (pour tester différentes versions).