Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment ajouter du contenu dynamique dans WordPress (Guide pour débutants)

L'ajout de contenu dynamique à votre site WordPress peut améliorer considérablement l'engagement des utilisateurs et les performances globales du site.

Il s'agit de contenu qui change en fonction des interactions de l'utilisateur, de son comportement ou d'autres facteurs en temps réel, offrant une expérience de navigation plus personnalisée à vos visiteurs. Que vous soyez blogueur, propriétaire d'entreprise ou gestionnaire de site Web, l'utilisation de contenu dynamique est un moyen puissant de faire ressortir votre site.

Chez WPBeginner, nous utilisons régulièrement du contenu dynamique pour mieux engager notre public. Par exemple, toutes nos newsletters par e-mail sont adressées à la personne à qui nous les envoyons.

C'est une utilisation simple mais efficace du contenu dynamique, où le corps de l'e-mail reste le même, mais le nom du destinataire change en fonction de qui le reçoit. Nous aimons ajouter cette touche personnelle et avons constaté par nous-mêmes comment ce type de contenu dynamique stimule l'engagement.

Dans cet article, nous vous montrerons comment ajouter facilement du contenu dynamique à votre site Web WordPress.

Ajouter du contenu dynamique dans WordPress

Pourquoi ajouter du contenu dynamique dans WordPress ?

Le texte dynamique fait référence au contenu qui change sur un site Web en fonction de différents facteurs, notamment le comportement de l'utilisateur, l'heure, la localisation, le nom, etc.

La configuration de texte dynamique permet aux utilisateurs de votre site Web WordPress de voir différents messages en fonction de différents facteurs.

Par exemple, vous pouvez afficher le nom de l'utilisateur qui est actuellement connecté à votre site Web à l'aide de texte dynamique. 

Contenu dynamique sur un site web

Afficher du contenu personnalisé peut maintenir l'engagement des visiteurs sur votre site plus longtemps, ce qui peut réduire le taux de rebond et améliorer le classement SEO de votre site.

Cela peut même aider à convertir les utilisateurs en clients ou en abonnés en montrant que votre site Web se soucie de ses visiteurs. Cela peut créer une impression positive et établir la confiance.

De plus, le contenu dynamique peut augmenter les ventes et les inscriptions sur votre site Web. Par exemple, vous pouvez afficher dynamiquement la date actuelle pour une vente flash ou une offre de réduction, et elle sera automatiquement mise à jour chaque jour. Cela peut créer un sentiment d'urgence et entraîner plus de conversions.

Cela étant dit, examinons comment ajouter du contenu dynamique dans WordPress. Vous pouvez utiliser les liens rapides ci-dessous pour accéder à la méthode que vous souhaitez utiliser :

Méthode 1 : Créer une page de destination dynamique avec SeedProd

Si vous souhaitez créer une page de destination avec du contenu dynamique, cette méthode est faite pour vous.

SeedProd est le meilleur constructeur de pages WordPress du marché qui vous aide à créer des pages de destination et des thèmes attrayants sans utiliser de code.

De plus, nous avons testé en profondeur sa fonctionnalité de texte dynamique, qui vous permet d'ajouter du contenu dynamique à vos titres et textes en quelques clics. Pour en savoir plus, consultez notre avis sur SeedProd.

Le plugin de création de pages SeedProd pour WordPress

Tout d'abord, vous devez installer et activer le plugin SeedProd. Pour plus de détails, consultez notre guide pour débutants sur comment installer un plugin WordPress.

Remarque : SeedProd dispose également d'une version gratuite, mais elle ne dispose pas de la fonctionnalité de texte dynamique. Nous utilisons donc le plugin SeedProd Pro pour ce tutoriel.

Après activation, rendez-vous sur la page SeedProd » Paramètres pour saisir la clé de licence du plugin.

Vous trouverez ces informations dans votre compte sur le site Web de SeedProd.

Collez la clé de licence dans le champ

Ensuite, vous devez visiter SeedProd » Pages de destination depuis la barre latérale d'administration de WordPress.

Une fois sur place, cliquez sur le bouton « Ajouter une nouvelle page de destination ».

Cliquez sur le bouton Ajouter une nouvelle page de destination

Cela vous dirigera vers l'écran « Choisir un nouveau modèle de page », où vous pourrez sélectionner l'un des modèles préconçus pour votre page de destination.

Après avoir sélectionné un modèle, il vous sera demandé d'entrer un nom de page et de choisir une URL.

Après avoir saisi ces informations, cliquez simplement sur le bouton « Enregistrer et commencer à modifier la page » pour continuer.

Entrez les détails de votre page

Cela lancera l'éditeur de page par glisser-déposer de SeedProd, où vous pouvez maintenant commencer à modifier votre page. Pour des instructions plus détaillées, consultez notre guide sur comment créer une page de destination dans WordPress.

Ensuite, faites simplement glisser et déposez le bloc Titre ou Texte depuis la barre latérale gauche sur la page de destination. Cliquez ensuite sur le bloc pour ouvrir ses paramètres dans la colonne de gauche.

Une fois que vous avez fait cela, cliquez sur le bouton « Insérer du texte dynamique ».

Cliquez sur le bouton Insérer du texte dynamique

Cela ouvrira une invite « Remplacement de texte dynamique » à l'écran.

À partir de là, vous devriez sélectionner l'option « DateTime » si vous souhaitez définir une date ou une heure dynamiquement. Cela peut être utile si vous souhaitez afficher la limite de temps pour une offre de vente ou de réduction sur votre site Web.

Après cela, sélectionnez simplement un format de date dans le menu déroulant et cliquez sur le bouton « Insérer ».

Si vous ne voyez pas votre format préféré dans le menu déroulant, vous pouvez cliquer sur le lien « En savoir plus » en haut pour voir d'autres formats.

Sélectionner la date dynamique

Si vous souhaitez ajouter un emplacement, un nom, un pays, une prise en charge multilingue, un titre de page, une adresse e-mail, un code postal ou tout autre contenu dynamique, vous devez sélectionner l'option « Paramètre de requête ».

Après cela, ajoutez le facteur de texte dynamique sous l'option « Nom du paramètre ».

Par exemple, si vous ajoutez du texte dynamique pour les noms dans l'option « Nom du paramètre », alors toute personne connectée à votre site verra son nom, comme « Salut John », au lieu de « Salut à tous » sur la page.

Ou si vous ajoutez du texte dynamique pour une adresse e-mail, les utilisateurs verront leur adresse e-mail sur votre page de destination chaque fois qu'ils se connecteront.

De même, si vous souhaitez afficher dynamiquement la localisation de chaque utilisateur, vous pouvez entrer « location » comme nom de paramètre.

Sélectionner la requête de paramètre dynamique

Ensuite, ajoutez la valeur par défaut à laquelle le texte dynamique reviendra si la localisation n'est pas disponible dans le paramètre d'URL.

Par exemple, si un visiteur ouvre votre site et que sa localisation n'est pas disponible dans l'URL, le texte dynamique pourrait afficher « Magasins près de chez vous » au lieu de « Magasins près de la Floride ».

Après cela, cliquez simplement sur le bouton « Insérer » pour ajouter le texte dynamique.

Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer » en haut pour stocker vos paramètres. Enfin, cliquez sur le bouton « Publier » pour rendre votre page de destination active.

Enregistrer le contenu dynamique dans WordPress

Maintenant, visitez votre site Web pour découvrir le contenu dynamique en action.

Voici à quoi cela ressemble sur notre site Web de démonstration.

Aperçu du contenu dynamique dans SeedProd

Méthode 2 : Ajouter du contenu dynamique avec OptinMonster

Si vous souhaitez ajouter du contenu dynamique à vos campagnes publicitaires, y compris des pop-ups ou des barres flottantes, alors cette méthode est faite pour vous.

OptinMonster est le meilleur outil de génération de prospects et d'optimisation de la conversion sur le marché. Il vous permet d'afficher des campagnes personnalisées aux utilisateurs sans utiliser de code.

Il est également doté d'une fonctionnalité de remplacement de texte dynamique qui vous permet d'ajouter du contenu dynamique à vos campagnes à l'aide de balises intelligentes.

Pour plus de détails, consultez notre avis complet sur OptinMonster

Tout d'abord, vous devrez créer un compte OptinMonster car l'outil payant vous permet d'ajouter du contenu dynamique.

Visitez simplement le site Web d'OptinMonster et cliquez sur le bouton « Obtenir OptinMonster maintenant » pour créer un compte.

OptinMonster

Ensuite, vous devez installer et activer le plugin OptinMonster gratuit sur votre site Web WordPress. Pour des instructions détaillées, consultez notre tutoriel sur comment installer un plugin WordPress.

Après l'activation, vous verrez l'assistant de configuration OptinMonster dans le tableau de bord WordPress.

Voici à quoi cela ressemble sur notre site Web de démonstration.

À partir de là, cliquez sur le bouton « Connecter votre compte existant » pour connecter votre site WordPress à votre compte OptinMonster.

Connectez votre compte existant

Après cela, une nouvelle fenêtre s'ouvrira sur l'écran.

Cliquez simplement sur le bouton « Connecter à WordPress » pour continuer.

Connecter OptinMonster à WordPress

Une fois que vous avez connecté votre compte OptinMonster à WordPress, rendez-vous sur la page OptinMonster » Campagnes depuis la barre latérale d'administration de WordPress.

Ensuite, cliquez sur le bouton « Créer votre première campagne » pour démarrer une campagne.

Créer la première campagne OptinMonster

Cela vous mènera à la page « Modèles », où OptinMonster propose différents types de campagnes que vous pouvez utiliser pour montrer à vos utilisateurs divers types de contenu ou de messages ciblés.

Ceux-ci incluent des popups, des barres flottantes, des campagnes ludiques, des campagnes intégrées, des popups de type slide-in, et plus encore.

Par exemple, si vous souhaitez afficher du contenu dynamique à l'intérieur d'un article ou d'une page WordPress, vous pouvez choisir le type de campagne Intégrée.

Campagnes OptinMonster

Après avoir sélectionné un type de campagne, vous pouvez choisir l'un des modèles prédéfinis pour cette campagne spécifique.

Il vous sera ensuite demandé d'entrer un nom pour celle-ci et de cliquer sur le bouton « Commencer la création ».

Cliquez pour commencer à construire

Cela vous mènera à l'interface de création de campagnes d'OptinMonster. C'est un outil de glisser-déposer où vous pouvez concevoir votre campagne avec un aperçu en direct.

À partir de là, faites glisser et déposez le bloc Texte ou Titre depuis la barre latérale gauche dans la campagne. Après cela, sélectionnez simplement du texte dans le bloc pour ouvrir l'éditeur de texte en haut de celui-ci.

Ensuite, vous devez cliquer sur l'icône « Balises intelligentes » dans le coin droit de l'éditeur de texte pour ouvrir un menu déroulant avec une liste de balises intelligentes

Sélectionnez une balise intelligente

À partir d'ici, vous pouvez sélectionner n'importe quelle balise intelligente pour ajouter du contenu dynamique à votre campagne.

Par exemple, vous pouvez utiliser la balise intelligente {{form_first_name}} pour ajouter le nom de l'utilisateur en haut afin de rendre la campagne plus personnalisée.

Désormais, tous les utilisateurs connectés sur votre site verront leur nom dans la campagne.

Enregistrer le pop-up dans OptinMonster

D'autres balises intelligentes affichent le nom de la campagne, l'adresse e-mail, le code postal, le pays, la province, l'année, le mois, la date, le code de réduction, l'URL de la page, et plus encore.

Par exemple, l'utilisation de la balise intelligente pour les pays affichera le nom du pays de chaque utilisateur qui s'est connecté et qui consulte actuellement votre campagne.

De même, l'utilisation d'une balise intelligente de date vous aidera à afficher la limite de temps pour une promotion sans avoir à la mettre à jour manuellement à chaque fois.

Une fois que vous avez choisi votre ou vos balises intelligentes, cliquez simplement sur le bouton « Enregistrer » en haut pour sauvegarder vos paramètres.

Enfin, basculez vers l'onglet « Publier » en haut et cliquez sur le bouton « Publier » pour rendre votre campagne active.

Publier la campagne

Vous pouvez maintenant visiter le frontend de votre site web pour découvrir la campagne avec du contenu dynamique.

Voici à quoi cela ressemble sur notre site Web de démonstration.

Aperçu du contenu dynamique dans OptinMonster

Bonus : Ajouter le remplissage dynamique de champs dans les formulaires WordPress

En plus d'ajouter du contenu dynamique, vous pouvez également ajouter des remplissages de champs dynamiques dans vos formulaires WordPress. Cela vous permettra de remplir automatiquement les champs du formulaire en fonction de la sélection de l'utilisateur, du type de formulaire, des chaînes de requête ou de la logique conditionnelle.

Par exemple, si vous avez une boutique WooCommerce, vous pouvez ajouter un formulaire où le champ produit est rempli dynamiquement à l'aide des produits existants dans la boutique.

Cela peut réduire les erreurs de saisie de données, améliorer l'expérience utilisateur et rationaliser votre flux de travail de formulaire.

Vous pouvez facilement ajouter des populations de champs dynamiques dans vos formulaires en utilisant WPForms. C'est le meilleur plugin de formulaire de contact WordPress du marché qui offre la population de champs dynamiques, la logique conditionnelle et des champs de formulaire avancés.

Cela vous permet de créer des formulaires plus intelligents et plus interactifs sur votre site web.

Page d'accueil WPForms

Il vous suffit d'activer l'option « Paramètres d'URL ». Une fois que vous avez fait cela, WPForms commencera à accepter les champs de formulaire dynamiques passés via les paramètres d'URL dans un format spécifique.

Pour des instructions détaillées, consultez notre tutoriel sur comment utiliser la population de champs dynamiques dans WordPress pour pré-remplir les formulaires.

Activer les paramètres d'URL

De plus, WPForms propose également des modèles prédéfinis, un constructeur par glisser-déposer et une protection complète contre le spam pour sécuriser vos formulaires WordPress.

Pour plus de détails, consultez notre avis complet sur WPForms.

Nous espérons que cet article vous a aidé à apprendre comment ajouter du contenu dynamique dans WordPress. Vous pourriez également consulter notre tutoriel étape par étape sur comment ajouter une date de copyright dynamique dans le pied de page de WordPress et nos meilleures sélections pour les meilleurs éléments de conception pour un site Web WordPress efficace.

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.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

4 CommentsLeave a Reply

  1. Ce guide est très utile ! Il me rappelle un projet sur lequel j'ai travaillé où nous avons intégré du contenu dynamique pour afficher les commentaires des utilisateurs en temps réel. Au début, il était un peu difficile de gérer l'équilibre entre les fonctionnalités dynamiques et la vitesse du site. Nous avons constaté que l'optimisation de nos requêtes de base de données et l'utilisation de plugins de mise en cache faisaient une différence significative.

  2. Excellent guide sur l'utilisation du contenu dynamique dans WordPress !
    J'ai une boutique en ligne (vendant des t-shirts), j'ai trouvé les conseils ici super précieux. L'ajout de cette touche personnalisée avec du contenu dynamique semble être un moyen intelligent d'augmenter l'engagement et les conversions.

    Une question rapide cependant :- quel impact ont les plugins comme SeedProd et OptinMonster sur la vitesse et les performances du site ?
    Je ne les ai pas encore essayés...

    Les temps de chargement du site sont cruciaux pour les conversions, je veux donc m'assurer que l'ajout de tout ce contenu dynamique ne ralentira pas trop les choses.
    Quelle a été l'expérience en termes de maintien de temps de chargement rapides ?

    • Les plugins devraient avoir des effets très mineurs sur le temps de chargement de votre site.

      Admin

    • J'utilise OptinMonster pour mes campagnes de newsletter et Patreon, et SeedProd pour mes pages de destination. Comme j'ai construit tout mon site web moi-même, j'ai effectué de nombreux tests de vitesse pour garantir de bons résultats dans Google Search Console. Sachant quelles étaient les métriques de vitesse exactes avant d'implémenter ces plugins, je peux confirmer que leur utilisation n'a pas du tout ralenti mon site web. Mes métriques de performance sont restées pratiquement identiques. Vous n'avez donc pas à vous inquiéter de cela.

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.