ShopEngine est un constructeur de boutique WooCommerce de bout en bout pour Elementor. Il contient tous les widgets, modules et modèles essentiels et pratiques pour créer une boutique WooCommerce complète. Plus important encore, il s’agit d’un plugin simple et facile à utiliser et l’utilisateur n’a besoin d’aucune connaissance en codage. 

Module de comparaison de produits :  #

Les acheteurs ont tendance à toujours comparer des produits similaires en ligne avant d'effectuer un achat. Habituellement, ils doivent ouvrir plusieurs onglets pour comparer ces produits. Mais ShopEngine a facilité la tâche de vos clients grâce au module de comparaison de produits. Avec ce module, les acheteurs peuvent cliquer sur l'icône de comparaison de produits placée en bas à gauche du produit. 

Sur la page de la boutique, ils peuvent choisir les produits qu'ils souhaitent comparer et cliquer sur l'icône de comparaison de produits sur chacun des produits. Cela affichera tous les produits sélectionnés dans une nouvelle fenêtre à partir de laquelle les acheteurs pourront comparer différents paramètres tels que le prix, l'état du stock, la couleur, etc.

Comment activer et déployer le module : #

Sélectionnez les modules dans le tableau de bord :

Tout d’abord, accédez au tableau de bord de votre panneau d’administration et recherchez ShopEngine dans la barre latérale. Passez la souris sur ShopEngine et sélectionnez Modules dans la liste des éléments.

Tableau de bord => ShopEngine => Modules

Sélectionnez et activez le module de comparaison de produits :

Dans la liste des modules, recherchez et cliquez sur le module Comparaison de produits. Activez le module en cliquant sur l'icône des paramètres apparaissant sur le bouton du module. 

Activez également le bouton bascule pour les pages uniques et les pages d'archives afin d'afficher les produits dans les pages d'archives et les pages uniques. Vous pouvez également choisir de placer l'icône du module avant ou après le bouton Ajouter au panier.

Ajouter un nouveau modèle :

Maintenant, accédez au tableau de bord de votre panneau d'administration et recherchez ShopEngine dans la liste des éléments. Cliquez sur ShopEngine, puis sélectionnez Modèles dans le menu déroulant. Ensuite, cliquez sur le «Ajouter un nouveauBouton « en haut à droite à côté du texte »Modèles».

Définir un modèle pour la page de la boutique :

Immédiatement après cela, une fenêtre contextuelle apparaîtra pour les paramètres du modèle. Définissez le nom de votre modèle dans le Nom et sélectionnez le type Boutique car votre objectif est d'utiliser le module de comparaison de produits. 

En outre, vous pouvez choisir un plan d’échantillonnage par défaut ou commencer la conception à partir de zéro. Enfin, appuyez sur le bouton «Sauvegarder les modifications" bouton.

Cliquez sur Modifier avec Elementor :

Votre modèle est créé et vous pouvez le voir en haut de la liste. Maintenant, cliquez sur «Modifier avec Elementor» pour passer à la fenêtre Elementor.

Widget de liste de produits par glisser-déposer:

Dans cette étape, vous remarquerez une barre latérale sur la gauche avec une liste de widgets ShopEngine. Recherchez le widget Liste de produits dans la section Archives de produits ShopEngine et faites-le glisser et déposez-le dans la zone spécifiée, comme indiqué dans la capture d'écran ci-dessous.

Icône de comparaison de produits visible sous les images de produits :

Immédiatement après avoir déposé le widget de liste de produits, une liste de produits apparaîtra sur la page avec tous les détails nécessaires. Vous pouvez jeter un œil à l'icône de comparaison de produits en bas à droite sous chaque image de produit, comme indiqué dans le gif ci-dessous.

Affichez l'icône de comparaison de produits sur la page de la boutique :

L'icône de comparaison de produits est affichée sur la page de la boutique, comme vous pouvez le voir sur la capture d'écran ci-dessous. Vous pouvez désormais choisir des produits similaires en cliquant sur l'icône et comparer les produits dans une fenêtre pop-up avec tous les détails.

Des produits similaires apparaissent dans une fenêtre contextuelle :

Maintenant, obtenez un aperçu de l’apparence des produits similaires sur la page de la boutique après avoir cliqué sur l’icône de comparaison de produits. Vous pouvez voir sur le GIF comment les produits apparaissent avec des éléments et des paramètres tels que l'image, le nom, le stock, le SKU, le prix, la couleur et le logo.

C'est ainsi que vous pouvez comparer les produits de la meilleure façon possible grâce au module de comparaison de produits et prendre une meilleure décision d'achat.