Recherche

[Mode d'emploi] Afficher ou masquer le contenu de vos emails avec des instructions if

Brevo propose deux méthodes pour afficher ou masquer le contenu de vos emails : en utilisant la fonctionnalité Visibilité du contenu dans l’éditeur d'email Drag & Drop ou en tapant manuellement les instructions if.
Cet article traite de la méthode manuelle. Si vous préférez la fonctionnalité Visibilité du contenu, consultez notre article dédié Afficher ou masquer le contenu dans vos emails (visibilité du contenu).

Utilisez une instruction if pour afficher ou masquer des parties de votre email en fonction des données de chaque destinataire. Cela vous permet d’envoyer un seul email qui s’adapte dynamiquement à différents contacts, en fonction de conditions spécifiques.

Vous pouvez définir des conditions d'instructions if selon différents critères :

  • Attributs du contact
    Affichez ou masquez des sections de votre email en fonction des valeurs stockées dans les attributs du contact. Par exemple, vous pouvez afficher un message destiné uniquement aux VIP aux contacts avec l’attribut Statut défini sur "VIP".
  • Données d’événement
    Personnalisez le contenu en fonction des actions que vos contacts ont (ou n’ont pas) effectuées. Par exemple, vous pouvez afficher un bloc promotionnel uniquement pour les contacts qui n’ont jamais passé de commande.
  • Flux de données
    Personnalisez le contenu à l’aide des données en temps réel de flux externes. Par exemple, vous pouvez proposer des recommandations de produits personnalisées, une tarification en direct ou des informations d'une boutique localisée en fonction de données externes.
  • Flux produit
    Personnalisez le contenu à l’aide des informations sur les produits de votre site web d'eCommerce. Par exemple, vous pouvez présenter vos produits les plus vendus ou des recommandations de produits personnalisées.

Qu'est-ce qu'une instruction if ?

Une instruction if est une règle conditionnelle qui décide si un contenu doit être affiché en fonction d'une condition précise. Dans les templates d’email, les instructions if vous permettent d’afficher ou de masquer dynamiquement le contenu en fonction des données du destinataire, ce qui rend vos emails plus ciblés et personnalisés.

Par exemple, les emails ci-dessous sont envoyés depuis le même template mais affichent un contenu différent en fonction des données du destinataire :

show_hide_content_example1_en-us.png show_hide_content_example2_en-us.png

Voici quelques exemples :

  • Salutations personnalisées
    Affichez "Bonjour M. X" pour les hommes, "Bonjour Mme Y" pour les femmes ou simplement "Bonjour" en l'absence de nom ou de genre.
  • Images ou promotions ciblées
    Montrez une image d’un modèle portant la taille de vêtement préférée du destinataire ou mettez en avant un produit dans sa couleur préférée.
  • Messages promotionnels personnalisés
    Incluez des offres spéciales dans les emails transactionnels en fonction des achats passés ou d’autres attributs du contact.

Structure et syntaxe d'une instruction if

Une instruction if doit suivre une structure et des règles de syntaxe spécifiques :

  • L’instruction commence par une balise if, suivie d’une condition : {% if ... %}. 
  • Vous pouvez également inclure ce qui suit :
    • D'autres conditions, qui sont évaluées dans l'ordre. Elles commencent par {% elif ... %}. 
    • Une clause attrape-tout juste avant la fin de l'instruction avec {% else %}.
  • Chaque instruction if doit se terminer par {% endif %}.

Méthodes courantes pour créer une déclaration if

💡 Bon à savoir
Évitez d'utiliser une instruction if pour les variables contenant des valeurs flottantes, car elles risquent de ne pas produire de résultats précis. Cependant, vous pouvez appliquer une instruction si la valeur flottante est transmise sous forme de chaîne (entre guillemets, par exemple "3,14").

Voici quelques méthodes courantes pour créer une instruction if et afficher ou masquer le contenu de vos emails en fonction de conditions spécifiques :

if

Vérifie si une valeur est vraie ou si un tableau contient des éléments (c'est-à-dire s'il n'est pas vide).

Exemple 1

Syntaxe 
{% if condition %}
     Ajoutez le contenu à afficher si la valeur est vraie ou si un tableau contient des éléments
{% endif %}
Exemple de saisie 
{% if contact.active %}
     Félicitations ! Vous avez atteint votre objectif ce mois-ci.
{% endif %}
Exemple de sortie
La valeur est vraie ou le tableau contient des éléments La valeur est fausse ou le tableau est vide

Félicitations ! Vous avez atteint votre objectif ce mois-ci.

Le contenu est masqué

Exemple 2

Syntaxe 
{% if condition %}
{% for loop %}
     Ajoutez le contenu à la boucle si la valeur est vraie ou si un tableau contient des éléments
{% endfor %}
{% endif %}
Exemple de saisie 
{% if params.tutors %}
Les professeurs suivants sont disponibles pour vous aider :
{% for tutor in params.tutors %}
     {{ tutor.name }}
{% endfor %}
{% endif %}
Exemple de sortie
La valeur est vraie ou le tableau contient des éléments La valeur est fausse ou le tableau est vide

Les professeurs suivants sont disponibles pour vous aider :

Abby Smith

James Doe

Peter Parker

Le contenu est masqué

==

Vérifie si une expression est vraie.

Exemple 1

Syntaxe 
{% if condition == "value" %}
     Ajoutez le contenu à afficher si l'expression est vraie
{% endif %}
Exemple de saisie 
{% if coupon == "WELCOME" %}
     Bienvenue dans notre liste ! Voici votre premier code de réduction : BIENVENUE25{% endif %}
Exemple de sortie
L'expression est vraie L'expression est fausse

Bienvenue dans notre liste ! Voici votre premier code de réduction : BIENVENUE25

Le contenu est masqué

Exemple 2

Syntaxe 
{% if condition == true %}
     Ajoutez le contenu à afficher si l'expression est vraie
{% endif %}
Exemple de saisie 
{% if contact.donor == true %}
     Merci pour votre soutien !
{% endif %}
Exemple de sortie
L'expression est vraie L'expression est fausse

Merci pour votre soutien !

Le contenu est masqué

if, in

Vérifie si une valeur (sous-chaîne) est présente dans une chaîne ou si une variable se trouve dans un tableau.

Exemple 1

Syntaxe 
{% if "value" in condition %}
     Ajoutez le contenu à afficher si une valeur est présente dans une chaîne
     ou si une variable se trouve dans un tableau
{% endif %}
Exemple de saisie 
{% if "recent" in customer.last_purchase_status %}
     Merci pour votre récent achat ! Nous espérons que vous apprécierez vos nouveaux articles.
{% endif %}
Exemple de sortie
La valeur est présente dans une chaîne ou une variable se trouve dans un tableau Aucune valeur n'est présente dans une chaîne ou aucune variable ne se trouve dans un tableau

Merci pour votre récent achat ! Nous espérons que vous apprécierez vos nouveaux articles.

Le contenu est masqué

Exemple 2

Syntaxe 
{% if "value" in condition %}
     Ajoutez le contenu à afficher si une valeur est présente dans une chaîne
     ou si une variable se trouve dans un tableau
{% endif %}
Exemple de saisie 
{% if "fragile" in params.type %}
     À manipuler avec précaution ! Un ou plusieurs articles fragiles se trouvent dans votre commande.
{% endif %}
Exemple de sortie
La valeur est présente dans une chaîne ou une variable se trouve dans un tableau Aucune valeur n'est présente dans une chaîne ou aucune variable ne se trouve dans un tableau

À manipuler avec précaution ! Un ou plusieurs articles fragiles se trouvent dans votre commande.

Le contenu est masqué

not

Vérifie si une valeur est fausse.

Exemple 1

Syntaxe 
{% if not condition %}
     Ajoutez le contenu à afficher si une valeur est fausse
{% endif %}
Exemple de saisie 
{% if not user.subscribed %}
    Vous n'êtes pas abonné à nos alertes de vente privées. Inscrivez-vous ici.{% endif %}
Exemple de sortie
La valeur est fausse La valeur est vraie

Vous n'êtes pas abonné à nos alertes de vente privées. Inscrivez-vous ici.

Le contenu est masqué

and / or

Vérifie plusieurs conditions.

Exemple 1

Syntaxe 
{% if condition1 and condition2 %}
     Ajoutez le contenu à afficher si toutes les conditions sont vraies
{% endif %}
Exemple de saisie 
{% if temperature > 10 and temperature < 55 %}
     Brr. Il fait froid ! Voici un code de réduction de 20 % sur n'importe quelle boisson chaude, aujourd'hui seulement.
{% endif %}
Exemple de sortie
Toutes les conditions sont vraies Au moins l'une des conditions n'est pas vraie

Brr. Il fait froid ! Voici un code de réduction de 20 % sur n'importe quelle boisson chaude, aujourd'hui seulement.

Le contenu est masqué

Exemple 2

Syntaxe 
{% if condition1 == "value" and condition2 == "value" %}
     Ajoutez le contenu à afficher si toutes les conditions sont vraies
{% endif %}
Exemple de saisie 
{% if contact.lang == "FR" and contact.country == "Canada" %}
     À l'occasion de la fête du Canada ce 1er juillet 2024, profitez de 10 % 
     de réduction supplémentaires dans nos enseignes canadiennes !
{% endif %}
Exemple de sortie
Toutes les conditions sont vraies Au moins l'une des conditions n'est pas vraie

À l'occasion de la fête du Canada ce 1er juillet 2024, profitez de 10 % de réduction supplémentaires dans nos enseignes canadiennes !

Le contenu est masqué

Exemple 3

Syntaxe 
{% if condition1 == "value" or condition2 == "value" %}
     Ajoutez le contenu à afficher si au moins une des conditions est vraie
{% endif %}
Exemple de saisie 
{% if contact.country == "United States" or contact.country == "Canada" %}
     Merci de faire vos achats chez nous ! Profitez de la livraison gratuite pour les commandes de plus de 50 $
     aux États-Unis et Canada.  
{% endif %}
Exemple de sortie
Au moins l'une des conditions est vraie Aucune des conditions n'est vraie

Merci de faire vos achats chez nous ! Profitez de la livraison gratuite pour les commandes de plus de 50 $
aux États-Unis et Canada.

Le contenu est masqué

elif, else

Vérifie plusieurs branches.

Exemple 1

Syntaxe 
{% if condition1 == "value" %}

         Ajoutez le contenu à afficher si la condition 1 est vraie
            
{% elif condition2 == "value" %}

        Ajoutez le contenu à afficher si la condition 2 est vraie

          {% else %} 

        Ajoutez le contenu à afficher si aucune des conditions n'est vraie
          
{% endif %}
Exemple de saisie 
Bonjour 
{% if contact.gender == "Male" %}
M. {{ contact.lastname }},
{% elif contact.gender == "Female" %}
Mme {{ contact.lastname }},
{% else %}
cher client,
{% endif %}
Exemple de sortie
La condition 1 est vraie La condition 2 est vraie Aucune des conditions n'est vraie

Bonjour M. Smith,

Bonjour Mme Jones,

Bonjour cher client,

Exemple 2

Syntaxe 

{% if condition1 == "value" %}
Ajoutez le contenu à afficher si la condition 1 est vraie
{% elif condition2 == "value" %}
Ajoutez le contenu à afficher si la condition 2 est vraie
{% else %}
Ajoutez le contenu à afficher si aucune des conditions n'est vraie
{% endif %}
Exemple de saisie 
{% if "express" in params.shipping_method %}
Votre commande est expédiée par livraison express ! Vous devriez la recevoir 
dans un délai de 1 à 2 jours ouvrés.
{% elif "standard" in params.shipping_method %}
Votre commande est en route avec la livraison standard. Elle devrait arriver 
dans un délai de 3 à 5 jours ouvrés.
{% else %}
Votre commande est en cours de traitement. Nous vous enverrons bientôt les informations de suivi.
{% endif %}
Exemple de sortie
La condition 1 est vraie La condition 2 est vraie Aucune des conditions n'est vraie

Votre commande est expédiée par livraison express ! Vous devriez la recevoir dans un délai de 1 à 2 jours ouvrés.

Votre commande est en route avec la livraison standard. Elle devrait arriver dans un délai de 3 à 5 jours ouvrés.

Votre commande est en cours de traitement. Nous vous enverrons bientôt les informations de suivi.

⏭️ Et après ?

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.

💬 Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 12 sur 26