Dans ce tutoriel, nous allons voir comment il est possible d'afficher automatiquement des cadenas sur les articles réservés aux abonnés. Ainsi il sera possible pour les lecteurs de différencier les contenus payants et les articles gratuits.

Pour ce faire, nous allons utiliser les variables conditionnelles. Pour en savoir plus sur leur fonctionnement, je vous invite à parcourir cet article qui aborde le sujet des variables conditionnelles dans les newsletters.

Avant de commencer, soulignons qu'il y a un prérequis :

  • L'information "premium" doit être renseignée dans les métadonnées de tous les articles et doit être disponible dans le flux.

Comment différencier les articles premium des articles gratuits ?

Nous allons ajouter une variable conditionnelle sur tous les articles qui devra afficher un cadenas quand l'article est payant et qui n'affichera rien quand l'article est gratuit.

Ici, la métadonnée permettant d'identifier un article payant est "premium". Alors, nous allons utiliser {{#metadata.premium}} image du cadenas {{/metadata.premium}}.

  1. Ajoutez cette variable à l'endroit où vous souhaitez voir apparaître le cadenas. Dans cet exemple, ce sera dans le titre de l'article 1 puis au début des descriptions des articles 2,3 et 4.

2.  {{#metadata.premium}} ajoutez l'image du cadenas ici {{/metadata.premium}}

3. Ajustez la taille de l'image en cliquant dessus

4. Réitérez l'opération sur tous les articles de la newsletter sinon, la variable conditionnelle ne sera pas active sur l’ensemble des contenus.


Après avoir ajouté la variable conditionnelle sur tous les articles, nous voyons qu'elle fonctionne correctement, puisque les articles 1 et 4 affichent le cadenas. Il ne s'agit là que d'une prévisualisation. Pour gérer l'éditorialisation des contenus, il faut vous rendre dans l'onglet "Éditorial".

Bon à savoir :
Pour les images, utilisez les formats suivants : .jpg ou .png :

  • .jpg : format compressé avec fond blanc
  • .png : format compressé permettant la transparence


Pour cet exemple, j'ai choisi d'utiliser une image, mais cela pourrait être du texte p.ex. {{#metadata.premium}} Réservé aux abonnés {{/metadata.premium}}

Avez-vous trouvé votre réponse?