Pendant longtemps, j'ai laissé WooCommerce gérer les produits associés par lui-même. Je configurais quelques ventes incitatives ou ventes croisées et passais à autre chose. Mais j'ai commencé à remarquer à quelle fréquence les clients partaient sans explorer quoi que ce soit d'autre, surtout lorsque les suggestions ne correspondaient pas à ce qu'ils cherchaient vraiment.
J'ai commencé à tester différentes façons d'afficher les produits associés. Je les ai déplacés plus haut sur la page, je les ai ajoutés au panier et j'ai utilisé SeedProd pour concevoir des mises en page qui avaient du sens. Ces petits changements ont entraîné plus de clics et des commandes plus importantes.
Dans ce guide, je vais vous montrer comment afficher les produits associés WooCommerce en utilisant à la fois les outils intégrés et un constructeur visuel par glisser-déposer, en me basant sur ce qui a le mieux fonctionné pour moi.
Résumé rapide : Comment afficher les produits associés dans WooCommerce
- Configurer les produits liés dans WooCommerce
Utilisez l'éditeur de produit par défaut pour ajouter des ventes incitatives et des ventes croisées à des articles individuels. - Afficher les produits associés sans utiliser de plugin
Laissez WooCommerce afficher automatiquement des suggestions basées sur les catégories et les tags de produits. - Personnaliser les mises en page des produits associés avec SeedProd
Utilisez un constructeur par glisser-déposer pour contrôler où et comment les articles associés apparaissent dans votre boutique. - Ajouter des recommandations de produits à votre panier ou à la page de paiement
Encouragez les achats de dernière minute juste avant le paiement en utilisant les blocs SeedProd. - Afficher les offres de vente incitative sur les pages de produits uniques
Remplacez les options par défaut de WooCommerce par une mise en page plus propre et plus performante.
| Fonctionnalité | WooCommerce par défaut | Constructeur SeedProd |
|---|---|---|
| Difficulté de configuration | Modéré (produit par produit) | Facile (glisser-déposer) |
| Contrôle de la conception | Limité | Contrôle visuel complet |
| Options de placement | Page produit uniquement | Produit, panier ou n'importe où |
| Mises en page personnalisées | Non pris en charge | Entièrement personnalisable |
| Ventes incitatives et ventes croisées | Oui | Oui |
| Aperçu mobile | Non | Oui |
| Plugin requis ? | Non | Oui (SeedProd) |
Cela dit, regardons comment afficher les produits associés dans WooCommerce.
Comment configurer les produits associés dans WooCommerce (aucun plugin nécessaire)
Si vous ne souhaitez pas modifier votre thème WooCommerce ou ajouter un plugin de produits liés à votre site, les propriétaires de boutiques peuvent afficher des produits liés à l'aide des paramètres par défaut de WooCommerce.
Cette méthode n'offre pas beaucoup d'options de personnalisation, mais elle fournit un moyen simple de vendre plus et de vendre croisé des produits pour augmenter la valeur moyenne des commandes des ventes de la boutique.
Étape 1. Ajouter des produits liés dans l'éditeur WooCommerce
Tout d'abord, accédez à Produits » Tous les produits depuis votre administration WordPress et modifiez n'importe quel produit WooCommerce. Dans les options du produit, faites défiler vers le bas jusqu'à la section Données du produit et trouvez l'onglet Produits liés.
Étape 2. Choisir les ventes incitatives et les ventes croisées pour chaque produit
La section Produits liés comporte 2 options différentes : Ventes incitatives et Ventes croisées.
Rappelez-vous que les ventes incitatives sont des articles similaires au produit d'origine mais avec un prix plus élevé. Les ventes croisées sont des produits similaires que les acheteurs peuvent vouloir acheter en plus du produit principal.
Commencez à taper les noms des produits dans le champ que vous souhaitez utiliser et cliquez sur les bons articles lorsqu'ils apparaissent.
Étape 3. Prévisualiser les produits liés sur la page produit
Après avoir ajouté des ventes croisées ou incitatives à vos produits WooCommerce, faites défiler la page vers le haut et cliquez sur le bouton Aperçu des modifications.
Vous verrez les produits liés sous la description de votre produit actuel.
Comment personnaliser les produits liés WooCommerce avec SeedProd
Maintenant, regardons comment afficher des recommandations de produits personnalisées avec SeedProd.
SeedProd est l'un des meilleurs constructeurs de sites Web et constructeurs de pages par glisser-déposer pour WordPress. Il vous permet de créer et de personnaliser n'importe quelle partie de votre site WordPress visuellement et sans code.
Vous pouvez également utiliser SeedProd pour personnaliser votre boutique WooCommerce. Avec des modèles de site Web WooCommerce complets et de puissants blocs WordPress, vous pouvez adapter votre boutique en ligne à vos besoins de conception spécifiques sans engager de développeur.
Par exemple, vous pouvez créer des pages de catégories de produits personnalisées, configurer des descriptions de fonctionnalités de produits et même ajouter un panier de menu à la navigation de votre boutique.
Cette méthode remplacera votre thème WooCommerce actuel par un design personnalisé.
Elle ne nécessite aucun code, aucun shortcode, aucun thème enfant, aucun add-on, ni aucun plugin de produits recommandé. Vous n'aurez même pas besoin de modifier votre fichier functions.php. Au lieu de cela, vous pouvez tout personnaliser visuellement sans aucun tracas.
Suivez donc les étapes ci-dessous pour ajouter facilement de nouveaux produits recommandés à WooCommerce avec le Theme Builder de SeedProd.
Étape 1. Installer et activer SeedProd avec prise en charge de WooCommerce
Pour commencer avec cette méthode, vous devrez obtenir la version Elite de SeedProd.
Elle est livrée avec une prise en charge complète de WooCommerce et tous les blocs et sections dont vous aurez besoin pour personnaliser, vendre croisé et vendre plus de produits dans votre boutique.
Après avoir choisi votre plan et créé votre compte, dirigez-vous vers l'onglet Téléchargements de votre compte SeedProd et téléchargez le plugin.
Pendant que vous y êtes, copiez votre clé de licence produit, car vous en aurez besoin sous peu.
Rendez-vous maintenant sur votre site WordPress et téléchargez le fichier .zip de SeedProd dans votre boutique. Si vous avez besoin d’aide, vous pouvez suivre ces instructions pour installer et activer un plugin WordPress.
Une fois le plugin actif, accédez à SeedProd » Paramètres, et collez la clé de licence que vous avez copiée il y a quelques instants dans le champ disponible.
Cliquez sur le bouton Vérifier la clé et vous êtes prêt à commencer à personnaliser votre site WooCommerce.
Étape 2. Choisissez un kit de modèles WooCommerce dans SeedProd
Ensuite, accédez à SeedProd » Theme Builder depuis votre tableau de bord WordPress. C’est ici que vous pourrez personnaliser chaque partie de votre thème WooCommerce, mais d’abord, vous devrez choisir un modèle.
Pour choisir un modèle, cliquez sur le bouton Thèmes.
Vous pouvez également sélectionner le filtre WooCommerce pour n’afficher que les kits de modèles WooCommerce.
Une fois que vous avez trouvé un kit qui vous plaît, passez la souris dessus et cliquez sur l’icône de coche.
SeedProd importera l’intégralité du kit sur votre site WordPress, y compris les pages produits, les paniers, les pages de paiement, les archives produits et les pages de boutique. Vous pouvez voir toutes ces parties de modèle dans le tableau de bord du Theme Builder.
Vous constaterez également que SeedProd crée automatiquement des pages de contenu comme des pages à propos, de contact et de services à partir de la démo du modèle. Vous pouvez trouver ces pages dans le menu par défaut des pages WordPress, où vous pouvez cliquer pour les modifier avec le constructeur glisser-déposer de SeedProd.
Après avoir installé votre modèle, vous êtes prêt à commencer à ajouter des produits connexes à votre boutique. Commençons par afficher les produits connexes sur la page du panier.
Pour modifier votre page de panier, assurez-vous d’être dans le tableau de bord du Theme Builder, trouvez le modèle de panier, passez la souris dessus et cliquez sur le lien Modifier le design.
Votre page de panier s’ouvrira maintenant dans l’éditeur visuel de SeedProd.
Étape 3. Ajoutez des produits connexes à la mise en page de votre page de panier
Lorsque votre page de panier s’ouvre, vous verrez qu’elle a une mise en page à 2 colonnes avec des blocs WordPress et des sections à gauche et un aperçu en direct à droite.
Cliquer n’importe où sur l’aperçu vous permet de personnaliser les paramètres et les options de style de ce bloc en quelques clics. Par exemple, les paramètres du bloc Panier vous permettent de modifier la typographie, les styles de boutons, les couleurs des champs, et plus encore.
Ajouter des produits connexes à votre page de panier est très facile avec SeedProd.
Faites défiler jusqu’à l’en-tête Balises de modèle WooCommerce dans la barre latérale gauche et trouvez le bloc Produits connexes. Cliquez et faites glisser le bloc à l’endroit souhaité sur l’aperçu de votre page.
Dans les paramètres du bloc, vous pouvez ajuster les colonnes et modifier le nombre de produits connexes. Vous pouvez également commander des produits spécifiques en choisissant une option dans le menu déroulant :
- Date
- ID produit
- Ordre du menu
- Popularité
- Aléatoire
- Note
- Titre
Dans l’onglet des paramètres Avancé, vous pouvez ajuster le style de votre bloc de produits connexes. Par exemple, vous pouvez modifier la typographie, les couleurs, les boutons, les ombres d’image, et plus encore.
Lorsque vous êtes satisfait de l'apparence de tout, cliquez sur le bouton Enregistrer en haut à droite de votre écran.
Voyons maintenant comment proposer des produits supplémentaires dans WooCommerce avec SeedProd.
Étape 4. Afficher les offres de produits supplémentaires sur les pages de produits uniques
Si vous souhaitez proposer des produits WooCommerce supplémentaires, vous pouvez utiliser le bloc Produits supplémentaires de SeedProd. Mais d'abord, vous devrez lier les produits dans les paramètres de vos produits WooCommerce en suivant les étapes de la méthode 1.
Le bloc Produits supplémentaires de SeedProd ne fonctionne que sur les modèles de page de produit unique, vous devrez donc retourner au tableau de bord du Theme Builder et modifier votre modèle Page produit.
Le modèle que nous utilisons propose déjà des recommandations de produits. Supprimons donc les produits apparentés en cliquant sur l'icône de la corbeille.
Ensuite, trouvez le bloc Produits supplémentaires dans la section Balises de modèle WooCommerce et faites-le glisser sur votre page.
Vous ne verrez pas d'aperçu en direct de ce bloc, mais vous pouvez le personnaliser comme le bloc de produits apparentés.
Continuez à personnaliser votre site WooCommerce jusqu'à ce que vous soyez satisfait de son apparence. Et n'oubliez pas de cliquer sur le bouton Enregistrer pour sauvegarder régulièrement vos modifications.
Étape 5. Publiez votre thème et mettez-le en ligne
Lorsque vous êtes prêt à mettre vos modifications en ligne sur votre site Web, accédez à la page Theme Builder et trouvez le bouton Activer le thème SeedProd. Mettez-le sur la position « Oui », et vos modifications seront publiées.
Vous pouvez maintenant prévisualiser vos pages de produits individuelles et vos pages de panier pour voir des recommandations de produits similaires.
Voici un exemple de la page panier :
Et voici les exemples de produits supplémentaires sur la page produit :
Si vous souhaitez masquer les produits apparentés, supprimez simplement la nouvelle section de votre page.
Et voilà !
Questions fréquemment posées sur les produits apparentés dans WooCommerce
Afficher des produits apparentés dans WooCommerce ne consiste pas seulement à remplir l'espace sur la page. C'est un moyen simple d'aider les acheteurs à trouver davantage ce qu'ils veulent, et cela peut discrètement augmenter vos revenus dans le processus.
Si vous êtes satisfait de la configuration par défaut, WooCommerce vous donne ce dont vous avez besoin pour commencer. Mais si vous souhaitez plus de contrôle sur l'apparence et l'emplacement des éléments, SeedProd vous permet de tout personnaliser facilement sans écrire une seule ligne de code.
Vous pourriez également aimer ces autres tutoriels et astuces WooCommerce :
- Meilleurs plugins WooCommerce pour votre boutique
- Comment ajouter des boutons personnalisés « Ajouter au panier » dans WooCommerce
- Comment créer une page de remerciement WooCommerce (facilement)
- Comment personnaliser l'onglet Informations supplémentaires de WooCommerce
- Comment ajouter un bouton « Voir le panier » dans WooCommerce
- Comment changer le titre de la page Boutique dans WooCommerce
- Comment créer une superbe galerie d'images de produits dans WooCommerce
- Comment ajouter des évaluations par étoiles aux pages produits WooCommerce
- Comment obtenir et afficher les descriptions de produits dans WooCommerce
- Comment afficher les produits en vedette dans WooCommerce
- Comment masquer les produits hors stock dans WooCommerce
Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
