Comment ajouter un formulaire de recherche dans un article WordPress

Vous souhaitez augmenter l'engagement sur votre blog WordPress ?

Ajouter un formulaire de recherche dans vos articles peut sembler inhabituel, mais c'est étonnamment efficace, surtout pour les sites riches en contenu comme les magazines en ligne.

Au lieu de vous fier uniquement à une barre de recherche dans l'en-tête ou la barre latérale, en placer une dans votre contenu encourage les lecteurs à continuer d'explorer. C'est un petit changement qui peut entraîner des sessions plus longues et plus de pages vues.

Dans ce guide, nous vous montrerons étape par étape comment ajouter un formulaire de recherche à votre article WordPress, quel que soit le thème que vous utilisez. Plongeons dans le vif du sujet !

Pourquoi ajouter un formulaire de recherche à vos articles WordPress ?

Si les visiteurs apprécient un article sur votre site Web WordPress, ils voudront probablement en lire davantage. En ajoutant un formulaire de recherche à un article, vous pouvez aider les visiteurs à trouver plus d'articles qui les intéressent.

De cette façon, vous pouvez augmenter vos pages vues et réduire votre taux de rebond.

Plus les visiteurs restent longtemps sur votre site Web, plus vous avez de chances qu'ils s'inscrivent à votre liste d'e-mails, laissent un commentaire, effectuent un achat, vous suivent sur les réseaux sociaux ou entreprennent d'autres actions positives.

Dans ce guide, nous vous montrerons comment ajouter le formulaire de recherche WordPress standard à vos articles. Si vous souhaitez utiliser un formulaire personnalisé à la place, consultez notre guide étape par étape sur comment créer un formulaire de recherche WordPress personnalisé.

Cela dit, nous partagerons trois méthodes pour ajouter un formulaire de recherche dans un article WordPress. Utilisez simplement les liens rapides ci-dessous pour accéder directement à la méthode que vous souhaitez utiliser :

• Méthode 1. Ajouter un formulaire de recherche dans un article WordPress (fonctionne avec n'importe quel thème)
• Méthode 2. Ajouter un formulaire de recherche à tous les articles WordPress (thèmes basés sur des blocs)
• Method 3. Add a Search Bar to All WordPress Posts With Code (Works With Any Theme)
• FAQ sur l'ajout d'un formulaire de recherche dans WordPress

Commençons.

Méthode 1. Ajouter un formulaire de recherche dans un article WordPress (fonctionne avec n'importe quel thème)

Le moyen le plus simple d'ajouter un formulaire de recherche à vos articles est d'utiliser le bloc de recherche intégré.

Dans ce guide, nous vous montrerons comment ajouter le bloc à un article, mais vous pouvez également l'ajouter à n'importe quelle page ou zone prête pour les widgets de votre site.

Nous vous recommandons également d'ajouter ceci en bas de votre article pour éviter de perturber l'expérience de lecture.

Pour commencer, ouvrez simplement la page où vous souhaitez ajouter un formulaire de recherche. Dans l'éditeur de blocs WordPress, cliquez sur l'icône +.

Dans la fenêtre contextuelle, tapez 'Recherche'. Lorsque le bon bloc apparaît, cliquez dessus pour l'ajouter à la page.

Par défaut, le bloc utilise 'Recherche' pour son libellé et le texte du bouton. Ce texte sera visible par les visiteurs, vous voudrez donc peut-être le remplacer par quelque chose de plus descriptif.

Par exemple, si vous ajoutez la barre de recherche à un blog WordPress, vous pourriez vouloir utiliser 'Rechercher les articles de blog récents' ou similaire.

Vous pouvez même utiliser le texte de l'étiquette et du bouton pour motiver vos visiteurs.

Par exemple, si vous avez créé une boutique en ligne, vous pourriez utiliser quelque chose comme « Trouvez plus de bonnes affaires » ou « Recherchez des offres similaires » pour votre formulaire de recherche de produits.

Vous pouvez également ajouter du texte d'espace réservé. Ce texte disparaîtra automatiquement lorsque le visiteur commencera à taper.

Pour ajouter un espace réservé, cliquez simplement sur « Espace réservé facultatif... » puis commencez à taper.

Par défaut, WordPress utilisera votre thème pour styliser la barre de recherche.

Cependant, vous pouvez modifier l'arrière-plan du bouton et la couleur du texte en utilisant les paramètres « Couleur » dans le menu de droite. Cela peut aider votre barre de recherche à se démarquer du reste de votre site.

Lorsque vous êtes satisfait de l'apparence du bloc de recherche, vous pouvez continuer et publier ou mettre à jour l'article. Si vous visitez votre site, vous verrez maintenant la barre de recherche dans le contenu de l'article.

Vous pouvez ajouter un formulaire de recherche à d'autres articles et pages WordPress en suivant le même processus ci-dessus. Pour des instructions détaillées sur la façon d'ajouter la barre de recherche à une barre latérale ou à une section similaire, veuillez consulter notre guide sur comment ajouter et utiliser des widgets dans WordPress.

Méthode 2. Ajouter un formulaire de recherche à tous les articles WordPress (Thèmes basés sur des blocs)

Si vous utilisez un thème basé sur des blocs tel que ThemeIsle Hestia Pro, vous pouvez alors ajouter une barre de recherche au modèle que WordPress utilise pour tous vos articles de blog.

De cette façon, vous pouvez rapidement et facilement ajouter une barre de recherche à chaque article de blog sur l'ensemble de votre site WordPress.

Pour ouvrir l'éditeur de site complet, allez dans Apparence » Éditeur dans le tableau de bord WordPress.

Par défaut, l'éditeur de site complet affiche le modèle de page d'accueil de votre thème.

Pour voir toutes les options disponibles, sélectionnez « Modèles » dans le menu de gauche.

Cela affiche une liste de tous les modèles qui composent votre thème WordPress.

Pour personnaliser le modèle d'article de blog, continuez et cliquez sur « Unique ».

WordPress affichera désormais un aperçu de la mise en page du blog.

Pour continuer et modifier ce modèle, cliquez sur la petite icône en forme de crayon.

Vous verrez maintenant ce modèle dans l'éditeur de site complet.

Pour ajouter une barre de recherche, cliquez sur l'icône bleue « + ».

Dans la fenêtre contextuelle qui apparaît, tapez « Recherche » pour trouver le bon bloc.

Vous pouvez maintenant faire glisser le bloc à l'endroit où vous souhaitez afficher la barre de recherche.

Pour personnaliser le titre du bloc ou le texte d'espace réservé, tapez simplement le nouveau message dans le bloc de recherche.

Lorsque vous êtes satisfait de l'apparence du bloc, cliquez sur « Enregistrer » pour rendre la barre de recherche active.

Désormais, si vous visitez un article de blog sur votre site, vous verrez la barre de recherche.

Méthode 3. Ajouter une barre de recherche à tous les articles WordPress avec du code (fonctionne avec n'importe quel thème)

Si vous n'utilisez pas de thème de bloc mais souhaitez que la barre de recherche apparaisse dans tous vos articles, vous devrez utiliser du code.

Pour ce faire, nous vous recommandons d'utiliser WPCode. Ce plugin d'extraits de code permet d'insérer du code personnalisé dans les fichiers de votre thème en toute sécurité et facilement, sans les modifier directement. Ainsi, vous pouvez ajouter divers extraits de code sans casser votre site web.

Certaines de nos marques partenaires utilisent WPCode pour ajouter et gérer des extraits de code personnalisés. Nous l'avons également testé de manière approfondie, et vous pouvez consulter nos conclusions dans notre avis détaillé sur WPCode.

Ce que vous devez faire, c'est installer le plugin WPCode dans WordPress. Vous pouvez lire notre guide étape par étape sur comment installer un plugin WordPress pour plus d'informations.

Ensuite, allez dans Extraits de code » + Ajouter un extrait. Sélectionnez ‘Ajouter votre code personnalisé (Nouvel extrait)’ et cliquez sur le bouton ‘Utiliser l’extrait’.

Maintenant, donnez un nom à votre nouveau code personnalisé. Il peut s’agir de quelque chose de simple comme ‘Barre de recherche sur les articles de blog’.

Après cela, changez le Type de code en ‘Extrait PHP.’

Ensuite, dans la boîte Aperçu du code, copiez et collez l’extrait de code suivant :

// Define the button text and placeholder text. You can customize these values as needed.
$button_text = 'Search'; // The text displayed on the search button
$placeholder_text = 'What are you looking for?'; // The placeholder text in the search input field

// Construct the search form HTML using the defined button text and placeholder text.
$search_form = '<form role="search" method="get" action="' . esc_url(home_url('/')) . '" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">
                    <label class="wp-block-search__label" for="wp-block-search__input-2">' . esc_html($button_text) . '</label>
                    <div class="wp-block-search__inside-wrapper ">
                        <input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="' . esc_attr($placeholder_text) . '" value="" type="search" name="s" required="">
                        <button aria-label="' . esc_attr($button_text) . '" class="wp-block-search__button wp-element-button" type="submit">' . esc_html($button_text) . '</button>
                    </div>
                </form>';

// Output the search form HTML.
echo $search_form;

Ce code ajoutera une barre de recherche basique similaire au bloc de recherche. Vous pouvez personnaliser le bouton et le texte du placeholder selon vos besoins.

Une fois terminé, faites défiler vers le bas et assurez-vous que ‘Insertion automatique’ est sélectionné pour la Méthode d’insertion.

Pour l’Emplacement, naviguez vers l’onglet ‘Spécifique à la page’ et choisissez celui qui correspond le mieux à vos critères. À titre d’exemple, nous avons choisi ‘Insérer après le contenu’.

Une fois terminé, définissez le code sur « Actif » et cliquez sur « Enregistrer le fragment ».

Vous devriez maintenant voir quelque chose comme ceci :

Conseils bonus : découvrez des astuces et des conseils pour améliorer la recherche WordPress

Le bloc de recherche utilise la fonction de recherche intégrée de WordPress. Cependant, celle-ci est assez limitée et n'est pas très performante pour afficher des résultats précis.

Dans certains cas, vous souhaiterez peut-être que votre fonction de recherche WordPress soit plus avancée. Peut-être souhaitez-vous ajouter une fonction de recherche par catégorie ou rendre vos commentaires d'articles de blog recherchables.

C'est là qu'intervient SearchWP. Ce plugin de recherche personnalisé vous donne un contrôle total sur la recherche de site WordPress afin que vous puissiez fournir des résultats plus précis à vos visiteurs.

SearchWP rend également toutes les parties de votre site consultables, y compris les fichiers PDF, les fichiers ACF, les fichiers texte, les champs personnalisés WordPress, et plus encore. Vous pouvez consulter notre avis complet sur SearchWP pour découvrir toutes ses fonctionnalités.

Après avoir créé un formulaire de recherche personnalisé, vous pouvez l'ajouter à n'importe quelle partie de votre site Web en utilisant un bloc ou un shortcode.

Pour en savoir plus, consultez notre guide sur comment améliorer la recherche WordPress avec SearchWP.

FAQ sur l'ajout d'un formulaire de recherche dans WordPress

Après avoir compris les avantages et les différentes méthodes pour ajouter un formulaire de recherche à vos articles WordPress, vous pourriez avoir encore quelques questions. Ci-dessous, nous répondons à certaines interrogations courantes pour vous aider à tirer le meilleur parti de cette stratégie.

Pourquoi voudrais-je ajouter un formulaire de recherche à l'intérieur d'un article de blog ?

Ajouter un formulaire de recherche directement dans vos articles permet à vos lecteurs de découvrir plus facilement votre contenu, au moment où ils sont le plus engagés. C'est un moyen intelligent d'augmenter les vues de page et de garder les visiteurs plus longtemps sur votre site.

Puis-je faire en sorte que le formulaire de recherche corresponde au style de mon site ?

Absolument ! La plupart des plugins WordPress vous permettent de modifier des éléments tels que les couleurs, le texte d'espace réservé et les étiquettes afin que le formulaire s'intègre parfaitement à votre design.

Et si je n'utilise pas l'éditeur de blocs ?

Pas de souci. Si votre thème ne prend pas en charge l'édition basée sur les blocs, vous pouvez toujours ajouter un formulaire de recherche à l'aide de code personnalisé. Un plugin comme WPCode facilite et sécurise l'insertion de ces extraits sur votre site.

Comment savoir si mon formulaire de recherche fonctionne réellement ?

Vous pouvez suivre les performances à l'aide d'outils tels que Google Analytics. Surveillez des métriques telles que le temps passé sur le site et le nombre de pages vues par session. S'ils augmentent, votre formulaire de recherche intégré aux articles fait son travail !

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter un formulaire de recherche dans un article WordPress. Vous pourriez également vouloir apprendre comment créer un formulaire de contact dans WordPress ou consulter notre sélection d'experts des meilleurs plugins de logique conditionnelle pour WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.