# Insertion de réponses

Utilisez les mentions @ pour référencer des réponses n'importe où dans votre formulaire.

## Insertion de réponses

Tapez @ pour référencer la réponse de n’importe quel champ — dans les titres de questions, les blocs de contenu, les pages de remerciement, les notifications par e-mail et les messages d’intégration. Les valeurs se mettent à jour dynamiquement pour que chaque répondant voie un contenu personnalisé.

<h2 id="how-it-works">Comment ça fonctionne</h2>

<p>
  Tapez <strong>@</strong> dans tout texte qui le prend en charge (voir ci-dessous). Un menu de mentions apparaît et liste les champs de
  votre formulaire regroupés par type : <strong>Champs masqués</strong>, <strong>Réponses</strong>, <strong>Groupes répétables</strong>,{' '}
  <strong>Champs calculés</strong> et <strong>Métadonnées</strong>. Sélectionnez un champ et Formstep insère une puce variable à
  l’emplacement de votre curseur.
</p>

<p>
  Dans l’éditeur, les valeurs insérées s’affichent sous forme de puce (ex. <strong>@Prénom</strong>). Lorsqu’un répondant remplit le
  formulaire, Formstep remplace chaque puce par sa réponse réelle.
</p>

<p>
  Pour taper un <strong>@</strong> simple à la place — une adresse e-mail ou un identifiant —, appuyez sur <kbd>Esc</kbd> pour fermer le
  menu et continuez à taper. Le menu se ferme aussi automatiquement lorsque rien ne correspond à ce que vous avez tapé après le{' '}
  <strong>@</strong>.
</p>

<h2 id="where-it-works">Où l’insertion fonctionne</h2>

<ul>
  <li>Titres de questions — une question ne propose jamais sa propre réponse, ce qui serait circulaire</li>
  <li>Blocs de contenu : paragraphes, titres, éléments de liste, cellules de tableau, liens et légendes d’image</li>
  <li>Contenu de la page de remerciement</li>
  <li>Traductions de tout ce qui précède, lorsque la mention se répercute dans chaque langue</li>
  <li>
    Objets et corps des notifications par e-mail : auto-notification, confirmation au répondant et e-mails de rappel de formulaire
    abandonné, ainsi que l’e-mail d’invitation à la demande
  </li>
  <li>
    Modèles d’intégration : messages <a href="/fr/integrations/slack">Slack</a> et <a href="/fr/integrations/discord">Discord</a>, titres et{' '}
    descriptions des tickets <a href="/fr/integrations/github">GitHub</a> et <a href="/fr/integrations/linear">Linear</a>, et mappages de
    champs <a href="/fr/integrations/notion">Notion</a> et <a href="/fr/integrations/airtable">Airtable</a>
  </li>
</ul>

<p>
  Les libellés des choix de réponse, ainsi que les libellés de ligne et de colonne des champs matrice, prennent eux aussi des mentions, mais
  avec un menu plus restreint : seulement Champs masqués, Champs calculés et Métadonnées — les valeurs qui existent avant que quiconque ne
  réponde. Le libellé d’une option est ce qui apparaît dans le résumé, dans les exports et dans le sélecteur de logique conditionnelle : il
  ne peut donc pas dépendre d’une autre réponse.
</p>

<p>
  Les libellés des boutons et les titres des groupes répétables ne prennent pas de mentions. Deux fonctionnalités proches fonctionnent
  différemment : <a href="/fr/building-forms/redirect-after-submit#query-parameters">les paramètres de requête de redirection</a>{' '}
  choisissent un champ dans une liste déroulante pour chaque paramètre, et <a href="#input-defaults">les valeurs par défaut de saisie</a>{' '}
  placent une valeur à l’intérieur d’un champ plutôt que dans un texte.
</p>

<h2 id="input-defaults">Pré-remplir un champ modifiable</h2>

<p>
  Une mention affiche une valeur sous forme de texte que le répondant ne peut pas modifier. Pour placer une valeur <em>à l’intérieur</em>{' '}
  d’un champ afin que le répondant puisse la confirmer ou la modifier, utilisez plutôt une référence de champ comme valeur par défaut du
  champ : tapez <kbd>@</kbd> comme premier caractère d’un champ Text Input, Text Area, Email, Phone Number, Website URL ou Number. Ce menu
  liste uniquement les <strong>Champs masqués</strong> et <strong>Champs calculés</strong>, car ce sont les seuls à posséder une valeur
  avant que le répondant ne commence à répondre. Voir{' '}
  <a href="/fr/building-forms/field-configuration#default-values">Valeurs par défaut issues d’autres champs</a>.
</p>

<p>
  C'est la technique pour un <strong>lien de partage</strong>, où une valeur ne peut arriver que via un paramètre d'URL et a donc besoin
  d'un champ masqué pour atterrir. Sur une <a href="/fr/requests/overview">demande</a>, vous n'avez besoin de rien de tout cela : l'appelant
  pré-remplit directement une question visible au moment où il crée la demande, en utilisant <code>prefill</code>, et peut marquer une clé{' '}
  <code>readonly</code> pour que le destinataire la voie sans pouvoir la modifier. Créez un champ masqué lorsque vous voulez transporter des
  données que le répondant ne doit jamais voir, pas simplement pour pré-remplir une réponse. Voir{' '}
  <a href="/fr/building-forms/hidden-fields#requests-prefill-directly">Les demandes n'ont pas besoin d'un champ masqué pour pré-remplir</a>.
</p>

<h2 id="field-types">Ce que vous pouvez insérer</h2>

<p>Dans le texte du formulaire, le menu @ liste cinq groupes, dans cet ordre :</p>

<p>
  Un champ vers lequel pointe une puce mais qui n’existe plus affiche l’infobulle « Le champ référencé a été supprimé » et s’affiche vide au
  moment du remplissage. Si vous supprimez un champ masqué ou calculé puis en ajoutez un autre portant le même nom, les puces existantes s’y
  reconnectent d’elles-mêmes. Les références à une question ne se reconnectent jamais de cette façon — les titres changent et peuvent entrer
  en collision, donc elles restent rompues jusqu’à ce que vous les réinsériez.
</p>

<h2 id="metadata-variables">Variables de métadonnées</h2>

<p>
  Au-delà des réponses aux champs, le groupe <strong>Métadonnées</strong> propose des valeurs générées à l’exécution. Certaines sont
  disponibles partout ; d’autres uniquement dans les modèles d’e-mail. Le nom ci-dessous est celui qui apparaît sur la puce.
</p>

<h3 id="metadata-form-and-email">Disponibles dans le contenu du formulaire et les modèles d’e-mail</h3>

<h3 id="metadata-form-only">Contenu du formulaire uniquement</h3>

<h3 id="metadata-email-only">Modèles d’e-mail uniquement</h3>

> 💡 **Les PINs comme numéros de référence**
> <p>
>     Ajoutez un <strong>6 Digit PIN</strong> dans l’e-mail de confirmation au répondant comme numéro de référence. Les répondants peuvent le
>     citer dans leurs échanges ultérieurs, et vous pouvez le retrouver dans le tableau des soumissions.
>   </p>

<h2 id="examples">Exemples</h2>

<ul>
  <li>
    <strong>Question personnalisée</strong> — "Merci @Prénom ! Comment évaluez-vous votre expérience avec @Entreprise ?"
  </li>
  <li>
    <strong>Remerciement dynamique</strong> — "Votre total est @Prix. Nous enverrons une confirmation à @E-mail dans les 24 heures."
  </li>
  <li>
    <strong>E-mail conditionnel</strong> — "Bonjour @Prénom, votre score de prospect est @Score prospect. Notre équipe vous contactera."
  </li>
  <li>
    <strong>Redirection avec contexte</strong> — dans les paramètres de redirection, ajoutez un paramètre <code>name</code> mappé à la
    question Name et un paramètre <code>plan</code> mappé à Plan. L’aperçu affiche l’URL vers laquelle les répondants sont redirigés :
  </li>
</ul>

```
https://yoursite.com/confirm?name={Name}&plan={Plan}
```

<h2 id="referencing-repeating-groups">Référencer des groupes répétables</h2>

<p>
  Les <a href="/fr/building-forms/repeating-groups">groupes répétables</a> permettent aux répondants d’ajouter autant d’entrées qu’ils le
  souhaitent, donc une seule référence peut rapporter plusieurs valeurs. La façon dont la mention @ se résout dépend de ce que vous ciblez.
</p>

<ul>
  <li>
    <strong>Un seul champ membre</strong> — Formstep joint les valeurs de ce champ pour toutes les entrées avec <strong> · </strong>.
    Mentionner le champ Name de trois invités affiche « Jane Appleseed · Marcus Lee · Priya Patel ».
  </li>
  <li>
    <strong>Le groupe entier</strong> — chaque entrée apparaît en ligne. Les valeurs des champs membres d’une même entrée sont jointes avec{' '}
    <strong> · </strong>, et les entrées sont séparées par des virgules. Un groupe avec Name et Age affiche « Jane Appleseed · 34, Marcus
    Lee · 29 ».
  </li>
</ul>

<p>
  Dans une colonne d’intégration, le groupe entier apparaît plutôt sous forme de lignes numérotées et étiquetées, pour que chaque entrée
  reste lisible : « 1. Full name: Jane Appleseed, Age: 34, 2. Full name: Marcus Lee, Age: 29 ».
</p>

<h2 id="deleting-piped-fields">Supprimer un champ inséré</h2>

<p>
  Une mention qui pointe vers un champ supprimé est une <em>erreur</em> de publication, pas un avertissement : l’indicateur de problèmes
  dans la barre d’outils signale chaque référence obsolète — dans le contenu du formulaire, les modèles d’e-mail,{' '}
  <a href="/fr/building-forms/translating-form-content#field-reference-checks">les e-mails traduits</a>, et les modèles de messages
  d’intégration — et la publication reste bloquée tant que chacune n’est pas corrigée. Ouvrez l’emplacement signalé, supprimez la puce
  incorrecte et réinsérez le bon champ.
</p>

<h2 id="next-steps">Prochaines étapes</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Page de remerciement personnalisée](/fr/building-forms/custom-thank-you) — Insérez des réponses dans l’écran post-soumission
  - [Paramètres du formulaire](/fr/building-forms/form-settings) — Configurez des modèles de notification avec des variables insérées
  - [Auto-notifications](/fr/submissions-analytics/self-notifications) — Utilisez l’insertion dans les e-mails d’alerte d’équipe
  - [Notifications aux répondants](/fr/submissions-analytics/respondent-notifications) — Personnalisez les e-mails de confirmation avec l’insertion
  - [Groupes répétables](/fr/building-forms/repeating-groups) — Permettez aux répondants d’ajouter plusieurs entrées à un groupe
</div>
