Comment ajouter des icônes de liste de souhaits aux listes de produits Elementor WooCommerce : un guide détaillé

L'ajout d'une liste de souhaits peut vous aider à accroître l'engagement des clients et à augmenter les conversions. La fonction de liste de souhaits permet aux clients d'enregistrer les produits qu'ils souhaitent mais qu'ils n'ont pas encore achetés, et de revenir dans votre boutique pour effectuer un achat à une date ultérieure. Cet article explique comment ajouter une fonctionnalité de liste de souhaits à votre boutique en utilisant le constructeur de pages Elementor et l'outil de création de liste de souhaits. Premium Addons Pro l'ajouter à la liste des produits de WooCommerceIcônes de la liste de souhaitset d'améliorer encore la fonctionnalité de votre boutique.

I. Préparatifs préliminaires

Avant de commencer, assurez-vous que les plugins suivants sont installés et activés sur votre site WordPress :

Elementor ProElementor : Elementor est un puissant plugin de construction de pages, et Elementor Pro offre des fonctionnalités encore plus avancées qui vous donnent encore plus de flexibilité pour personnaliser les pages de votre boutique WooCommerce.
Premium Addons ProCe plugin offre à Elementor une multitude de fonctionnalités supplémentaires, notamment le widget WooCommerce Product Listing (liste de produits WooCommerce). Avec ce widget, il est facile de présenter les produits WooCommerce et d'ajouter des fonctionnalités plus avancées telles que des icônes de liste de souhaits.
Liste de souhaits MC plug-in (composant logiciel)MC Wishlist : MC Wishlist est un plugin facile à utiliser conçu pour ajouter une fonctionnalité de liste de souhaits à WooCommerce. Il permet aux clients d'ajouter des produits à une liste de souhaits et peut afficher la liste de souhaits via un widget ou un shortcode.

Ajouter une liste de produits WooCommerce dans Elementor

Après avoir installé et activé le plugin ci-dessus, vous pouvez commencer à ajouter des widgets WooCommerce Product Listing à vos pages via Elementor page builder et configurer l'icône de la liste de souhaits.

1. ajouter le widget de produit Woo pour Premium Addons

Tout d'abord, ouvrez le Éditeur Elementoren outreentrer dansCeux qui souhaitent afficher une liste de produitspage web. Ajoutez le widget WooCommerce Product List pour Premium Addons en suivant les étapes suivantes :

Rechercher les produits Woo dans l'éditeur ElementorDans la boîte de recherche du menu de gauche, tapez "Produits Woo", puis faites glisser le widget sur la page.

Configuration des paramètres d'affichage des produitsLa mise en page : Choisissez une mise en page appropriée (grille, rotation ou maçonnerie) et réglez l'affichage des produits en fonction de vos besoins. Vous pouvez définir le nombre de produits à afficher par ligne, la taille des images des produits, la manière dont les titres et les prix sont affichés, etc.

2. activer le plugin MC Wishlist

Le plugin MC Wishlist est l'outil clé qui vous permet d'ajouter des icônes de liste de souhaits à vos produits WooCommerce. Après avoir installé et activé le plugin, il ajoutera automatiquement l'icône "Ajouter à la liste de souhaitsLe bouton "Wishlist". Voici comment configurer davantage le plugin MC Wishlist :

intégration automatiqueMC Wishlist : Lorsque le plugin MC Wishlist est activé, il ajoute automatiquement une icône de liste de souhaits à la liste de produits WooCommerce sans aucune configuration supplémentaire. Les clients peuvent cliquer sur l'icône pour ajouter des produits à leur liste de souhaits.
Personnalisation de l'apparence et de la position des boutonsSi vous n'êtes pas satisfait du bouton de la liste de souhaits par défaut, vous pouvez le personnaliser en allant sur la page des paramètres du plugin MC Wishlist. Vous pouvez ajuster la couleur, le texte, la position et d'autres propriétés du bouton pour qu'il corresponde au style de conception de votre site web.

3. utilisation des fonctions avancées : MC Multilist

Pour offrir à vos clients des fonctions de gestion de liste de souhaits plus riches, envisagez d'utiliser le plugin MC Wishlistversion avancéeMC Multilist : cette fonction permet aux clients de classer les produits par catégories et de les stocker dans différentes listes de souhaits, ce qui améliore l'expérience de l'utilisateur et l'interactivité du site.

Activer MC MultilistEn activant l'option Multilist sur la page de configuration de la liste de souhaits MC, les clients peuvent ajouter des produits à plusieurs listes différentes, telles que "Liste de souhaits pour un anniversaire", "Liste de souhaits pour les fêtes", etc.
Listes personnaliséesLes administrateurs peuvent personnaliser les paramètres liés à Multilist via le backend, par exemple en permettant aux clients de créer de nouvelles listes, de gérer les listes existantes, etc.

III. personnaliser le bouton de la liste de souhaits dans Elementor

Elementor propose un certain nombre d'options de personnalisation pour optimiser l'apparence et l'interaction du bouton de la liste de souhaits en suivant les étapes ci-dessous :

1. ajouter des effets d'animation

Dans Elementor, vous pouvez ajouter une variété de boutons de liste de souhaits à l'ongleteffet d'animationpour la rendre plus attrayante. Cela se fait de la manière suivante :

Sélectionnez le bouton Liste de souhaits: CliquezCouches pour le bouton de la liste de souhaitsSélectionnez l'option "Avancé" dans le menu de gauche.
Sélection d'un effet d'animation: dans "niveau élevéDans l'onglet " Recherche ", vous trouverez la rubrique "effet de mouvement"Vous pouvez alors choisir l'effet d'animation qui vous convient, comme un léger zoom au survol, un clignotement, etc.

2. ajuster les paramètres de style

Elementor permet d'ajuster les paramètres de style du bouton de la liste de souhaits pour le rendre plus conforme à votre image de marque :

Modifier la couleur des boutonsLes couleurs de l'arrière-plan, de la bordure et du texte des boutons peuvent être modifiées dans les options de style afin de les harmoniser avec les autres éléments de la page.
Mise en place de bordures et d'ombresLe bouton "Liste de souhaits" : Vous pouvez ajouter des bordures et des effets d'ombre au bouton "Liste de souhaits" afin d'en améliorer la hiérarchie visuelle.

IV. mise en circulation et essais

Une fois les paramètres ci-dessus définis, enregistrez et publiez votre page. Veillez à tester la fonction de liste de souhaits sur différents appareils afin de vous assurer qu'elle fonctionne à la fois sur les appareils mobiles et sur les ordinateurs de bureau.

1) Tests de compatibilité de l'équipement

Testez l'affichage et la fonctionnalité du bouton "Liste de souhaits" sur plusieurs appareils (mobile, tablette et ordinateur de bureau) afin de vous assurer qu'il fonctionne bien à différentes résolutions.

2) Tests de performance

Vérifiez si la fonction de liste de souhaits a un impact sur la vitesse de chargement de la page. Si vous constatez que le chargement est lent, envisagez d'optimiser les images, de réduire les plugins inutiles ou d'utiliser un plugin de mise en cache.

V. Résumé

Avec Elementor et le plugin Premium Addons Pro, il est facile d'ajouter des icônes de liste de souhaits aux listes de produits WooCommerce. Cela permet non seulement d'améliorer l'expérience d'achat des clients, mais aussi d'accroître l'interactivité de la boutique, ce qui contribue à augmenter les conversions.

L'intégration parfaite du plugin MC Wishlist avec Elementor rend l'ajout d'une fonctionnalité de liste de souhaits facile et intuitive. Grâce à sa version avancée de la fonctionnalité Multilist, vos clients peuvent également classer et stocker les produits qu'ils désirent de manière très efficace.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.