{
    "id": 32,
    "app_id": 911,
    "slug": "variables-personnalisation",
    "type": "feature",
    "titre": "Personnalisez chaque courrier avec des variables",
    "titre_court": "Les variables",
    "app_nom": "L'éditeur de modèle",
    "categorie_id": 2,
    "categorie_label": "Fidéliser / Communiquer",
    "moments": [
        "creer-courrier"
    ],
    "url_page": "/pro/guides/911/32-variables-personnalisation",
    "image_url": "https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/cover-variables-personnalisation.jpg",
    "introduction": "Une variable est un emplacement de votre courrier remplacé par une donnée différente pour chaque destinataire : vous l'écrivez une fois dans votre modèle, et chaque exemplaire sort personnalisé. Elle s'affiche entre doubles accolades, par exemple {{prenom}}. Ce guide couvre l'éditeur : où trouver vos variables, comment en créer une, et ce qu'entraîne sa suppression. Il ne couvre pas l'import de votre fichier de destinataires ni la prévisualisation, qui ont leurs propres guides.",
    "duree_min": 5,
    "genere_le": "2026-09-08 09:59:19",
    "chapitres": [
        {
            "cle": "modele",
            "titre": "Retrouvez, créez et gérez vos variables dans l'éditeur",
            "titre_court": "Gérer vos variables",
            "portee": "produit",
            "ancre": "modele",
            "url_ancre": "/pro/guides/911/32-variables-personnalisation#modele",
            "contenu_html": "<p class=\"text-secondary\">Une variable posée s'affiche entre doubles accolades dans votre modèle, comme <strong>{{prenom}} {{nom}}</strong> ou <strong>{{ville}}</strong>. Depuis la section <strong>Texte</strong> du menu de gauche, le panneau d'insertion des variables range celles-ci en trois sections : les variables déjà posées sur ce courrier, les variables mises à disposition par votre app (regroupées par catégorie, par exemple Adresse ou Contact), et vos variables enregistrées.</p><figure class=\"text-center my-3\"><img src=\"https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/variables-editeur-etat-initial.jpg\" alt=\"Éditeur de modèle affichant deux variables posées entre doubles accolades et le panneau Insérer des variables avec ses trois sections\" loading=\"lazy\" width=\"900\" class=\"guide-img\"><figcaption class=\"text-muted small fst-italic mt-2\">Les variables posées s'affichent entre doubles accolades dans le modèle.</figcaption></figure><p class=\"text-secondary\">La section <strong>Variables du document</strong>, en haut du panneau, n'est pas une catégorie de variables : c'est un raccourci qui liste uniquement celles déjà posées sur ce courrier, pour les réutiliser facilement ailleurs dans le modèle.</p><figure class=\"text-center my-3\"><img src=\"https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/variables-panneau-section-document.jpg\" alt=\"Section Variables du document en haut du panneau, listant les variables déjà posées sur le courrier\" loading=\"lazy\" width=\"900\" class=\"guide-img\"><figcaption class=\"text-muted small fst-italic mt-2\">Un raccourci vers les variables déjà utilisées dans votre courrier.</figcaption></figure><div class=\"alert alert-info border-0 d-flex gap-2\" role=\"alert\" style=\"border-radius: 10px;\"><i class=\"bi bi-lightbulb-fill text-info mt-1\"></i><div><strong>Bon à savoir</strong><br>Les variables proposées par catégorie dépendent de votre app : vous ne trouverez pas les mêmes d'une app à l'autre. Vos variables enregistrées, elles, vous suivent d'un courrier à l'autre.</div></div><p class=\"text-secondary\">Dès que la section Variables du document dépasse trois entrées, un lien <strong>Parcourir</strong> apparaît à droite du titre et ouvre la liste complète, avec un champ de recherche.</p><figure class=\"text-center my-3\"><img src=\"https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/variables-panneau-liste-complete.jpg\" alt=\"Vue Variables du document ouverte via le lien Parcourir, avec un champ de recherche et la liste complète des variables\" loading=\"lazy\" width=\"900\" class=\"guide-img\"><figcaption class=\"text-muted small fst-italic mt-2\">Le lien Parcourir ouvre la liste complète au-delà de trois entrées.</figcaption></figure><p class=\"text-secondary\">Pour créer une nouvelle variable, cliquez sur <strong>Ajouter une variable</strong> : un formulaire s'ouvre directement sous le bouton, avec un champ <strong>Champ de variable</strong> et un bouton de validation.</p><figure class=\"text-center my-3\"><img src=\"https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/variables-creation-formulaire-vide.jpg\" alt=\"Formulaire de création de variable ouvert sous le bouton Ajouter une variable, avec un champ Champ de variable vide\" loading=\"lazy\" width=\"900\" class=\"guide-img\"><figcaption class=\"text-muted small fst-italic mt-2\">Le formulaire de création s'ouvre en ligne, sans fenêtre modale.</figcaption></figure><p class=\"text-secondary\">Saisissez un nom explicite, avec majuscules et accents si besoin : ils seront automatiquement adaptés.</p><figure class=\"text-center my-3\"><img src=\"https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/variables-creation-nom-saisi.jpg\" alt=\"Champ de variable rempli avec la valeur Numéro de client, avant validation\" loading=\"lazy\" width=\"900\" class=\"guide-img\"><figcaption class=\"text-muted small fst-italic mt-2\">Le nom peut être saisi normalement, avec majuscules et accents.</figcaption></figure><div class=\"alert alert-warning border-0 d-flex gap-2\" role=\"alert\" style=\"border-radius: 10px;\"><i class=\"bi bi-exclamation-triangle-fill text-warning mt-1\"></i><div><strong>Attention</strong><br>Le nom saisi est transformé automatiquement : majuscules en minuscules, accents supprimés, espaces remplacés par des tirets bas. « Numéro de client » devient ainsi <strong>numero_de_client</strong>. C'est ce nom transformé que vous retrouverez partout ensuite.</div></div><p class=\"text-secondary\">Une fois validée, la variable est enregistrée et insérée dans le même geste, dans un nouveau bloc de texte créé sur votre courrier.</p><figure class=\"text-center my-3\"><img src=\"https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/variables-creation-resultat.jpg\" alt=\"Variable numero_de_client créée, enregistrée et insérée automatiquement dans un nouveau bloc de texte sur le canevas\" loading=\"lazy\" width=\"900\" class=\"guide-img\"><figcaption class=\"text-muted small fst-italic mt-2\">La création enregistre et insère la variable dans le même geste.</figcaption></figure><p class=\"text-secondary\">Le menu à trois points d'une variable enregistrée ne propose qu'une seule action : la supprimer.</p><figure class=\"text-center my-3\"><img src=\"https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/variables-menu-variable-enregistree.jpg\" alt=\"Menu d'une variable enregistrée ouvert, ne proposant qu'une action Supprimer en rouge\" loading=\"lazy\" width=\"900\" class=\"guide-img\"><figcaption class=\"text-muted small fst-italic mt-2\">Seule action disponible sur une variable enregistrée : la supprimer.</figcaption></figure><div class=\"alert alert-warning border-0 d-flex gap-2\" role=\"alert\" style=\"border-radius: 10px;\"><i class=\"bi bi-exclamation-triangle-fill text-warning mt-1\"></i><div><strong>Attention</strong><br>Supprimer une variable enregistrée ne se limite pas à la liste : elle efface aussi cette variable des textes de votre courrier, et supprime les QR codes dynamiques qu'elle alimentait — sans écran de confirmation.</div></div><figure class=\"text-center my-3\"><img src=\"https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/variables-suppression-resultat-texte.jpg\" alt=\"Variable disparue de la liste des variables enregistrées et du texte du courrier après suppression\" loading=\"lazy\" width=\"900\" class=\"guide-img\"><figcaption class=\"text-muted small fst-italic mt-2\">Le texte qui affichait la variable est retiré du canevas.</figcaption></figure><figure class=\"text-center my-3\"><img src=\"https://dk2wbmtb9x9n8.cloudfront.net/assets/app/guides/img/guide-variables-personnalisation-images/variables-suppression-resultat-qrcode.jpg\" alt=\"Liste des QR codes de type Variable revenue à vide après suppression de la variable qui alimentait le QR code dynamique\" loading=\"lazy\" width=\"900\" class=\"guide-img\"><figcaption class=\"text-muted small fst-italic mt-2\">Un QR code dynamique alimenté par la variable disparaît avec elle.</figcaption></figure>"
        }
    ]
}