Comment ajouter une recherche semi-automatique à votre site WordPress

Une barre de recherche à saisie semi-automatique est partout de nos jours. Si vous utilisez un moteur de recherche, il y a de fortes chances qu'il reconnaisse souvent ce que vous cherchez avant que vous ayez fini de taper et qu'il commence à vous montrer des suggestions pour gagner du temps.

Bien que WordPress inclue une fonctionnalité de recherche prête à l'emploi, il ne prend pas en charge nativement la "recherche semi-automatique" ou la "recherche en direct", qui sont les deux noms les plus courants pour cette fonctionnalité. Avec l'aide du bon plugin, cependant, vous pouvez facilement implémenter un champ de recherche.

Dans cet article, nous vous présenterons trois plugins de recherche de saisie semi-automatique WordPress que vous pouvez utiliser et comment démarrer avec chacun d'eux. Ensuite, nous verrons comment implémenter manuellement la recherche semi-automatique dans WordPress. Mettons-nous au travail!

Pourquoi la recherche par saisie semi-automatique est-elle importante ?

De nos jours, les utilisateurs s'attendent à trouver rapidement les réponses dont ils ont besoin. À mesure que les moteurs de recherche deviennent de plus en plus précis, les internautes s'habituent à trouver les pages et le contenu qui correspondent à leur requête de recherche avec un minimum d'effort.

C'est pourquoi il peut être choquant de passer d'un moteur de recherche puissant à l'utilisation de la fonctionnalité de recherche interne d'un site Web. Bien que la fonction de recherche de WordPress fonctionne assez bien, il lui manque certaines des options avancées auxquelles la plupart des visiteurs se sont habitués, comme la saisie semi-automatique.

C'est là que les suggestions de recherche de saisie semi-automatique sont utiles. En mettant en œuvre les suggestions de recherche WordPress, vous augmentez les chances que les utilisateurs passent plus de temps sur votre site. Vous leur permettez de trouver plus facilement le contenu qu'ils recherchent, ce qui se traduit par une meilleure expérience globale. De plus, il n'est pas difficile d'implémenter la recherche de saisie semi-automatique WP si vous utilisez le bon plugin.

Comment ajouter une recherche à votre site WordPress avec un plugin

Vous pouvez choisir parmi de nombreux plugins de recherche WordPress, mais tous n'incluent pas la fonction de saisie semi-automatique que nous recherchons. Pour cette section, nous nous concentrerons sur trois des meilleures options que vous pouvez utiliser et vous montrerons comment activer la recherche prédictive avec chacune d'elles.

Activer la saisie semi-automatique dans WPsolr

WPSolr est un plugin de suggestion de recherche premium qui fonctionne avec les sites Web WordPress et WooCommerce classiques. Il est alimenté par les plateformes Elasticsearch et Solr et vous permet de personnaliser les résultats de recherche d'un site à l'autre.

Si vous aimez les plugins qui incluent autant d'options de personnalisation que possible, vous apprécierez probablement WPSolr. Le seul inconvénient de ce plugin est qu'il est cher. Sur le plan positif, cela simplifie l'activation de la recherche en direct.

Une fois le plugin installé, vous aurez accès à sa page de paramètres dans le tableau de bord. Si vous accédez à l'onglet Définir votre recherche avec Elastic.co – GCloud , vous trouverez une option appelée Afficher les suggestions dans la zone de recherche .

Lorsque vous activez cette fonctionnalité, les utilisateurs verront les titres de page complets ainsi qu'une partie du contenu de ces pages directement dans la barre de recherche, avant même de soumettre une requête. De cette façon, ils peuvent sélectionner le résultat qu'ils souhaitent immédiatement, sans avoir à trier une liste complète d'options.

Prix ​​: Une licence WPSoler coûte 199 € par an (environ 215 $ par an).

Activer la saisie semi-automatique dans SearchWP

SearchWP consiste à aider les utilisateurs à trouver du contenu que la fonctionnalité de recherche par défaut de WordPress ne reconnaît pas. Prêt à l'emploi, le plug-in prend en charge les données de champ personnalisées, la sortie des codes abrégés, les taxonomies et même les détails des produits WooCommerce.

Cependant, SearchWP n'inclut pas la fonctionnalité de recherche semi-automatique par défaut. Pour activer cette fonctionnalité, vous devrez utiliser une extension gratuite appelée SearchWP Live Ajax Search.

Tout ce que vous avez à faire pour activer la recherche semi-automatique est d'activer l'extension. Il fera le reste pour vous automatiquement.

Il convient également de noter que SearchWP Live Ajax Search fonctionne sans le plugin SearchWP de base. La seule différence est que lorsqu'il est combiné avec SearchWP, vous avez accès à des résultats plus approfondis.

Prix ​​: Une licence SearchWP standard pour un site coûte 99 $ , mais l'extension Live Ajax Search est gratuite.

Activer la saisie semi-automatique dans Ajax Search Lite

Prêt à l'emploi, Ajax Search Lite offre des fonctionnalités que vous ne trouvez généralement que dans les plugins de recherche WordPress premium. Avec cet outil, vos utilisateurs peuvent accéder aux résultats de recherche de la saisie semi-automatique WordPress qui incluent des types de publication personnalisés, des champs et d'autres types de métadonnées (ainsi que la page par défaut et les résultats de publication).

Une fois le plug-in actif, vous pouvez accéder à Ajax Search Lite > Options générales > Autocomplete & Suggestions . La recherche semi-automatique doit être activée par défaut, sous Activer la recherche semi-automatique Google ? .

Si vous souhaitez un contrôle total sur le type de contenu qui apparaît dans les résultats de la saisie semi-automatique, accédez à l'onglet Sources et notions de base . Là, vous pouvez choisir le contenu qui apparaîtra dans vos résultats de recherche.

Toutes les fonctionnalités de recherche semi-automatique dont vous aurez besoin sont disponibles dans la version gratuite d'Ajax Search Lite. Cependant, il existe également une version premium du plugin qui inclut des fonctionnalités supplémentaires, telles que des thèmes personnalisés pour votre barre de recherche et vos résultats.

Prix ​​: Ajax Search Lite est gratuit, tandis que la version premium du plugin commence à 36 $.

Recherche de saisie semi-automatique WordPress sans plugin

Comme vous l'avez peut-être remarqué, deux des plugins que nous avons couverts dans la dernière section s'appuient sur Ajax (ou JavaScript asynchrone) pour alimenter la fonctionnalité de recherche en direct. L'utilisation d'Ajax aux côtés de jQuery est l'approche la plus simple pour implémenter cette fonctionnalité dans WordPress.

Cela signifie que si vous n'êtes pas à l'aise avec JavaScript, vous feriez peut-être mieux de vous en tenir aux plugins. Cependant, il est possible d'ajouter cette fonctionnalité manuellement.

Comment ajouter une recherche de saisie semi-automatique par vous-même

L'ajout manuel de la fonctionnalité de recherche de saisie semi-automatique à votre site Web nécessite que vous travailliez avec du code, comme vous vous en doutez. Cependant, il existe différentes façons d'aborder le projet, avec différents niveaux de difficulté.

Voici les deux approches que nous recommandons d'explorer :

• Implémentez la recherche en direct avec Ajax pour les titres de publication uniquement . Étant donné que vous ne récupérerez que les titres des publications, il s'agit de la méthode de mise en œuvre la plus simple.
• Ajoutez la recherche semi-automatique pour les tableaux personnalisés . Avec cette méthode, vous pouvez diffuser les résultats d'un tableau personnalisé que vous créez, ce qui vous donne un contrôle total sur les données qui s'affichent.

Dans l'un ou l'autre de ces scénarios, vous souhaiterez probablement implémenter le code que vous utilisez au format plugin. En effet, avec un plugin, vous pouvez désactiver ou activer le code à tout moment, ce qui est parfait si vous souhaitez personnaliser cette fonctionnalité à l'avenir.

Améliorez vos expériences numériques avec WP Engine

La mise en œuvre de la recherche semi-automatique dans WordPress est plus simple que vous ne le pensez. Avec le bon plugin, vous pouvez rendre beaucoup plus simple pour les visiteurs de trouver ce qu'ils recherchent et améliorer leur expérience.

Bien sûr, cela ne signifiera pas grand-chose si vous n'utilisez pas non plus le bon hébergeur. L'hébergement WordPress géré vous offre un accès illimité aux outils et à l'assistance 24h/24 et 7j/7 d'experts techniques pour maintenir des performances optimales du site. Avec WP Engine, vous obtenez toutes les ressources dont vous avez besoin pour développer votre site Web et offrir à vos visiteurs une expérience numérique de qualité supérieure !