X

Comment faire une recherche intelligente de produits dans WooCommerce (étape par étape)

How to Make a Smart WooCommerce Product Search

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 des 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 de produits WooCommerce intelligente en seulement quelques minutes.

Faire une recherche de produits WooCommerce intelligente

Une recherche intelligente sur WooCommerce peut attirer les utilisateurs et les amener rapidement aux produits qu’ils recherchent. Avec une barre de recherche personnalisée, les utilisateurs peuvent rechercher des produits en fonction de leur prix, de leur titre, de leur catégorie et plus encore.

Lorsqu’il s’agit d’ajouter une recherche intelligente de produits WooCommerce à votre boutique, vous pouvez 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 eCommerce.

Search widget on website

Le plugin ne nécessite aucun codage. Il s’intègre au constructeur de pages Elementor et à d’autres constructeurs de pages populaires pour vous permettre de personnaliser votre barre de recherche.

Voyons maintenant comment vous pouvez configurer votre barre de recherche WooCommerce intelligente en moins de 5 minutes.

Etape 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 l’installation d’un plugin WordPress.

Après avoir activé le plugin, vous devez aller sur Smart Search ” Default et cliquer sur l’onglet WooCommerce Product Search.

[Note : Ce plugin vous permet de personnaliser les paramètres de recherche de produits WooCommerce pour remplacer les options de recherche par défaut de WordPress. Plus loin dans cet article, nous vous montrerons également comment ajouter des widgets de recherche entièrement personnalisés pour vos pages produits[/alert].

Sous l’onglet Paramètres généraux, vous devez cocher l’option Activer la recherche intelligente dans le widget de recherche de produits pour activer la recherche intelligente de WooCommerce sur votre boutique.

Smart Search

Vous pouvez maintenant activer/désactiver plusieurs paramètres, y compris les images en vedette dans les résultats, les extraits dans les résultats, le prix du produit, le texte du lien “Tout voir”, etc.

Product search settings

Cliquez sur le bouton Enregistrer pour sauvegarder ces paramètres.

Visitez ensuite l’onglet Éléments à rechercher. Il vous permet d’activer/désactiver les champs de recherche dans le titre, le contenu, l’extrait, la catégorie, l’étiquette du produit, etc.

Items to search

Il vous permet également d’ajouter des restrictions pour des conditions de recherche spécifiques telles que les produits en rupture de stock et les catégories de produits.

Restrictions Search

Veillez à cliquer sur le bouton Enregistrer.

Cliquez ensuite sur l’onglet Style. Cet onglet vous permet de personnaliser la fenêtre contextuelle des résultats, notamment la taille de l’image, la couleur de la bordure, la couleur de l’arrière-plan, la couleur du texte et bien d’autres choses encore.

Results Styling

Vous pouvez également modifier la position des extraits d’articles dans les résultats et personnaliser la couleur du texte de l’extrait.

Excerpt text results

Cliquez sur le bouton Enregistrer ci-dessous pour enregistrer 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 ” Add New dans votre tableau de bord d’administration WordPress.

Commencez par donner un nom à 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.

Add new search widget

N’oubliez pas de cliquer sur le bouton Enregistrer pour continuer.

Cliquez maintenant sur l’onglet Éléments à rechercher. Cet onglet offre également plus d’options pour les types d’articles personnalisés et les variations de produits.

Search through items

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 entièrement personnaliser l’aspect et le design de votre barre de recherche. Vous pouvez ainsi activer une bordure arrondie, modifier la couleur de la bordure, ajouter une couleur de texte, etc.

Search styling options

Vous devez maintenant enregistrer ces paramètres avant de passer à l’étape suivante.

Etape 3 : Afficher la barre de recherche intelligente de WooCommerce dans WordPress

Pour afficher la barre de recherche personnalisée dans WordPress, vous devez visiter Smart Search ” Custom Widgets. De là, vous devez copier le shortcode pour la nouvelle recherche de produits.

Custom search widgets

Maintenant, vous devez éditer une page/un post pour coller le shortcode dans l’éditeur de texte afin d’afficher la recherche intelligente de produits WooCommerce.

Vous pouvez également visiter Appearance ” Widgets et ajouter le widget Smart Search dans les zones de widget de votre site Web comme la barre latérale, le pied de page, etc.

Smart search widget

Et c’est tout !

Nous espérons que cet article vous a aidé à apprendre comment faire une recherche intelligente de produits WooCommerce pour remplacer la fonction de recherche par défaut.

Vous pouvez également consulter notre guide sur les meilleurs plugins de recherche WordPress pour améliorer la barre de recherche de votre site web.

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.

Commentaires   laisser une réponse

  1. Taryn Padayachee janvier 13, 2021 à 10:18 am

    Hi there. Thank you for this article, it is extremely informative. I was just wondering if you could help me figure something out with regard to this plugin. So the plugin works great when I use it in the sidebar, but I cannot seem to use it as the main site search (In the menu) – From what I understand, if selected, then the plugin will basically “replace” the site search, I have followed the steps but it does not replace it. I am using the Avada theme.

    Your help is really appreciated. Thank you

    1. Taryn
      I have the exact same problem. I am also trying to position it in the top bar of my site which has a widget area but the positioning is way off. If you manage to resolve this I would be appreciated.

      1. Hey Taryn and JJ, thank you for your appreciation.

        It doesn’t replace the search bar automatically.

        You need to add the shortcode of your Smart Search plugin at the default search position. That seems to be the only way to replace the search bar.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !