Vous souhaitez remplacer la barre de recherche basique de votre boutique en ligne par une recherche intelligente de produits WooCommerce ?
Par défaut, WooCommerce propose une barre de recherche basique qui n'inclut pas de fonctionnalités importantes comme la recherche par catégorie, la recherche par image, la recherche par prix, etc. Vous devez personnaliser la recherche de produits pour offrir une meilleure expérience à vos utilisateurs.
Plusieurs plugins de recherche WordPress peuvent vous aider à ajouter une recherche intelligente à votre boutique WooCommerce. Et avec ces outils, vous pouvez augmenter vos ventes immédiatement.
Dans cet article, nous allons vous montrer comment créer une recherche intelligente de produits WooCommerce en quelques minutes seulement.
Créer une recherche intelligente de produits WooCommerce
Une recherche intelligente WooCommerce peut engager les utilisateurs et les diriger rapidement vers les produits qu'ils recherchent. Avec une barre de recherche personnalisée, les utilisateurs peuvent rechercher par prix, titre, catégorie de produits, et plus encore.
Lorsqu'il s'agit d'ajouter une recherche intelligente de produits WooCommerce à votre boutique, vous pourriez penser que cela nécessite des compétences en codage, ou que vous devez embaucher un développeur professionnel.
Mais nous vous recommandons d'utiliser un plugin WordPress comme Smart WooCommerce Search qui vous permet d'ajouter une recherche de produits entièrement personnalisable et très flexible à votre boutique e-commerce.
Le plugin ne nécessite aucun codage. Il s'intègre avec le constructeur de pages Elementor et d'autres constructeurs glisser-déposer populaires pour vous permettre de personnaliser votre barre de recherche.
Passons maintenant à la manière dont vous pouvez configurer votre barre de recherche intelligente WooCommerce en moins de 5 minutes.
Étape 1 : Installer et activer le plugin Smart WooCommerce Search
La première chose à faire est d'installer et d'activer le plugin Smart WooCommerce Search.
Si vous n'avez jamais fait cela auparavant, vous devriez consulter notre article sur comment installer un plugin WordPress.
Après avoir activé le plugin, vous devez aller dans Smart Search » Default et cliquer sur l'onglet WooCommerce Product Search.
Sous l'onglet des paramètres Général, vous devez cocher Activer la recherche intelligente dans le widget de recherche de produits pour activer la recherche WooCommerce intelligente sur votre boutique.
Vous pouvez maintenant activer/désactiver plusieurs paramètres, y compris les images mises en avant dans les résultats, les extraits dans les résultats, le prix du produit, le texte du lien « tout voir », etc.
Cliquez sur le bouton Enregistrer pour sauvegarder ces paramètres.
Ensuite, vous devriez visiter l'onglet Éléments à rechercher. Cela vous permet d'activer/désactiver les champs pour rechercher des termes dans le titre, le contenu, l'extrait, la catégorie, l'étiquette du produit, et plus encore.
Il vous permet également d'ajouter des restrictions pour des conditions de recherche spécifiques comme les produits hors stock et les catégories de produits.
Assurez-vous de cliquer sur le bouton Enregistrer.
Après cela, vous devriez cliquer sur l'onglet Style. Cela vous permet de personnaliser la fenêtre contextuelle des résultats, y compris la taille de l'image, la couleur de la bordure, la couleur de fond, la couleur du texte, et plus encore.
Vous pouvez également modifier la position des extraits pour les articles dans les résultats et personnaliser la couleur du texte des extraits.
Cliquez sur le bouton Enregistrer ci-dessous pour sauvegarder vos options de style.
Étape 2 : Ajouter un nouveau widget de recherche personnalisé
Pour créer un widget de recherche personnalisé pour des pages de produits spécifiques, vous devez visiter la page Smart Search » Ajouter nouveau dans votre tableau de bord d'administration WordPress.
Commencez par ajouter un nom pour votre nouveau widget de recherche.
Ci-dessous, vous trouverez des paramètres similaires pour la recherche de produits WooCommerce avec des options supplémentaires. Dans l'onglet Général, vous pouvez ajouter un espace réservé pour la barre de recherche.
N'oubliez pas de cliquer sur le bouton Enregistrer pour continuer.
Cliquez maintenant sur l'onglet Éléments à rechercher. Cela offre également plus d'options pour les types de publication personnalisés et les variations de produits.
Vous pouvez vérifier tous les paramètres du widget de recherche spécifique et cliquer sur le bouton Enregistrer.
Dans l'onglet Style, vous pouvez personnaliser entièrement l'apparence et le design de votre barre de recherche. Cela vous permet d'activer une bordure arrondie, de changer la couleur de la bordure, d'ajouter une couleur de texte, et plus encore.
Vous devez maintenant enregistrer ces paramètres avant de passer à l'étape suivante.
Étape 3 : Afficher la barre de recherche intelligente WooCommerce dans WordPress
Pour afficher la barre de recherche personnalisée dans WordPress, vous devez vous rendre sur Smart Search » Widgets personnalisés. De là, vous devez copier le shortcode pour la nouvelle recherche de produits.
Vous devez maintenant modifier une page/un article pour coller le shortcode dans l'éditeur de texte afin d'afficher la recherche intelligente de produits WooCommerce.
Vous pouvez également vous rendre sur Apparence » Widgets et ajouter le widget Smart Search dans les zones de widgets de votre site web, comme la barre latérale, le pied de page, etc.
Et c'est tout !
Nous espérons que cet article vous a aidé à apprendre comment créer une recherche intelligente de produits WooCommerce pour remplacer la fonction de recherche par défaut.
Vous voudrez peut-être aussi consulter notre guide sur les meilleurs plugins de recherche WordPress pour améliorer la barre de recherche de votre site web habituel.
Cet article contiendra encore plus de ressources pour vous aider à créer une barre de recherche qui améliore l'expérience utilisateur (UX) et augmente les ventes.
Bonjour. Merci pour cet article, il est extrêmement informatif. Je me demandais juste si vous pouviez m'aider à comprendre quelque chose concernant ce plugin. Le plugin fonctionne très bien lorsque je l'utilise dans la barre latérale, mais je n'arrive pas à l'utiliser comme recherche principale du site (Dans le menu) – D'après ce que je comprends, s'il est sélectionné, le plugin "remplacera" essentiellement la recherche du site. J'ai suivi les étapes mais il ne la remplace pas. J'utilise le thème Avada.
Votre aide est vraiment appréciée. Merci
Taryn
J'ai exactement le même problème. J'essaie aussi de le positionner dans la barre supérieure de mon site qui a une zone de widget mais le positionnement est complètement décalé. Si vous parvenez à résoudre ce problème, je vous en serais reconnaissant.
Salut Taryn et JJ, merci pour votre appréciation.
Il ne remplace pas la barre de recherche automatiquement.
Vous devez ajouter le shortcode de votre plugin Smart Search à la position de recherche par défaut. Cela semble être le seul moyen de remplacer la barre de recherche.