Dernières nouvelles de SeedProd

Tutoriels, astuces et ressources WordPress pour développer votre activité

Comment afficher les produits apparentés dans WooCommerce étape par étape

Comment afficher les produits apparentés dans WooCommerce étape par étape 

Écrit par : avatar de l'auteur Stacey Corrin
avatar de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : reviewer avatar Turner John
reviewer avatar Turner John
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Voulez-vous afficher des produits apparentés sur votre boutique WooCommerce ? Les produits apparentés de WooCommerce sont des recommandations subtiles de produits qui encouragent les acheteurs à acheter d'autres de vos produits ou services. Cela peut vous aider à faire de la vente croisée ou de la vente incitative d'autres produits et à augmenter votre chiffre d'affaires sans avoir l'air trop "pressant".

Dans cet article, nous allons vous montrer comment afficher des produits apparentés dans WooCommerce afin d'augmenter les ventes de votre boutique en ligne.

Pourquoi afficher les produits apparentés de WooCommerce ?

L'affichage des produits apparentés dans WooCommerce facilite la vente croisée ou la vente incitative d'autres produits sur votre boutique en ligne afin d'augmenter les taux de conversion.

Une vente incitative consiste à convaincre les utilisateurs d'acheter une version plus chère d'un produit qu'ils souhaitaient à l'origine. En revanche, une vente croisée consiste à convaincre les acheteurs d'acheter des produits connexes et complémentaires à celui qu'ils sont venus chercher.

L'affichage de produits apparentés lors du paiement, sur des pages de produits individuels ou des widgets sur l'ensemble de votre site WordPress offre un moyen facile de faire de la vente incitative et de la vente croisée de produits. De plus, cette stratégie est souvent moins gênante que les publicités intrusives et les lettres d'information régulières.

De nombreux acheteurs trouvent même utiles les sections consacrées aux produits apparentés. Elles leur permettent de découvrir facilement des produits dont ils n'ont jamais entendu parler auparavant ou des produits dont ils ont besoin mais qu'ils ne savaient pas que vous proposiez.

En ajoutant ces articles à leur panier d'achat, les clients ne perdent pas de temps et n'ont pas à revenir plus tard.

Cela dit, voyons comment afficher les produits apparentés dans WooCommerce.

Si vous ne souhaitez pas modifier votre thème WooCommerce ou ajouter un plugin de produits apparentés à votre site, les propriétaires de boutiques peuvent afficher les produits apparentés en utilisant les paramètres par défaut de WooCommerce.

Cette méthode n'offre pas beaucoup d'options de personnalisation, mais elle permet d'effectuer facilement des ventes incitatives et croisées de produits afin d'augmenter la valeur moyenne de la commande des ventes en magasin.

Étape 1. Ajouter des produits liés dans WooCommerce

Tout d'abord, allez dans Produits " Tous les produits dans votre administration WordPress et éditez n'importe quel produit WooCommerce. Dans les options du produit, descendez jusqu'à la section Données du produit et trouvez l'onglet Produits liés.

Paramètres des produits liés à WooCommerce

La section Produits liés comporte 2 options différentes : Les ventes incitatives et les ventes croisées. 

Rappelez-vous que les ventes incitatives sont des articles similaires au produit d'origine, mais dont le prix est plus élevé. Les ventes croisées sont des produits similaires que les acheteurs peuvent souhaiter acheter en plus du produit principal.

Commencez à taper les noms des produits dans le champ que vous souhaitez utiliser et cliquez sur les éléments corrects lorsqu'ils apparaissent.

Ajouter des produits liés à WooCommerce

After adding cross-sells or upsells to your WooCommerce products, scroll up the page and click the Preview Changes button.

Vous verrez les produits apparentés sous la description de votre produit actuel.

Prévisualisation des produits liés à WooCommerce

Voyons maintenant comment afficher des recommandations personnalisées de produits apparentés avec SeedProd.

SeedProd WordPress website builder (en anglais)

SeedProd est le meilleur constructeur de pages et de sites web 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 sites WooCommerce complets et des blocs WordPress puissants, vous pouvez adapter votre boutique en ligne à vos besoins spécifiques en matière de design sans avoir à engager un développeur.

Par exemple, vous pouvez créer des pages de catégories de produits personnalisées, configurer les descriptions des caractéristiques des produits et même ajouter un panier de menus à la navigation de votre boutique.

Cette méthode permet de remplacer votre thème WooCommerce actuel par un thème personnalisé. 

Il ne nécessite pas de code, de shortcodes, de thèmes enfants, de modules complémentaires ou de plugins de produits recommandés. Vous n'aurez même pas besoin de modifier votre fichier functions.php. Au lieu de cela, vous pouvez tout personnaliser visuellement sans aucune difficulté.

 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

Pour commencer avec cette méthode, vous devez obtenir la version Elite de SeedProd.

Il est livré avec un support complet de WooCommerce et tous les blocs et sections dont vous aurez besoin pour personnaliser, faire de la vente croisée et de la vente incitative sur les produits de votre boutique.

Après avoir choisi votre plan et créé votre compte, allez dans l'onglet Téléchargements de votre compte SeedProd et téléchargez le plugin.

Trouvez votre clé de licence SeedProd

Pendant que vous y êtes, copiez la clé de licence de votre produit, car vous en aurez besoin prochainement.

Allez 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 sur l'installation et l'activation d'un plugin WordPress.

Une fois le plugin actif, naviguez vers SeedProd " Settings, et collez la clé de licence que vous avez copiée il y a quelques instants dans le champ disponible.

entrez votre clé de licence

Cliquez sur le bouton Vérifier la clé, et vous êtes prêt à commencer à personnaliser votre site WooCommerce.

Etape 2. Choisir un kit de modèle WooCommerce

Ensuite, allez sur SeedProd " Theme Builder depuis votre tableau de bord WordPress. C'est là que vous pourrez personnaliser chaque partie de votre thème WooCommerce, mais tout d'abord, vous devrez choisir un modèle.

choisir un kit de site web seedprod

Pour choisir un modèle, cliquez sur le bouton Thèmes.

Vous pouvez également sélectionner le filtre WooCommerce pour ne voir que les kits de modèles WooCommerce.

Kits de modèles WooCommerce

Une fois que vous avez trouvé un kit qui vous plaît, survolez-le et cliquez sur l'icône de la coche.

Choisir un kit de template WooCommerce

SeedProd importera l'ensemble du kit sur votre site WordPress, y compris les pages de produits, les paniers d'achat, les caisses, les archives de produits et les pages de boutique. Vous pouvez voir toutes les parties de ces modèles dans le tableau de bord de Theme Builder.

Parties du thème SeedProd

Vous constaterez également que SeedProd crée automatiquement des pages de contenu comme les pages à propos de, les pages de contact et les pages de service du modèle de démonstration. Vous pouvez trouver ces pages dans le menu des pages par défaut de WordPress, où vous pouvez cliquer pour les éditer avec le générateur de glisser-déposer de SeedProd. 

éditer la page avec seedprod

Après avoir installé votre modèle, vous êtes prêt à ajouter des produits apparentés à votre boutique. Commençons par afficher les produits apparentés sur la page du panier.

Pour modifier votre page de panier, assurez-vous d'être dans le tableau de bord de Theme Builder, trouvez le modèle de panier, survolez-le et cliquez sur le lien Modifier la conception.

modifier la conception de la page du panier

La page de votre panier s'ouvre alors dans l'éditeur visuel de SeedProd.

Lorsque la page de votre panier s'ouvre, vous verrez qu'elle a une disposition en deux colonnes avec des blocs et des sections WordPress sur la gauche et une prévisualisation en direct sur la droite.

Personnaliser la page du panier avec SeedProd

En cliquant n'importe où dans l'aperçu, vous pouvez 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, le style des boutons, la couleur des champs, etc.

Paramètres du bloc du panier SeedProd

Ajouter des produits apparentés à votre panier est très facile avec SeedProd.

Faites défiler jusqu'à l'en-tête WooCommerce Template Tags dans la barre latérale gauche et trouvez le bloc Products Related. Cliquez sur le bloc et faites-le glisser sur l'aperçu de votre page.

Bloc de produits liés à WooCommerce

Dans les paramètres du bloc, vous pouvez ajuster les colonnes et modifier le nombre de produits apparentés. Vous pouvez également commander des produits spécifiques en choisissant une option dans le menu déroulant :

  • Date
  • ID du produit
  • Commande de menu
  • Popularité
  • Au hasard
  • Evaluation
  • Titre
Produits apparentés paramètres du bloc

Dans l'onglet Paramètres avancés, vous pouvez ajuster le style de votre bloc de produits apparentés. Par exemple, vous pouvez modifier la typographie, les couleurs, les boutons, les ombres des images, etc.

Paramètres avancés du bloc de produits apparentés

Lorsque vous êtes satisfait de la présentation, cliquez sur le bouton Enregistrer dans le coin supérieur droit de votre écran.

Sauvegarder la page du panier SeedProd

Voyons maintenant comment vendre des produits dans WooCommerce avec SeedProd.

Étape 4. Afficher les ventes incitatives de WooCommerce sur les pages produits

Si vous voulez vendre des produits WooCommerce, vous pouvez utiliser le bloc Upsell de SeedProd. Mais d'abord, vous devrez lier les produits dans les paramètres de votre produit WooCommerce en suivant les étapes de la Méthode 1.

Le bloc Upsell de SeedProd ne fonctionne que sur les modèles de page de produit unique, vous devrez donc retourner sur le tableau de bord de Theme Builder et modifier votre modèle de page de produit.

Modifier la conception de la page produit

Le modèle que nous utilisons comporte déjà des recommandations de produits. Supprimons donc les produits apparentés en cliquant sur l'icône de la corbeille.

Supprimer le bloc des produits apparentés

Ensuite, trouvez le bloc Upsell dans la section WooCommerce Template Tags et faites-le glisser sur votre page.

SeedProd Bloc de vente incitative

Vous ne verrez pas d'aperçu en direct de ce bloc, mais vous pouvez le personnaliser comme le bloc des 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. Publier votre thème WooCommerce

Lorsque vous êtes prêt à mettre en place vos changements sur votre site web, allez à la page Theme Builder et trouvez l'interrupteur Enable SeedProd Theme (activer le thème SeedProd). Mettez-la en position "Oui" et vos modifications seront publiées.

activer le thème seedprod

Vous pouvez désormais prévisualiser les pages de vos produits individuels et de vos paniers pour voir les recommandations de produits similaires.

Voici un exemple de page de panier :

Produits apparentés WooCommerce sur la page du panier d'achat

Et voici les exemples de ventes incitatives sur la page du produit :

Produits WooCommerce Upsell sur la page du produit unique

Si vous souhaitez masquer les produits apparentés, il vous suffit de supprimer la nouvelle section de votre page.

Et voilà !

Questions fréquemment posées

Comment afficher chaque catégorie avec ses produits dans WooCommerce ?

WooCommerce ne dispose pas d'une fonctionnalité intégrée permettant d'afficher tous les produits classés ensemble sur la page de la boutique. Vous pouvez utiliser des extraits de code personnalisés ou des plugins pour le faire. Suivez notre guide pour afficher les catégories de produits dans WooCommerce.

Vous savez maintenant comment utiliser WooCommerce pour afficher les produits apparentés. Les fonctionnalités WooCommerce de SeedProd sont le moyen le plus facile de personnaliser votre boutique en ligne.

Prêt à faire exploser vos ventes de produits ?

Vous aimerez peut-être aussi ces autres tutoriels et conseils sur WooCommerce :

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.