Comment ajouter un formulaire de recherche dans un article WordPress avec un shortcode

Ne pas inclure une option de recherche sur un site Web est une erreur typique que de nombreux sites Web ne parviennent pas à corriger. Cela peut être un problème assez énorme, en particulier pour le commerce électronique et les sites Web dont le seul but est de fournir un certain type de contenu. Pour le premier, la recherche est un point central permettant aux visiteurs de trouver les bons produits. Et c'est sûrement un énorme défaut une fois qu'un site Web commence à grossir. Pour le second, il sera difficile de trouver des nouvelles et des informations, surtout au bout d'un moment, lorsque le nombre de publications et de pages commence à s'accumuler. Le non-respect de ces exigences peut facilement repousser les visiteurs, affecter négativement l'engagement global et détériorer la convivialité globale d'un site Web. Que vous vous attendiez à ce que les visiteurs effectuent un achat, s'abonnent, laissent un commentaire ou recherchent simplement des informations, WP Full Care vous recommande d'ajouter un formulaire de recherche dans un article WordPress avec un shortcode . Ou, du moins, en utilisant certains des plugins de recherche qui permettent la fonctionnalité de recherche.

Pourquoi devriez-vous ajouter un formulaire de recherche à un site Web WordPress ?

Lorsque vous regardez l'expérience Internet globale, il est clair que la « recherche » est au cœur de celle-ci. Toutes les informations que les gens recherchent aujourd'hui sont filtrées et affichées via une sorte de recherche. Pourquoi en serait-il autrement avec les sites Web, les pages et les publications ? Fondamentalement, les barres de recherche et les formulaires permettent aux visiteurs du site Web de commencer à rechercher des informations dès qu'ils arrivent sur vos pages. S'ils se voient refuser cette option, ils n'ont, en substance, d'autre choix que de quitter le site Web.

De plus, un formulaire de recherche n'est pas seulement utile du point de vue des visiteurs. Il y a plusieurs raisons pour lesquelles les propriétaires de sites Web en bénéficient :

• Un formulaire de recherche peut vous aider à découvrir de nouveaux mots clés - en suivant ce que les visiteurs saisissent dans un formulaire de recherche, vous pouvez voir ce qui est demandé et quelles sont leurs préférences. Vous pouvez utiliser ces informations pour modifier l'offre de votre site Web, que vous proposiez des produits ou simplement des informations.
• Il améliore l'expérience utilisateur globale et vous aide à optimiser les moteurs de recherche - la fonctionnalité de recherche elle-même est essentielle pour une meilleure expérience utilisateur. En conséquence, cela vous aidera à augmenter vos efforts de référencement et à vous classer plus haut.
• Vous permet de faire des ajustements qui amélioreront les conversions - les informations que vous obtenez des formulaires de recherche vous aideront à maximiser les taux de conversion en sachant exactement quelles mesures prendre pour optimiser correctement votre site Web.
• Vous aider dans la gestion des données - par exemple, en ajoutant des balises sur les publications, ce qui conduira à une meilleure classification et à une meilleure diffusion des informations.

Quelques façons d'ajouter un formulaire de recherche dans un article WordPress

En général, il existe deux manières les plus courantes d'ajouter un formulaire de recherche dans les publications, les pages ou un site Web WordPress dans son intégralité :

1. Ajouter un formulaire de recherche dans un WordPress avec du code
2. Ajouter un formulaire de recherche dans un WordPress avec des plugins

1. Ajouter un formulaire de recherche dans un WordPress avec du code

Pour plusieurs raisons, c'est probablement la meilleure façon d'ajouter un formulaire de recherche . Trop de plugins sur un site Web peuvent éventuellement affecter ses performances. Cependant, ce n'est pas exactement une méthode adaptée aux débutants. La meilleure façon d'ajouter un code à votre site Web est de vous faire aider par des développeurs WordPress expérimentés. Principalement parce que la première étape ici consiste à éditer le fichier Theme Functions (functions.php).

Dans le fichier functions.php, il est nécessaire d'ajouter la ligne de code suivante :

add_shortcode ( 'wpbsearch' , 'get_search_form' );

Une fois que vous avez terminé de modifier votre functions.php, il ajoutera un formulaire de recherche par défaut partout où vous placez [wpbsearch] sur une page.

Ajout d'un formulaire de recherche personnalisé

Si vous n'êtes pas satisfait de l'apparence du formulaire de recherche par défaut, vous pouvez ajouter un formulaire de recherche personnalisé . Dans ce cas, le code ressemblera à ceci :

function wpbsearchform( $form ) {

$form = '<form role=”search” method=”get” id=”searchform” action=”' . home_url( '/' ) . '”>
<div><label class=”screen-reader-text” for=”s”>' . __('Rechercher:') . '</étiquette>
<input type="text" value="' . get_search_query() . '” nom=”s” id=”s” />
<input type=”submit” id=”searchsubmit” value=”'. esc_attr__('Rechercher') .'” />
</div>
</form>' ;

retourne $form ;
}

add_shortcode ( 'wpbsearch' , 'wpbsearchform' );

N'oubliez pas que cette méthode nécessite que vous ajoutiez un shortcode sur chaque page et que vous souhaitiez qu'il apparaisse. Cependant, si vous ajoutez le shortcode sur la barre supérieure ou la barre latérale, il affichera le formulaire de recherche sur toutes les pages .

2. Ajouter un formulaire de recherche dans un WordPress avec des plugins

Si vous êtes débutant, le moyen le plus simple d'ajouter un formulaire de recherche consiste probablement à utiliser l'un des plugins de recherche. SearchWP Live Ajax Search, SearchWP Modal Search Form, Ivory Search et FiboSearch ne sont que quelques exemples.

Utilisation de solutions de plug-in simples

Si vous utilisez Ivory Search, ajouter un formulaire de recherche est assez simple :

Une fois que vous avez installé et activé le plugin, tout ce que vous avez à faire est d'aller dans l'option de plugin "Ivory Search", qui apparaîtra sur votre barre latérale WordPress. Passez la souris dessus et sélectionnez la sous-option "Rechercher des formulaires".

Là, le plugin vous fournira un shortcode :

[ ivory-search id = »10980″ title = »Formulaire de recherche par défaut »]

Fondamentalement, vous pouvez copier cette ligne de code partout où vous souhaitez que votre formulaire de recherche par défaut apparaisse.

Si vous préférez les widgets, SearchWP Live Ajax Search est une alternative à découvrir.

SearchWP – pour des formulaires de recherche plus robustes

Pour ceux qui ont besoin d' options de recherche plus complexes et personnalisables , le plugin SearchWP peut être un bon choix. Cependant, il s'agit d'un plugin de recherche premium qui nécessite certaines connaissances pour être configuré.

La première étape consiste à installer et activer le plugin SearchWP. Ensuite, vous aurez besoin de la clé de licence de votre compte, que vous saisirez dans l'option de plug-in "Licence". Après l'activation, il sera nécessaire de configurer les paramètres du moteur de recherche.

La deuxième étape consiste à télécharger et à installer SearchWP Shortcode Extension de la même manière que vous installeriez n'importe quel autre plugin. Et, bien sûr, activez-le.

Enfin, une fois toutes les étapes précédentes terminées, vous pouvez ajouter un nouveau formulaire de recherche personnalisé à vos pages en utilisant des blocs. Cependant, il y a une mise en garde ici : vous devrez définir le bloc comme un bloc "HTML personnalisé" pour l'utiliser correctement. Ce n'est qu'alors que vous pourrez ajouter et utiliser le prochain shortcode :

[recherchewp_search_form]

<div class="search-results-wrapper">
[searchwp_search_results]
<h2>[searchwp_search_result_link]</h2>
[searchwp_search_result_excerpt]
[/searchwp_search_results]
</div>

<div class="search-results-pagination">
[searchwp_search_results_pagination direction=”préc” link_text=”Précédent”]
[searchwp_search_results_pagination direction=”suivant” link_text=”Suivant”]
</div>

En général, cela ajoutera le formulaire de recherche à votre page ou publication, et affichera les résultats sur plusieurs pages , si nécessaire. N'oubliez pas ici de prêter une attention particulière aux pages 404 et de définir correctement toutes les redirections afin que les visiteurs ne manquent pas le contenu.

L'utilisation d'un formulaire de recherche dans WordPress devient une nécessité incontournable pour tout site Web moderne. Comme le contenu général augmente en quantité, le besoin d'un moyen de rechercher dans tout le contenu devient irremplaçable. Avec des fonctionnalités comme celle-ci, non seulement vous améliorez la convivialité de votre site Web pour les visiteurs, mais aussi pour vous-même. En conséquence, vos publications et vos pages trouveront leur chemin vers les bons yeux des visiteurs. Cela conduira éventuellement à de meilleurs résultats de classement et à une augmentation des taux de conversion généraux.