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

L’Ajout de contenu dynamique à votre site WordPress peut améliorer de manière significative l’engagement des utilisateurs/utilisatrices et améliorer les performances globales du site.

Il s’agit d’un contenu qui se modifie en fonction de l’interaction avec l’utilisateur, de son comportement ou d’autres facteurs en temps réel, offrant ainsi une expérience de navigation plus personnalisée à vos internautes. Que vous soyez blogueur, chef d’entreprise ou gestionnaire de site, l’utilisation de contenu dynamique est un moyen puissant de faire sortir votre site du lot.

Chez WPBeginner, nous utilisons régulièrement du contenu dynamique pour mieux engager notre audience. Par exemple, tous nos e-mails d’information sont adressés à la personne à laquelle nous les envoyons.

Il s’agit d’une utilisation simple mais efficace du contenu dynamique, où le cœur de l’e-mail reste le même, mais où le nom du destinataire est modifié en fonction de la personne qui le reçoit. Nous aimons ajouter cette touche personnelle et nous avons pu constater de visu que ce type de contenu dynamique stimule l’engagement.

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

Pourquoi ajouter du contenu dynamique dans WordPress ?

Le texte dynamique fait référence au contenu qui se modifie sur un site en fonction de différents facteurs, notamment le comportement de l’utilisateur, l’heure, l’Emplacement, le nom, etc.

Définir des textes dynamiques permet aux utilisateurs/utilisatrices de votre site WordPress de voir des messages différents en fonction de différents facteurs.

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

Afficher un contenu personnalisé peut permettre aux internautes de rester plus longtemps sur votre site, ce qui peut réduire le taux de rebond et améliorer le classement de votre site en matière de référencement.

Il peut même aider à convertir les utilisateurs en clients/clientes ou abonnés/abonnées en affichant que votre site se soucie de ses internautes. Cela peut créer une impression positive et instaurer la confiance.

De plus, le contenu dynamique peut augmenter les ventes et les inscriptions sur votre site. Par exemple, vous pouvez afficher dynamiquement la date du jour pour un compte à rebours ou une offre de remise, et cette date sera automatiquement mise à jour chaque jour. Cela peut créer un sentiment d’urgence et prospecter davantage.

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

Méthode 1 : Créer une page d’atterrissage dynamique à l’aide de SeedProd

Si vous souhaitez créer une page d’atterrissage avec un contenu dynamique, cette méthode est faite pour vous.

SeedProd est le meilleur constructeur de page WordPress sur le marché qui vous aide à créer des pages d’atterrissage 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 à votre texte en quelques clics. Pour en savoir plus, consultez notre Avis SeedProd.

Tout d’abord, vous devez installer et activer l’extension SeedProd. Pour plus de détails, consultez notre guide du débutant sur l’installation d’une extension WordPress.

Une fois activé, rendez-vous sur la page  » Réglages  » de SeedProd pour saisir la clé de licence de l’extension.

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

Ensuite, vous devez visiter SeedProd  » Page d’atterrissage à partir de la colonne latérale d’administration de WordPress.

Une fois que vous y êtes, cliquez sur le bouton  » Ajouter une nouvelle page d’atterrissage « .

Vous accéderez à l’écran  » Choisissez un nouveau modèle de page « , où vous pourrez sélectionner l’un des modèles prédéfinis pour votre page d’atterrissage.

Lors de la sélection du Modèle, il vous sera demandé de saisir un nom de page et de sélectionner une URL.

Après avoir saisi/saisie ces informations, il suffit de cliquer sur le bouton « Enregistrer et commencer à modifier la page » pour continuer.

Cela lancera le constructeur 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 la création d’une page d’atterrissage dans WordPress.

Ensuite, il suffit de faire glisser et de déposer le bloc Titre ou Texte de la colonne latérale de gauche sur la page d’atterrissage. Ensuite, cliquez sur le bloc pour ouvrir ses réglages dans la colonne de gauche.

Une fois cela fait, cliquez sur le bouton « Insérer un texte dynamique ».

Une invite « Remplacement dynamique du texte » s’affiche alors à l’écran.

Sélectionnez ensuite l’option « DateTime » si vous souhaitez configurer une heure ou une date de manière dynamique. Cela peut s’avérer utile si vous souhaitez afficher la durée limite d’une vente ou d’une remise sur votre site.

Il suffit ensuite de sélectionner un format de date dans le menu déroulant et de cliquer sur le bouton « Insérer ».

Si votre format préféré n’apparaît pas dans le menu déroulant, vous pouvez cliquer sur le lien « En savoir plus » en haut de la page pour découvrir d’autres formats.

Si vous souhaitez ajouter un Emplacement, un nom, un pays, un support 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 ».

Ensuite, ajoutez le facteur de texte dynamique dans l’option « Nom du paramètre ».

Par exemple, si vous ajoutez un texte dynamique pour les noms dans l’option « Paramètre Nom », toutes les personnes connectées à votre site verront leur nom, tel que « Hey John », au lieu de « Hey There » sur la page.

Ou si vous ajoutez un texte dynamique pour une adresse e-mail, alors les utilisateurs/utilisatrices afficheront leur adresse e-mail sur votre page d’atterrissage à chaque fois qu’ils se connecteront.

De même, si vous souhaitez afficher dynamiquement l’Emplacement de chaque utilisateur, vous pouvez saisir « Emplacement » comme nom de paramètre.

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

Par exemple, si un internaute ouvre votre site et que son Emplacement n’est pas indiqué dans l’URL, le texte dynamique pourra dire « Stores près de chez vous » au lieu de « Stores près de la Floride ».

Il suffit ensuite de cliquer sur le bouton « Insérer » pour ajouter le texte dynamique.

Une fois que vous avez défini cela, cliquez sur le bouton  » Enregistrer  » en haut pour stocker vos Réglages. Enfin, cliquez sur le bouton « Publier » pour mettre votre page d’atterrissage en direct.

Maintenant, visitez votre site pour voir le contenu dynamique en action.

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

Méthode 2 : Ajouter un contenu dynamique en utilisant OptinMonster

Si vous souhaitez ajouter du contenu dynamique à vos campagnes publicitaires, notamment des fenêtres surgissantes ou des barres flottantes, cette méthode est faite pour vous.

OptinMonster est le meilleur outil de génération de prospects et d’optimisation des conversions du marché. Il vous permet d’afficher des campagnes personnalisées aux utilisateurs/utilisatrices 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 balise intelligente.

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

Tout d’abord, vous devrez vous inscrire à un compte OptinMonster car l’outil payant vous permet d’ajouter du contenu dynamique.

Il suffit de se rendre sur le site d’OptinMonster et de cliquer sur le bouton « Get OptinMonster Now » pour configurer un compte.

Ensuite, vous devez installer et activer l’extension gratuite OptinMonster sur votre site WordPress. Pour des instructions détaillées, consultez notre tutoriel sur l ‘installation d’une extension WordPress.

Une fois activé, vous verrez l’assistant de configuration d’OptinMonster dans le Tableau de bord WordPress.

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

Cliquez ensuite sur le bouton « Connecter votre compte existant » pour connecter votre site WordPress à votre compte OptinMonster.

Une nouvelle fenêtre s’ouvre alors à l’écran.

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

Une fois que vous avez connecté votre compte OptinMonster à WordPress, rendez-vous sur la page OptinMonster  » Campagnes dans la colonne latérale de l’administrateur WordPress.

Cliquez ensuite sur le bouton « Créer votre première campagne » pour lancer une campagne.

Vous accéderez ainsi à la page  » Modèles « , où OptinMonster propose différents types de campagnes que vous pouvez utiliser pour afficher à vos utilisateurs/utilisatrices divers types de contenus ou de messages ciblés.

Il s’agit notamment des fenêtres surgissantes, des barres flottantes, des campagnes gamifiées, des campagnes en ligne, des popups diapositives, etc.

Par exemple, si vous souhaitez afficher un contenu dynamique à l’intérieur d’une publication ou d’une page WordPress, vous pouvez choisir le type de campagne Inline.

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 alors demandé de saisir un nom et de cliquer sur le bouton « Commencer la Version ».

Vous accéderez ainsi à l’interface du Constructeur de campagne d’OptinMonster. Il s’agit d’un outil de glisser-déposer où vous pouvez concevoir votre campagne avec une Prévisualisation en direct.

À partir de là, faites glisser et déposez le bloc Texte ou Titre de la colonne latérale de gauche dans la campagne. Ensuite, il suffit de sélectionner du texte dans le bloc pour ouvrir l’éditeur de texte situé en haut de celui-ci.

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

À partir de là, vous pouvez sélectionner n’importe quel balise intelligente pour ajouter un contenu dynamique à votre campagne.

Par exemple, vous pouvez utiliser la balise intelligente {{form_first_name}} pour ajouter le nom de l’utilisateur en haut de la page afin de personnaliser la campagne.

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

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 du coupon, l’URL de la page, etc.

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 est en train de voir votre campagne.

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

Une fois que vous avez choisi vos identifiants intelligents, il vous suffit de cliquer sur le bouton « Enregistrer » en haut de la page pour stocker vos réglages.

Enfin, passez à l’onglet « Publier » en haut de la page et cliquez sur le bouton « Publier » pour rendre votre campagne directe.

Vous pouvez maintenant visiter l’interface publique de votre site pour vérifier la campagne avec un contenu dynamique.

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

Bonus : Ajouter une population de champs dynamiques dans les formulaires WordPress

Ajouté à l’ajout de contenu dynamique, vous pouvez également ajouter des populations de champs dynamiques dans vos formulaires WordPress. Cela vous permettra de remplir automatiquement les champs de 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 un magasin WooCommerce, alors vous pouvez ajouter un formulaire où le champ du produit est rempli dynamiquement en utilisant les produits existants dans le magasin.

Cela permet de réduire les erreurs de saisie, d’améliorer l’expérience des utilisateurs/utilisatrices et de rationaliser le flux de travail de votre formulaire.

Vous pouvez facilement ajouter des populations de champs dynamiques dans vos formulaires en utilisant WPForms. C’est la meilleure extension de formulaire de contact WordPress sur le marché qui est livré avec la population de champs dynamiques, la logique conditionnelle et les champs de formulaire avancés.

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

Tout ce que vous avez à faire est de permuter l’option ‘Paramètres URL’. Une fois que vous avez fait cela, WPForms commencera à accepter les champs de formulaires dynamiques passés par des paramètres d’URL dans un format spécifique.

Pour des instructions détaillées, consultez notre tutoriel sur l’utilisation de la population de champs dynamiques dans WordPress pour remplir automatiquement les formulaires.

En outre, WPForms offre également des modèles pré-fabriqués, un constructeur Avancée et une protection complète contre les indésirables 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 sur WordPress. Vous pouvez également consulter notre tutoriel étape par étape sur la façon d’ajouter une date de copyright dynamique dans le pied de page de WordPress et notre top des meilleurs éléments de conception pour un site WordPress efficace.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.