Vous cherchez un moyen d'ajouter une recherche Ajax en direct à votre site WordPress sans plugin ?
Cela vous permettra de fournir instantanément des résultats de recherche à vos visiteurs et d'améliorer leur expérience utilisateur.
Dans ce guide, nous allons vous expliquer comment ajouter une recherche en direct à votre site sans plugin et les inconvénients de cette méthode.
Voici une table des matières pour vous aider à naviguer :
- Method 1: Add Live Ajax Search Using a Plugin
- Méthode 2 : Ajouter une recherche Ajax en direct sans plugin
Pourquoi ajouter une recherche en direct à votre site
Ajouter une recherche en direct à votre site est utile pour plusieurs raisons.
Premièrement, il est beaucoup plus pratique pour vos visiteurs d'obtenir des résultats de recherche instantanés plutôt que de les voir sur une nouvelle page séparée où WordPress les affiche par défaut.
Cela leur permet de gagner du temps et de déterminer plus rapidement si le contenu qu'ils recherchent se trouve sur votre site ou non.
Deuxièmement, cela vous aide à augmenter vos pages vues, car les visiteurs qui ont eu une expérience de recherche positive sur votre site sont plus susceptibles de l'utiliser à nouveau.
C'est aussi un excellent moyen d'attirer plus de trafic depuis les moteurs de recherche, car Google accorde beaucoup d'attention à la durée moyenne de session sur un site.
Mais ajouter une recherche en direct sans plugin peut être un objectif difficile. Examinons de plus près pourquoi ce n'est pas la meilleure option.
Inconvénients de l'ajout d'une recherche Ajax en direct sans plugin
Le principal problème de l'ajout d'une recherche en direct à votre site sans plugin est qu'il implique la modification du code de votre thème.
Cette approche présente quelques inconvénients sérieux dont vous devriez être conscient :
- Cela nécessite des compétences en codage. Vous devez avoir de l'expérience en codage et une compréhension approfondie du fonctionnement de WordPress pour modifier le code de votre thème avec succès.
- Cela prend plus de temps. Contrairement à l'utilisation d'un plugin, la modification du code de votre thème prend beaucoup de temps pour comprendre quels changements vous devez apporter et où les placer.
- Ce n'est pas fiable. Vous pouvez facilement perdre toutes vos personnalisations de code si vous mettez à jour votre thème ou votre version de WordPress.
- Ce n'est pas pratique. Un plugin vous offre beaucoup plus de flexibilité car vous pouvez rapidement activer et désactiver les fonctionnalités dont vous avez besoin selon vos besoins.
Donc, si vous n'êtes pas un utilisateur expérimenté de WordPress ou un développeur web, il est préférable d'utiliser une autre méthode pour ajouter une recherche en direct à votre site.
Une fois que nous avons réglé cela, voyons comment vous pouvez ajouter une recherche en direct à votre site sans modifier les fichiers de votre thème à l'aide d'un plugin.
Méthode 1 : Ajouter une recherche Ajax en direct à l'aide d'un plugin
Le moyen le plus simple d'ajouter une recherche Ajax en direct à votre site est d'utiliser un plugin comme SearchWP.
SearchWP est le meilleur plugin de recherche WordPress du marché, avec plus de 50 000 installations actives.
Avec lui, vous pouvez activer la recherche en direct sur votre site en quelques clics, sans codage.
Et ce n'est qu'une des nombreuses autres fonctionnalités de SearchWP. L'objectif principal de ce plugin est de vous donner un contrôle total sur la recherche sur votre site.
Par exemple, en l'utilisant, vous pouvez changer l'ordre des résultats de recherche, rendre les étiquettes de publication, les catégories et les champs personnalisés recherchables, créer des formulaires de recherche personnalisés, et plus encore.
Voici d'autres fonctionnalités de SearchWP qui vous aideront à développer votre entreprise :
- Activer la recherche floue : De cette façon, vos visiteurs peuvent trouver les bons résultats de recherche, même s’ils font une faute de frappe dans une requête de recherche.
- Suivre les recherches de vos visiteurs : Collectez des données complètes sur l’activité de recherche sur votre site, y compris les recherches les plus populaires, le nombre de clics, et plus encore.
- Exclure des pages spécifiques des résultats de recherche : Masquez les pages inutiles des résultats de recherche sur votre site pour aider les visiteurs à trouver plus rapidement le contenu qu’ils recherchent.
- Inclure les fichiers PDF dans les résultats de recherche : Permettez à vos visiteurs de trouver des PDF et des documents Office à l’aide de la barre de recherche sur votre site.
Avec cela, voyons comment vous pouvez activer la recherche instantanée sur votre site à l’aide de SearchWP.
Étape 1 : Installer et activer SearchWP sur votre site
Pour commencer, vous devrez visiter le site Web de SearchWP et obtenir votre copie de SearchWP.
Une fois terminé, allez dans votre tableau de bord SearchWP et cliquez sur l’onglet Téléchargements.
Ensuite, appuyez sur le bouton Télécharger SearchWP et enregistrez le fichier ZIP du plugin sur votre ordinateur. Après le téléchargement, vous devriez également copier votre clé de licence SearchWP sur la même page. Vous en aurez besoin plus tard pour activer le plugin sur votre site.
Maintenant, vous devrez télécharger le fichier ZIP de SearchWP sur votre site et installer le plugin. Consultez le tutoriel comment installer un plugin WordPress si vous avez besoin d’un rappel sur la façon de faire.
Une fois le plugin actif, vous verrez l'écran de bienvenue et l'assistant de configuration de SearchWP. Cliquez sur le bouton « Démarrer l'assistant d'intégration » et suivez les instructions à l'écran.
Une fois votre licence activée, vous êtes prêt à passer à l’étape suivante et à installer l’extension Live Search.
Étape 2 : Installer l’extension Live Search de SearchWP
L’installation de cette extension SearchWP vous permet d’activer la recherche instantanée Ajax sur votre site en quelques clics sans écrire une seule ligne de code.
Pour commencer, vous pouvez naviguer vers SearchWP » Extensions depuis votre tableau de bord WordPress.
À partir d’ici, vous devrez trouver l’extension Live Search et cliquer sur le bouton Installer.
C’est tout. Vous venez d’ajouter avec succès une recherche Ajax instantanée à votre site.
Voyons comment cela fonctionne.
Étape 3 : Testez votre nouvelle recherche
Pour ce faire, accédez à votre site et effectuez une recherche.
Par exemple, voici à quoi ressemble une recherche Ajax instantanée SearchWP sur notre site de test :
Vous pouvez également consulter notre guide sur comment ajouter la recherche instantanée à WordPress gratuitement.
Méthode 2 : Ajouter une recherche Ajax en direct sans plugin
Pour ajouter une recherche Ajax instantanée à votre site sans utiliser de plugin, vous devez noter que vous devrez ajouter beaucoup de code personnalisé et apporter des modifications aux fichiers de votre thème.
Maintenant, si vous n’êtes pas un développeur, alors nous ne recommandons pas cette méthode. Au lieu de cela, vous pouvez suivre la première méthode et utiliser SearchWP pour ajouter la recherche Ajax instantanée.
Avant de commencer, nous vous recommandons de créer un thème enfant de votre thème actuel que vous utilisez sur votre site. Cela vous permettra de passer rapidement à votre thème parent si vous faites quelque chose de mal et que votre site plante.
Vous pouvez consulter ce tutoriel sur comment créer un thème enfant WordPress si vous avez besoin d’aide à ce sujet.
Il est également bon de sauvegarder votre site avant de commencer à modifier, juste au cas où. Il existe de nombreux plugins de sauvegarde WordPress que vous pouvez choisir, comme Duplicator.
Ensuite, vous devrez ajouter du JavaScript, du PHP et du CSS pour configurer la recherche Ajax.
Pour vous aider, voici une liste des fonctionnalités dont vous aurez besoin sur votre site WordPress :
- Intégrez les résultats en direct aux formulaires de recherche de votre site.
- Effectuez des requêtes Ajax pour récupérer les résultats.
- Affichez les résultats dans un menu déroulant, afin que les visiteurs puissent les voir pendant qu'ils tapent.
- Gérez l’interaction de l’utilisateur avec les résultats de recherche. Par exemple, vous devrez naviguer dans les résultats avec les flèches du clavier, fermer le menu déroulant si l’utilisateur clique à l’extérieur ou appuie sur la touche Échap.
- Ajoutez du code PHP pour gérer la requête Ajax, exécuter la requête et renvoyer les résultats, et envoyer une réponse Ajax.
- CSS pour styliser le menu déroulant et les résultats de recherche qui apparaîtront.
Comme cela nécessite un développement personnalisé, vous voudrez peut-être engager un développeur ou un service professionnel comme WPBeginner Pro Services.
De cette façon, vous pouvez expliquer vos besoins et obtenir une solution personnalisée pour votre site WordPress.
Cela permettra à vos visiteurs d’obtenir instantanément des résultats de recherche et augmentera le nombre de vos pages vues.
Nous espérons que cet article vous a aidé à apprendre comment ajouter une recherche Ajax en direct à votre WordPress sans plugin. Vous voudrez peut-être également consulter nos guides sur comment rechercher des articles par tags dans WordPress et comment exclure une catégorie de la recherche WordPress.
Vous voulez ajouter une recherche en direct à votre site en quelques clics sans coder ? Vous pouvez commencer avec SearchWP ici.
