Comment ajouter des widgets personnalisés après les articles dans WordPress

Quand quelqu'un arrive à la fin de votre article, il vous a déjà donné quelque chose de précieux : son attention. Il a lu votre contenu et décide maintenant de la prochaine étape.

Un widget après l'article vous permet de transformer ce moment en une prochaine étape délibérée au lieu de laisser les visiteurs partir simplement. Nous utilisons cette approche sur WPBeginner depuis des années pour obtenir plus d'abonnés par e-mail, augmenter nos pages vues et développer nos ventes.

Dans ce guide, nous vous montrerons comment ajouter facilement des widgets personnalisés après les articles dans WordPress, étape par étape.

Exemple de widgets personnalisés après les articles dans WordPress

Vous pouvez ajouter à peu près n'importe quoi à votre widget après l'article, y compris un appel à l'action pour rejoindre votre liste d'e-mails, un bloc d'articles similaires pour augmenter vos pages vues, ou même une bannière de produit ou une réduction pour augmenter vos ventes.

Voici deux méthodes simples pour ajouter un widget personnalisé après l'article à n'importe quel thème WordPress.

Méthode 1. Ajouter après le contenu de l'article à l'aide d'un plugin

Le plugin Add Widget After Content ajoute une zone de widget dédiée juste après le contenu de votre article, et il fonctionne avec n'importe quel thème WordPress, classique ou à blocs.

Installez-le et activez-le pour commencer. Vous pouvez suivre notre guide sur l'installation d'un plugin WordPress si vous avez besoin d'aide. Une fois actif, allez dans Apparence » Widgets.

Sur un thème classique, cet écran existe déjà, et le plugin y ajoute une zone Après le contenu. Sur un thème à blocs, WordPress n'affiche normalement pas l'écran Widgets, donc le plugin l'ajoute avec la nouvelle zone « Après le contenu ».

Cliquez sur l'icône plus à l'intérieur de ce bloc pour ajouter le widget de votre choix. Nous avons ajouté un formulaire d'inscription à la newsletter, qui a été créé avec le plugin WPForms pour ce tutoriel.

N'hésitez pas à configurer le widget nouvellement ajouté, puis cliquez sur le bouton « Mettre à jour » pour enregistrer vos modifications.

Par défaut, le plugin affiche vos widgets après les articles sur chaque article et page. Si vous ne souhaitez pas qu'ils apparaissent à certains endroits, vous pouvez exclure des catégories entières ou des types d'articles de la zone de widget.

Allez simplement dans Apparence » Widget Après le contenu, choisissez les catégories ou les types d'articles où vous ne voulez pas que la zone de widget apparaisse, et cliquez sur « Enregistrer les modifications ».

Vous pouvez également masquer la zone de widget sur des articles ou des pages individuels.

Pour ce faire, ouvrez l'article ou la page que vous souhaitez exclure et faites défiler jusqu'à la boîte méta « Widget Après le contenu ». Cochez la case à côté de « Supprimer le widget après le contenu pour cet article. » puis mettez à jour votre article.

Visitez maintenant votre site web et ouvrez un article où vous avez configuré l'affichage du widget, et vous le verrez apparaître juste en dessous du contenu de l'article.

Méthode 2. Ajouter du contenu après les articles à l'aide de code personnalisé

Si vous êtes à l'aise avec l'ajout de code, vous pouvez personnaliser exactement ce qui apparaît après vos articles au lieu d'utiliser la mise en page intégrée d'un widget.

Cependant, la moindre erreur lors de l'ajout de code aux fichiers de votre thème peut casser votre site.

Nous recommandons d'utiliser le plugin gratuit WPCode pour ajouter et gérer l'extrait en toute sécurité. Si vous avez besoin d'aide, consultez notre tutoriel sur comment installer un plugin WordPress.

Une fois le plugin WPCode actif, allez dans Extraits de code » + Ajouter un extrait et choisissez l'option « Ajouter votre code personnalisé (Nouvel extrait) ».

Sur le nouvel écran, sélectionnez « Extrait PHP » comme type de code. Ensuite, donnez un nom à l'extrait et copiez le code suivant dedans.

function wpb_add_content_after_post( $content ) {

    if ( is_single() && in_the_loop() && is_main_query() ) {
        $custom_content  = '<div class="wpb-after-post-content">';
        $custom_content .= '<h4>Enjoyed This Post?</h4>';
        $custom_content .= '<p>Sign up for our <a href="https://example.com/newsletter/">newsletter</a> to get more tips like this.</p>';
        $custom_content .= '</div>';

        $content .= $custom_content;
    }

    return $content;
}
add_filter( 'the_content', 'wpb_add_content_after_post' );

La vérification is_single() limite le contenu aux articles individuels, de sorte que le widget n'apparaîtra pas sur les pages ou les listes d'archives. Le reste de l'extrait ajoute un titre, un message et un lien de newsletter après le contenu de l'article. Assurez-vous de remplacer l'adresse example.com par celle de votre propre page de newsletter avant de mettre l'extrait en ligne.

Réglez l'extrait sur « Actif » et enregistrez-le. Enfin, visitez un article sur votre site pour voir votre contenu personnalisé sous l'article.

Tutoriel vidéo

Si vous préférez des instructions vidéo, regardez-la.

FAQ sur les widgets après les articles

Quelle est la différence entre un widget et un plugin ?

Un widget est un petit bloc de contenu que vous pouvez placer dans une zone spécifique de votre site, comme une barre latérale, un pied de page ou la zone après le contenu couverte dans ce guide.

Un plugin ajoute de nouvelles fonctionnalités à l'ensemble de votre site, et c'est souvent ce qui vous donne de nouveaux widgets ou zones de widgets à utiliser en premier lieu.

Comment ajouter un widget après un article dans WordPress ?

Le moyen le plus simple est d'utiliser le plugin gratuit Add Widget After Content. Il ajoute une zone de widget sous le contenu de votre article où vous pouvez ajouter des widgets tels qu'un formulaire d'inscription à la newsletter ou des articles similaires.

Ou vous pourriez ajouter la même fonctionnalité avec un extrait de code. Nous recommandons d'utiliser le plugin gratuit WPCode  afin de ne pas casser accidentellement votre site avec votre extrait.

Pourquoi mon widget après l'article ne s'affiche-t-il pas ?

La cause la plus fréquente est une exclusion dans les paramètres du plugin. Vérifiez si vous avez masqué le widget sur cet article ou cette page spécifique, ou si vous avez exclu sa catégorie ou son type d'article sous Apparence » Widget Après le contenu.

Nous espérons que cet article vous a aidé à apprendre comment ajouter des widgets personnalisés après les articles dans WordPress. Vous voudrez peut-être aussi consulter notre tutoriel sur comment créer un widget WordPress personnalisé et notre guide sur les meilleurs plugins WordPress.

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.