décembre 5, 2021

Comment Créer un Formulaire de Recherche WordPress Personnalisé (En 3 Étapes Simples)

La recherche est un élément clé de l’expérience en ligne, et c’est ainsi que la plupart des utilisateurs trouvent des informations sur le Web. En tant que tel, si un visiteur arrive sur votre site et ne trouve pas immédiatement ce qu’il recherche, il y a de fortes chances qu’il parte sans creuser davantage. Un formulaire de recherche WordPress peut vous aider à vous assurer que cela n’arrive pas.

En implémentant une meilleure fonctionnalité de recherche sur votre site, vous pouvez aider les utilisateurs à trouver plus rapidement ce dont ils ont besoin et réduire simultanément les taux de rebond. C’est une situation gagnant-gagnant pour toutes les personnes impliquées.

Dans cet article, nous discuterons de l’importance de la recherche interne de votre site et vous montrerons comment ajouter un formulaire de recherche à votre site Web. Ensuite, nous vous expliquerons comment créer votre propre formulaire de recherche WordPress personnalisé en trois étapes. Commençons!

Pourquoi votre formulaire de recherche WordPress est important

La recherche est une force dominante sur le web. C’est ainsi que la grande majorité des utilisateurs trouvent de nouveaux contenus et sites à visiter – et nous connaissons tous l’importance de l’optimisation des moteurs de recherche (SEO) lorsqu’il s’agit d’être trouvé en ligne.

Cependant, peu de propriétaires de sites Web considèrent l’importance de la recherche sur leurs propres sites. Après tout, un menu principal peut sembler être tout ce dont les visiteurs de navigation pourraient avoir besoin.

Cependant, si les utilisateurs atterrissent sur votre site et ne trouvent pas rapidement ce qu’ils recherchent, ils risquent de ne pas rester sur place. Ceci est particulièrement critique s’ils proviennent d’une recherche Google, car il y a toute une liste de concurrents probables à un seul clic.

Avoir un formulaire de recherche interne utile et accessible permet d’éviter que les utilisateurs quittent prématurément votre site. Cela signifie moins de pertes pour la concurrence et plus de chances de convertir les visiteurs en abonnés, clients ou fans.

De même, si des centaines ou des milliers de billets de blog sont publiés, il peut être difficile pour les utilisateurs de passer au crible et de trouver des articles sur des sujets spécifiques. Une fonction de recherche peut améliorer l’expérience utilisateur (UX) de votre site et rendre les visiteurs plus satisfaits, ce qui est finalement bon pour les entreprises.

Comment ajouter une barre de recherche à votre site (deux méthodes)

L’installation WordPress par défaut comprend un widget de barre de recherche qui peut être ajouté aux zones compatibles avec les widgets de votre site, telles que l’en-tête, le pied de page ou la barre latérale. Il existe deux méthodes pour ajouter ce widget:

  1. Grâce au personnalisateur WordPress.
  2. Directement depuis le tableau de bord.

Ajouter un formulaire de recherche à l’aide du personnalisateur WordPress

Pour ajouter le formulaire de recherche à l’aide du personnalisateur, accédez à votre tableau de bord WordPress et accédez à Apparence → Personnaliser. Cliquez sur Widgets dans la barre latérale du personnalisateur.

Cela ouvrira un nouveau menu avec une liste des zones de widget sur votre site et des éléments que chacune contient actuellement:

Pour ajouter la barre de recherche à une zone de widget, cliquez sur le bouton Ajouter un widget dans la zone où vous souhaitez le placer. Dans le nouveau menu qui glisse, faites défiler jusqu’à et sélectionnez le widget de recherche:

 Ajout du widget de recherche dans le personnalisateur WordPress.

Cela ajoute le widget à la fin de la liste:

 Le widget de recherche placé à la fin de la section de pied de page.

Vous pouvez ensuite le faire glisser vers un autre endroit pour le repositionner. Par exemple, le déposer au début de la liste le déplacera à l’extrême gauche de la zone du widget.

Vous pouvez également ajouter un titre au formulaire de recherche en remplissant le champ Titre. Cela inclut un petit en-tête au-dessus de la zone de recherche:

 Le formulaire de recherche WordPress avec un titre personnalisé.

Lorsque vous avez terminé, n’oubliez pas d’enregistrer vos modifications. Vous pouvez le faire en cliquant sur le bouton bleu Publier en haut du menu du personnalisateur.

Ajouter un formulaire de recherche à partir du tableau de bord WordPress

Si vous préférez, vous pouvez également ajouter le formulaire de recherche directement à partir du tableau de bord WordPress. Pour commencer, accédez à Apparence → Widgets pour ouvrir l’écran de l’éditeur de widgets:

 La zone Widget du tableau de bord WordPress.

À partir de là, recherchez simplement le widget de recherche dans la liste et faites-le glisser vers la zone dans laquelle vous souhaitez l’afficher:

 Le formulaire de recherche WordPress ajouté au pied de page du site.

Vous avez accès aux mêmes options ici que dans le personnalisateur. Vous pouvez réorganiser le widget pour changer sa position ou ajouter un titre si vous le souhaitez.

La seule différence est que le personnalisateur fournit un aperçu visuel de vos modifications. Si vous décidez à tout moment que vous préférez utiliser le personnalisateur, cliquez simplement sur le bouton Gérer avec Aperçu en direct en haut de l’écran pour l’ouvrir.

Notez que les zones de widget spécifiques disponibles sur votre site sont contrôlées par votre thème et que tous les thèmes n’incluent pas les mêmes options. Par exemple, le thème par défaut de WordPress Twenty Twenty-One n’offre que le pied de page comme zone de widget.

Comment personnaliser manuellement le formulaire de recherche WordPress par défaut

Malheureusement, le formulaire de recherche WordPress par défaut ne comporte pas de nombreuses options de personnalisation. Vous pouvez modifier sa position et ajouter un titre, comme indiqué dans les sections ci-dessus, mais c’est tout ce qui est disponible à l’aide de l’interface.

Cependant, puisque nous parlons de WordPress, il y a un moyen de contourner cela: éditer le code directement. En utilisant des fichiers de modèles WordPress, vous pouvez créer une page de recherche personnalisée pour votre site. Si tu veux faire ça, WordPress.org a une procédure pas à pas fantastique.

Cependant, même avec cette méthode, la fonction de recherche WordPress par défaut est toujours limitée. Vous ne pouvez placer le formulaire que dans des zones de widget, et l’apparence est basée sur votre thème, ce qui peut ne pas offrir beaucoup d’options de personnalisation. Heureusement, il existe des moyens plus simples de personnaliser votre formulaire de recherche, notamment en utilisant des plugins WordPress.

Comment créer un formulaire de recherche WordPress personnalisé avec un plugin gratuit

Si vous souhaitez créer un formulaire de recherche WordPress personnalisé et que vous n’êtes pas à l’aise avec le code (ou n’avez tout simplement pas le temps de le faire), vous pouvez utiliser un plugin gratuit à la place. Dans cette section, nous vous guiderons dans la création d’une barre de recherche personnalisée à l’aide du plugin de recherche Ivory.

Installez et activez le plugin Ivory Search

La première étape consiste à vous diriger vers votre tableau de bord WordPress et à installer Ivory Search:

 Ivory Search - Plugin de recherche WordPress Ivory Search – Plugin de recherche WordPress

Auteur(s): Ivory Search

Version actuelle: 5.3

Dernière mise à jour: 29 décembre 2021

add-search-to-menu.5.3.zip

Il s’agit d’un plugin gratuit qui vous aide à créer un formulaire de recherche personnalisé pour votre site WordPress. Vous pouvez ajuster l’apparence de la barre de recherche, placer le formulaire dans le menu de votre site et affiner le contenu qui apparaît dans les résultats.

Allez-y et installez le plugin à partir de votre tableau de bord WordPress. Une fois que vous l’avez activé, vous pouvez passer à l’étape suivante.

Créer un nouveau formulaire de recherche

Après avoir activé le plugin, vous pouvez créer votre premier formulaire de recherche. Depuis votre tableau de bord WordPress, accédez à Recherche en Ivoire → Formulaires de recherche:

 Ajout d'un nouveau formulaire de recherche dans Recherche Ivoire.

Le plugin remplira automatiquement le formulaire avec ses paramètres par défaut, afin que vous puissiez commencer rapidement si vous le souhaitez. Cependant, vous pouvez également personnaliser les paramètres à fond.

Sous l’onglet Recherche, vous pouvez spécifier le contenu de votre site que vous souhaitez inclure dans les recherches. Cliquez sur chaque section pour cocher et décocher différents types de publications et de pages:

 Sélection des types de contenu à inclure dans le formulaire de recherche WordPress personnalisé.

L’onglet Exclure vous permet de sélectionner des publications et des pages spécifiques que vous ne souhaitez pas inclure dans les résultats de recherche. Ceci est pratique pour exclure certaines pages d’index, par exemple.

L’onglet Design vous permet de personnaliser l’apparence du formulaire de recherche:

 La section Design des paramètres de recherche Ivoire.

Vous devrez peut-être cliquer sur la case à cocher Activer la personnalisation du formulaire de recherche pour activer le personnalisateur (il est désactivé par défaut). Une fois cela fait, vous pouvez cliquer sur le lien Customizer du formulaire de recherche pour ouvrir le Customizer WordPress:

 Personnalisation du formulaire de recherche WordPress dans le personnalisateur.

Là, vous pouvez sélectionner le style de la zone de recherche elle-même, ainsi que les couleurs et le texte utilisés pour divers éléments, tels que le texte de l’espace réservé contenu dans la zone. Lorsque vous avez terminé, assurez-vous de cliquer sur le bouton Publier en haut de la page.

Enfin, l’onglet Options vous permet de configurer la page de résultats de recherche:

 Personnalisation du formulaire de recherche WordPress dans les paramètres de recherche Ivory.

Il existe des options pour le nombre de résultats par page, si vous souhaitez que les termes de recherche soient mis en surbrillance, et plusieurs autres options avancées. Lorsque vous avez terminé de configurer votre formulaire, cliquez sur le bouton bleu Enregistrer le formulaire pour finaliser vos modifications.

Ajoutez le formulaire de recherche à votre site

Une fois votre formulaire configuré, vous êtes maintenant prêt à l’ajouter à votre site Web. Vous pouvez placer le formulaire dans votre en-tête, pied de page ou menu WordPress.

Pour ajouter votre formulaire de recherche en Ivoire à l’en-tête ou au pied de page de votre site, accédez à Recherche en Ivoire → Paramètres:

 L'écran des paramètres de recherche en ivoire.

Ensuite, sélectionnez Recherche d’en-tête ou Recherche de pied de page dans la liste, puis cliquez sur le formulaire que vous venez de créer dans le menu déroulant:

 Ajout du formulaire de recherche personnalisé à l'en-tête WordPress.

Lorsque vous avez terminé, cliquez sur Enregistrer pour mettre à jour votre site. Dans ce cas, nous avons ajouté la barre à notre en-tête:

 Le formulaire de recherche personnalisé affiché dans l'en-tête WordPress.

Si vous souhaitez ajouter le formulaire de recherche au menu de votre site, accédez à Recherche en ivoire → Recherche par menu:

 Ajout d'un formulaire de recherche personnalisé au menu WordPress.

Sur cet écran, vous pouvez choisir le menu dans lequel vous souhaitez inclure votre barre de recherche. Le plugin ajoutera une petite loupe au menu. En cliquant sur la loupe apparaît une zone de recherche où les termes peuvent être saisis:

 La recherche personnalisée à partir de s'affiche dans le menu WordPress.

C’est tout! Vous avez maintenant personnalisé votre propre formulaire de recherche WordPress.

Conclusion

Que vous essayiez de réduire les taux de rebond sur votre site ou de fournir une meilleure expérience utilisateur, un formulaire de recherche personnalisé est une solution fantastique.

Alors que WordPress inclut une barre de recherche par défaut, elle est limitée dans l’endroit où elle peut être placée et comment elle peut être adaptée. L’utilisation d’un plugin tel que Ivory Search vous permet de créer facilement un formulaire entièrement personnalisé et de l’afficher presque partout où vous le souhaitez en quelques étapes seulement.

Pour d’autres idées pour améliorer la recherche sur votre site, consultez nos conseils pour améliorer la recherche interne WordPress.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.