> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-feat-init-gt-translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> En savoir plus sur les nœuds disponibles et les composants de champ de saisie que vous pouvez afficher à l’aide de Forms.

# Nœuds et composants

Forms vous permet d’ajouter des nœuds et des composants, comme des champs, des blocs et des widgets, avec lesquels vos utilisateurs peuvent interagir dans le formulaire. Vous pouvez ensuite utiliser, dans vos formulaires et vos flux, les données saisies dans les composants.

<div id="form-nodes">
  ## Form nodes
</div>

Il existe cinq types de Form nodes : Start, Step, Flow, Router et écran de fin. Ces nœuds jouent un rôle très précis dans la structure du formulaire.

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/ZC0XT2ZcfW-tPJd_/docs/images/cdy7uua7fh8z/5V4GsHxxC2cjxx1aODCxPd/309850c72bbce224e7a8d3f5af34114c/form-editor-preview.png?fit=max&auto=format&n=ZC0XT2ZcfW-tPJd_&q=85&s=d9080ef14e317d10255c458ee7b06038" alt="Dashboard >  Forms > Form Editor" data-og-width="1393" width="1393" data-og-height="637" height="637" data-path="docs/images/cdy7uua7fh8z/5V4GsHxxC2cjxx1aODCxPd/309850c72bbce224e7a8d3f5af34114c/form-editor-preview.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/ZC0XT2ZcfW-tPJd_/docs/images/cdy7uua7fh8z/5V4GsHxxC2cjxx1aODCxPd/309850c72bbce224e7a8d3f5af34114c/form-editor-preview.png?w=280&fit=max&auto=format&n=ZC0XT2ZcfW-tPJd_&q=85&s=6e8ace7a95fcc75f9ab5d4411b7a5117 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZC0XT2ZcfW-tPJd_/docs/images/cdy7uua7fh8z/5V4GsHxxC2cjxx1aODCxPd/309850c72bbce224e7a8d3f5af34114c/form-editor-preview.png?w=560&fit=max&auto=format&n=ZC0XT2ZcfW-tPJd_&q=85&s=ddd34ab913f864e2dbd99c2d396a5d42 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZC0XT2ZcfW-tPJd_/docs/images/cdy7uua7fh8z/5V4GsHxxC2cjxx1aODCxPd/309850c72bbce224e7a8d3f5af34114c/form-editor-preview.png?w=840&fit=max&auto=format&n=ZC0XT2ZcfW-tPJd_&q=85&s=44d4f03ae58a0da2397ea32f0a2c54e7 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZC0XT2ZcfW-tPJd_/docs/images/cdy7uua7fh8z/5V4GsHxxC2cjxx1aODCxPd/309850c72bbce224e7a8d3f5af34114c/form-editor-preview.png?w=1100&fit=max&auto=format&n=ZC0XT2ZcfW-tPJd_&q=85&s=b7c5aecebec3989175117f7ab7d30132 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZC0XT2ZcfW-tPJd_/docs/images/cdy7uua7fh8z/5V4GsHxxC2cjxx1aODCxPd/309850c72bbce224e7a8d3f5af34114c/form-editor-preview.png?w=1650&fit=max&auto=format&n=ZC0XT2ZcfW-tPJd_&q=85&s=8acc55d75d42b963805fa01fa9f93bf6 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZC0XT2ZcfW-tPJd_/docs/images/cdy7uua7fh8z/5V4GsHxxC2cjxx1aODCxPd/309850c72bbce224e7a8d3f5af34114c/form-editor-preview.png?w=2500&fit=max&auto=format&n=ZC0XT2ZcfW-tPJd_&q=85&s=17f6e503bb31abfcf93df605730ae34f 2500w" />
</Frame>

<div id="step-node">
  ## Step node
</div>

Les step nodes constituent la représentation visuelle du form. Ils peuvent contenir n’importe quel nombre de composants, comme des champs, des blocs et des widgets, dans lesquels l’utilisateur peut saisir ses données.

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/2tbkcXkVon0BawCvYgnvIz/e2ce566320af18a6b08702f04f763126/form-step-node.png?fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=a6424c8ff445bcd708f05ec56b7e44ce" alt="Dashboard > Foms > Step node" data-og-width="840" width="840" data-og-height="456" height="456" data-path="docs/images/cdy7uua7fh8z/2tbkcXkVon0BawCvYgnvIz/e2ce566320af18a6b08702f04f763126/form-step-node.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/2tbkcXkVon0BawCvYgnvIz/e2ce566320af18a6b08702f04f763126/form-step-node.png?w=280&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=b2e98b5fc62aef11cf43fabfb5b3b5f3 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/2tbkcXkVon0BawCvYgnvIz/e2ce566320af18a6b08702f04f763126/form-step-node.png?w=560&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=9aa4a1e24864985ff57409afd7c1042e 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/2tbkcXkVon0BawCvYgnvIz/e2ce566320af18a6b08702f04f763126/form-step-node.png?w=840&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=aa2e65bb23875b32da28a142ef31ccfd 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/2tbkcXkVon0BawCvYgnvIz/e2ce566320af18a6b08702f04f763126/form-step-node.png?w=1100&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=3af0c5b1b72072e832d0a05109504955 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/2tbkcXkVon0BawCvYgnvIz/e2ce566320af18a6b08702f04f763126/form-step-node.png?w=1650&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=99e4392fb7212ae2ac47f34e8ef66cf6 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/2tbkcXkVon0BawCvYgnvIz/e2ce566320af18a6b08702f04f763126/form-step-node.png?w=2500&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=46a40432244b51c2bea8b090a33190cd 2500w" />
</Frame>

<div id="field-components">
  ### Composants de champ
</div>

Les champs sont des composants d’interface utilisateur permettant aux utilisateurs de saisir leurs renseignements dans Forms.

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/ga3rC1_4s-OF6Vr-/docs/images/cdy7uua7fh8z/6fuBdJcbDybzcVaiByUkoQ/2ad29c8dbbcc6ddf850f5efc004a75e0/forms-fields.png?fit=max&auto=format&n=ga3rC1_4s-OF6Vr-&q=85&s=2143af54cbfaed3a32dcfc16cc3c65bf" alt="Dashboard > Forms > Fields" data-og-width="1404" width="1404" data-og-height="663" height="663" data-path="docs/images/cdy7uua7fh8z/6fuBdJcbDybzcVaiByUkoQ/2ad29c8dbbcc6ddf850f5efc004a75e0/forms-fields.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/ga3rC1_4s-OF6Vr-/docs/images/cdy7uua7fh8z/6fuBdJcbDybzcVaiByUkoQ/2ad29c8dbbcc6ddf850f5efc004a75e0/forms-fields.png?w=280&fit=max&auto=format&n=ga3rC1_4s-OF6Vr-&q=85&s=f7190a0b0eef97c0cee2840baab1e97a 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ga3rC1_4s-OF6Vr-/docs/images/cdy7uua7fh8z/6fuBdJcbDybzcVaiByUkoQ/2ad29c8dbbcc6ddf850f5efc004a75e0/forms-fields.png?w=560&fit=max&auto=format&n=ga3rC1_4s-OF6Vr-&q=85&s=afc2488853d03223fab22a923b5d2fef 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ga3rC1_4s-OF6Vr-/docs/images/cdy7uua7fh8z/6fuBdJcbDybzcVaiByUkoQ/2ad29c8dbbcc6ddf850f5efc004a75e0/forms-fields.png?w=840&fit=max&auto=format&n=ga3rC1_4s-OF6Vr-&q=85&s=20bec014c41444d7682ffb1c0968d656 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ga3rC1_4s-OF6Vr-/docs/images/cdy7uua7fh8z/6fuBdJcbDybzcVaiByUkoQ/2ad29c8dbbcc6ddf850f5efc004a75e0/forms-fields.png?w=1100&fit=max&auto=format&n=ga3rC1_4s-OF6Vr-&q=85&s=6a3342d84d153692575558aecfe9268f 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ga3rC1_4s-OF6Vr-/docs/images/cdy7uua7fh8z/6fuBdJcbDybzcVaiByUkoQ/2ad29c8dbbcc6ddf850f5efc004a75e0/forms-fields.png?w=1650&fit=max&auto=format&n=ga3rC1_4s-OF6Vr-&q=85&s=160357b83936902ab46010efad45056d 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ga3rC1_4s-OF6Vr-/docs/images/cdy7uua7fh8z/6fuBdJcbDybzcVaiByUkoQ/2ad29c8dbbcc6ddf850f5efc004a75e0/forms-fields.png?w=2500&fit=max&auto=format&n=ga3rC1_4s-OF6Vr-&q=85&s=381c8fad7f4c7fea64b01d090ca1a1e4 2500w" />
</Frame>

<div id="field-settings">
  #### Paramètres des champs
</div>

Les champs comportent un certain nombre de paramètres par défaut que vous pouvez configurer selon vos besoins.

Les paramètres par défaut des champs sont :

| Paramètres            | Description                                   |
| --------------------- | --------------------------------------------- |
| ID                    | L’ID unique                                   |
| Libellé               | Afficher ou masquer un libellé                |
| Obligatoire           | Une valeur est requise                        |
| Texte d’aide          | Afficher un texte d’aide                      |
| Texte de remplacement | Texte visible par l’utilisateur               |
| Valeur par défaut     | Valeur par défaut visible par l’utilisateur   |
| Temporaire            | Activer ou désactiver le masquage des données |

<div id="field-validation-rules">
  #### Règles de validation des champs
</div>

| Paramètres                    | Description                                                      |
| ----------------------------- | ---------------------------------------------------------------- |
| Longueur min. / Longueur max. | Définit une longueur minimale ou maximale pour la valeur saisie. |
| Valeur min. / Valeur max.     | Définit une valeur numérique minimale ou maximale.               |

<div id="available-fields-in-forms">
  #### Champs disponibles dans Forms
</div>

Voici les champs disponibles, avec leurs paramètres propres et leurs types de données de sortie :

<AccordionGroup>
  <Accordion title="Champ de texte">
    Le champ standard permet à l’utilisateur de saisir n’importe quelle chaîne de caractères.

    <div id="text-field-settings">
      ##### Paramètres du champ de texte
    </div>

    Le paramètre du champ de texte est :

    | Paramètres | Description                                     |
    | ---------- | ----------------------------------------------- |
    | Multiligne | Active la saisie de texte sur plusieurs lignes. |

    <div id="text-field-output-value">
      ##### Valeur de sortie du champ de texte
    </div>

    Le type de données de la valeur de sortie du champ de texte est `string`.

    ```json lines theme={null}
    {
      "text_field_id": "Auth0"
    }
    ```
  </Accordion>

  <Accordion title="Champ d’adresse courriel">
    Le champ de saisie standard permet à l’utilisateur d’entrer des adresses courriel sous forme de texte.

    <div id="email-field-output-value">
      ##### Valeur de sortie du champ Email
    </div>

    Le type de données de la valeur de sortie du champ Email est `string`.

    ```json lines theme={null}
    {
      "email_field_id": "username@domain.com"
    }
    ```
  </Accordion>

  <Accordion title="Champ de téléphone">
    La saisie standard permet à l’utilisateur d’entrer des numéros de téléphone.

    <div id="phone-field-settings">
      ##### Paramètres du champ de numéro de téléphone
    </div>

    Les paramètres du champ de numéro de téléphone sont :

    | Paramètres                          | Description                                                                                         |
    | ----------------------------------- | --------------------------------------------------------------------------------------------------- |
    | Sélecteur de pays                   | Active ou désactive le sélecteur de pays. Par défaut, il affiche l’emplacement IP de l’utilisateur. |
    | Texte de l’espace réservé du filtre | Texte affiché à l’utilisateur dans la fenêtre de recherche de pays.                                 |

    <div id="phone-field-output-value">
      ##### Valeur de sortie du champ de numéro de téléphone
    </div>

    Le type de données de la valeur de sortie du champ de numéro de téléphone est soit `string`, soit, si le sélecteur de pays est activé, `object`.

    La valeur de sortie du champ de numéro de téléphone sous forme de `string` :

    ```json lines theme={null}
    {
      "phone_field_id": "8005550175"
    }
    ```

    Le champ phone renvoie une valeur du type de données `object` :

    ```json lines theme={null}
    {
      "phone_field_id": {
        "national_number": "8005550175",
        "national_format": "(800) 555-0175",
        "international_number": "+18005550175",
        "international_format": "+1 800-555-0175",
        "country_code_iso": "US",
        "country_code_number": "1"
      }
    }
    ```
  </Accordion>

  <Accordion title="Champ à choix">
    Champ standard qui permet à un utilisateur de sélectionner une ou plusieurs valeurs.

    <div id="choice-field-settings">
      ##### Paramètres du champ Choice
    </div>

    Les paramètres du champ Choice sont :

    | Settings                        | Description                                                                          |
    | ------------------------------- | ------------------------------------------------------------------------------------ |
    | Choix multiple                  | Active plusieurs options de choix.                                                   |
    | Autre option                    | Permet aux utilisateurs de saisir leur propre option.                                |
    | Advanced > Valeurs internes     | Attribue une valeur interne à chaque option de choix.                                |
    | Advanced > Modification en bloc | Modifie en bloc les valeurs de libellé et les valeurs internes des options de choix. |

    <div id="choice-field-output-value">
      ##### Valeur de sortie du champ Choice
    </div>

    Le type de données de la valeur de sortie du champ Choice est soit une `string`, soit, si le choix multiple est activé, un `array of strings` .

    La valeur de sortie du champ Choice de type `string` :

    ```json lines theme={null}
    {
      "choice_field_id": "Option A"
    }
    ```

    Le type de données de sortie du champ de choix est un  `tableau de chaînes de caractères` :

    ```json lines theme={null}
    {
      "choice_field_id": ["Option A", "Option B"]
    }
    ```
  </Accordion>

  <Accordion title="Champ de cartes">
    Champ standard qui permet à l’utilisateur de sélectionner une ou plusieurs valeurs d’image.

    <div id="cards-field-settings">
      ##### Paramètres du champ Cards
    </div>

    Les paramètres du champ Cards sont :

    | Paramètres                | Description                                  |
    | ------------------------- | -------------------------------------------- |
    | Choix multiple            | Permet de sélectionner plusieurs options.    |
    | Masquer les libellés      | Masque les libellés des cartes.              |
    | Avancé > Valeurs internes | Attribue une valeur interne à chaque option. |

    <div id="cards-field-output-value">
      ##### Valeur de sortie du champ Cards
    </div>

    Le type de données de la valeur de sortie du champ Cards est soit une `string` ou, si le choix multiple est activé, un `array of strings`.

    La valeur de sortie du champ Cards sous forme de `string` :

    ```json lines theme={null}
    {
      "card_field_id": "Option A"
    }
    ```

    Le champ cards renvoie une valeur dont le type de données est `array of strings` :

    ```json lines theme={null}
    {
      "card_field_id": ["Option A", "Option B"]
    }
    ```
  </Accordion>

  <Accordion title="Champ d’URL">
    Le champ de saisie standard permet à l’utilisateur d’entrer une URL.

    <div id="url-field-output-value">
      ##### Valeur de sortie du champ URL
    </div>

    Le type de données de la valeur de sortie du champ URL est une chaîne de caractères :

    ```json lines theme={null}
    {
      "url_field_id": "https://auth0.com"
    }
    ```
  </Accordion>

  <Accordion title="Champ de mot de passe">
    Champ de saisie standard qui permet à l’utilisateur d’entrer un mot de passe ou une valeur secrète.

    <div id="password-field-settings">
      ##### Paramètres du champ de mot de passe
    </div>

    Les paramètres du champ de mot de passe sont :

    | Paramètres                          | Description                                                                                                                                                                                                              |
    | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
    | Exiger un mot de passe complexe     | Les mots de passe doivent contenir une majuscule, une minuscule, un symbole et un chiffre.                                                                                                                               |
    | Appliquer les directives du NIST    | Le mot de passe doit comporter au moins 8 caractères et ne peut pas provenir de corpus de brèches antérieures, contenir des mots du dictionnaire, des caractères répétitifs ou séquentiels, ni des mots liés au contenu. |
    | Ajouter un indicateur de robustesse | Un indicateur graphique avec une échelle rouge, jaune et verte s’affiche sous le champ de mot de passe pour montrer la robustesse du mot de passe saisi.                                                                 |
    | Hachage                             | Sélectionnez un algorithme pour hacher la valeur saisie directement dans le navigateur.                                                                                                                                  |

    <div id="password-field-output-value">
      ##### Valeur de sortie du champ de mot de passe
    </div>

    Le type de données de la valeur de sortie du champ de mot de passe est une `string` masquée :

    ```json lines theme={null}
    {
      "password_field_id": "███"
    }
    ```
  </Accordion>

  <Accordion title="Champ de paiement">
    Champ standard permettant à un utilisateur de saisir des renseignements de paiement au moyen d’un fournisseur de paiement. Les paiements sont traités avant le nœud Ending.

    <div id="payment-field-settings">
      ##### Paramètres du champ de paiement
    </div>

    Les paramètres du champ de paiement sont :

    | Paramètres          | Description                                                                                                                     |
    | ------------------- | ------------------------------------------------------------------------------------------------------------------------------- |
    | Type de paiement    | Sélectionnez soit un paiement unique (Charge), soit un paiement récurrent (Subscription).                                       |
    | Montant             | Indiquez le montant d’un paiement unique (Charge).                                                                              |
    | Devise              | Indiquez la devise d’un paiement unique (Charge).                                                                               |
    | Action d’abonnement | Sélectionnez soit la création, soit la mise à jour d’un abonnement existant.                                                    |
    | Action du client    | Sélectionnez soit la création, soit la mise à jour d’un client existant.                                                        |
    | Options d’affichage | Affichez et modifiez les libellés de Numéro de carte, Date d’expiration et Code de sécurité, ainsi que les sceaux de confiance. |

    <div id="payment-field-output-value">
      ##### Valeur de sortie du champ de paiement
    </div>

    Le type de données de la valeur de sortie du champ de paiement est soit une chaîne de caractères, soit un objet pour les flux après la soumission.

    Le type de données de la valeur de sortie du champ de paiement en tant que `string` :

    ```json lines theme={null}
    {
      "payment_field_id": "pm_1P19e..."
    }
    ```

    Le type de données de la valeur de sortie du champ de paiement pour les abonnements, sous forme d’`object` :

    ```json lines theme={null}
    {
      "payment_field_id": {
        "payment_method_id": "pm_1P19e...",
        "customer_id": "cus_PqrM...",
        "price_ids": [
          "price_1ONHR..."
        ],
        "subscription_id": "sub_1P1A...",
        "payment_intent_id": "pi_3P19e5..."
      }
    }
    ```

    Le type de données de la valeur de sortie du champ payment pour charge sous forme d’`object` :

    ```json lines theme={null}
    {
      "payment_field_id": {
        "payment_method_id": "pm_1P19e...",
        "customer_id": "cus_PqrM...",
        "amount": 100,
        "payment_intent_id": "pi_3P19e5..."
      }
    }
    ```
  </Accordion>

  <Accordion title="Champ de consentement">
    Entrée standard qui ajoute un texte juridique et une case à cocher.

    <div id="legal-field-output-value">
      ##### Valeur de sortie du champ juridique
    </div>

    Le type de données de la valeur de sortie du champ juridique est un `boolean`.

    ```json lines theme={null}
    {
      "legal_field_id": true
    }
    ```
  </Accordion>

  <Accordion title="Champ de liste déroulante">
    Entrée standard permettant à un utilisateur de sélectionner une ou plusieurs valeurs dans une liste déroulante.

    <div id="dropdown-field-settings">
      ##### Paramètres du champ de liste déroulante
    </div>

    Les paramètres du champ de liste déroulante sont :

    | Paramètres                    | Description                                          |
    | ----------------------------- | ---------------------------------------------------- |
    | Sélection multiple            | Permet de sélectionner plusieurs options.            |
    | Avancé > Valeurs internes     | Attribuez une valeur interne à chaque option.        |
    | Avancé > Modification en bloc | Modifiez en bloc le libellé et les valeurs internes. |

    <div id="dropdown-field-output-value">
      ##### Valeur de sortie du champ de liste déroulante
    </div>

    Le type de données de la valeur de sortie du champ de liste déroulante est soit `string` ou, si la sélection multiple est activée, `array of strings` .

    La valeur de sortie du champ de liste déroulante de type `string` :

    ```json lines theme={null}
    {
      "dropdown_field_id": "Option A"
    }
    ```

    Le type de données de sortie du champ de liste déroulante est `array of strings` :

    ```json lines theme={null}
    {
      "dropdown_field_id": ["Option A", "Option B"]
    }
    ```
  </Accordion>

  <Accordion title="Champ numérique">
    Champ standard qui permet à l’utilisateur de saisir des valeurs numériques.

    <div id="number-field-output-value">
      ##### Valeur de sortie du champ numérique
    </div>

    Le type de données de la valeur de sortie du champ numérique est `number`.

    ```json lines theme={null}
    {
      "number_field_id": 123
    }
    ```
  </Accordion>

  <Accordion title="Champ date / heure">
    Entrée standard qui permet à un utilisateur de saisir une date ou une heure.

    <div id="date-time-field-settings">
      ##### Paramètres du champ Date / heure
    </div>

    Les paramètres du champ date/heure comprennent :

    | Clé    | Description                           |
    | ------ | ------------------------------------- |
    | Format | Sélectionnez le format Date ou Heure. |

    <div id="date-time-field-output-value">
      ##### Valeur de sortie du champ Date / heure
    </div>

    La valeur du type de données de sortie du champ date/heure pour une date est une `string` :

    ```json lines theme={null}
    {
      "date_time_field_id": "2023-04-11"
    }
    ```

    La valeur du type de données de sortie pour l’heure du champ date/heure est une `string` :

    ```json lines theme={null}
    {
      "date_time_field_id": "23:15"
    }
    ```
  </Accordion>

  <Accordion title="Champ booléen">
    Entrée standard permettant à l’utilisateur de saisir des valeurs vrai ou faux.

    <div id="boolean-field-output-value">
      ##### Valeur de sortie du champ booléen
    </div>

    Le type de données de la valeur de sortie du champ booléen est un booléen.

    ```json lines theme={null}
    {
      "boolean_field_id": true
    }
    ```
  </Accordion>

  <Accordion title="Champ personnalisé">
    Champ standard que vous pouvez personnaliser pour créer votre propre champ.

    <div id="custom-field-settings">
      ##### Paramètres du champ personnalisé
    </div>

    Les paramètres du champ personnalisé sont :

    | Settings    | Description                                                                                                                            |
    | ----------- | -------------------------------------------------------------------------------------------------------------------------------------- |
    | Params      | Ajoutez des paires clé-valeur pour les référencer dans le code source du champ personnalisé.                                           |
    | Source code | Ajoutez votre code Javascript au champ personnalisé.                                                                                   |
    | JSON Schema | Par défaut, le champ personnalisé accepte tout format de valeur. Toutefois, vous pouvez utiliser JSON Schema pour valider les valeurs. |

    Pour en savoir plus, consultez [Composants de champ personnalisé pour Forms](/docs/fr-ca/customize/forms/custom-field-components).
  </Accordion>
</AccordionGroup>

<div id="blocks-components">
  ### Composants Blocks
</div>

Les Blocks sont des composants d’interface utilisateur qui ajoutent des fonctionnalités à vos formulaires sans recueillir de renseignements auprès des utilisateurs.

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/ZmqODkbyV9Q5Sot2/docs/images/cdy7uua7fh8z/7IijftJnuwcevL4bdHiaKw/f0376ca75303bb58d0df87e6af75e347/forms-block.png?fit=max&auto=format&n=ZmqODkbyV9Q5Sot2&q=85&s=a4c55f34898b32ae96cff97373adca61" alt="Dashboard > Forms > Components > Blocks" data-og-width="1404" width="1404" data-og-height="654" height="654" data-path="docs/images/cdy7uua7fh8z/7IijftJnuwcevL4bdHiaKw/f0376ca75303bb58d0df87e6af75e347/forms-block.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/ZmqODkbyV9Q5Sot2/docs/images/cdy7uua7fh8z/7IijftJnuwcevL4bdHiaKw/f0376ca75303bb58d0df87e6af75e347/forms-block.png?w=280&fit=max&auto=format&n=ZmqODkbyV9Q5Sot2&q=85&s=4e66238bfaeb60e7ff09bfea6adefd2f 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZmqODkbyV9Q5Sot2/docs/images/cdy7uua7fh8z/7IijftJnuwcevL4bdHiaKw/f0376ca75303bb58d0df87e6af75e347/forms-block.png?w=560&fit=max&auto=format&n=ZmqODkbyV9Q5Sot2&q=85&s=f2573c758750facba202f1aa5fec16d9 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZmqODkbyV9Q5Sot2/docs/images/cdy7uua7fh8z/7IijftJnuwcevL4bdHiaKw/f0376ca75303bb58d0df87e6af75e347/forms-block.png?w=840&fit=max&auto=format&n=ZmqODkbyV9Q5Sot2&q=85&s=149862e02ef8bb50b8a74927ed41c400 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZmqODkbyV9Q5Sot2/docs/images/cdy7uua7fh8z/7IijftJnuwcevL4bdHiaKw/f0376ca75303bb58d0df87e6af75e347/forms-block.png?w=1100&fit=max&auto=format&n=ZmqODkbyV9Q5Sot2&q=85&s=94ac6370e4099b3e701bcac718328dad 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZmqODkbyV9Q5Sot2/docs/images/cdy7uua7fh8z/7IijftJnuwcevL4bdHiaKw/f0376ca75303bb58d0df87e6af75e347/forms-block.png?w=1650&fit=max&auto=format&n=ZmqODkbyV9Q5Sot2&q=85&s=d1276ad9a8f23c043efabdda0b903b38 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/ZmqODkbyV9Q5Sot2/docs/images/cdy7uua7fh8z/7IijftJnuwcevL4bdHiaKw/f0376ca75303bb58d0df87e6af75e347/forms-block.png?w=2500&fit=max&auto=format&n=ZmqODkbyV9Q5Sot2&q=85&s=8b23a878c8cb3fe241cdfe9cd81a95d3 2500w" />
</Frame>

<div id="available-blocks-in-forms">
  #### Blocs disponibles dans Forms
</div>

Les blocs disponibles sont :

<AccordionGroup>
  <Accordion title="Bloc de bouton Suivant">
    Un bouton qui permet aux utilisateurs de passer au nœud de formulaire suivant.

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      * Avant de continuer, les règles de validation des champs sont appliquées et validées côté client et côté serveur. Si les règles de validation des champs échouent, un message d’erreur s’affiche.
      * Si le nœud suivant est un nœud de flux, un indicateur de chargement s’affiche jusqu’à ce que le flux soit terminé. Si le flux échoue ou renvoie un message d’erreur personnalisé, un message d’erreur s’affiche.
    </Callout>
  </Accordion>

  <Accordion title="Bloc de bouton Précédent">
    Un bouton qui permet aux utilisateurs de revenir au nœud d’étape précédent.

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Si un utilisateur sélectionne le bouton précédent, les règles de validation des champs sont exécutées de nouveau, même si aucune modification n’a été apportée aux données saisies avant de continuer.
    </Callout>
  </Accordion>

  <Accordion title="Bloc de bouton de saut">
    Un bouton qui permet aux utilisateurs d’ignorer l’étape en cours et de passer directement au nœud de destination.

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Lorsque l’étape en cours est ignorée, nous ne validons pas et ne recueillons pas non plus les informations saisies à cette étape.
    </Callout>
  </Accordion>

  <Accordion title="Bloc de bouton de renvoi">
    Un composant qui permet aux utilisateurs de réexécuter un flux pour générer et envoyer un nouveau code OTP

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Si un utilisateur sélectionne le bouton de renvoi, le flux associé génère et envoie un nouveau code OTP.
    </Callout>

    | Paramètres                   | Description                                                                                                                                                                                                                                                                                                                                                 |
    | ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
    | Alignement du texte          | Sélectionnez l’alignement du texte : gauche, centre ou droite                                                                                                                                                                                                                                                                                               |
    | Texte                        | Texte par défaut affiché lorsque les utilisateurs sélectionnent le bouton de renvoi                                                                                                                                                                                                                                                                         |
    | Texte du bouton              | Texte du bouton                                                                                                                                                                                                                                                                                                                                             |
    | Texte d’attente              | Texte affiché lorsque les utilisateurs ont sélectionné le bouton de renvoi. Remplace les paramètres `Text` et `Button text`. Utilisez la variable `“{{remaining_seconds}}”` pour afficher dynamiquement le nombre de secondes restantes avant que le bouton d’envoi soit de nouveau activé. Par exemple : “Renvoyer dans `{{remaining_seconds}}` secondes”. |
    | Flux                         | Flux exécuté après que l’utilisateur a sélectionné le bouton de renvoi.                                                                                                                                                                                                                                                                                     |
    | Nombre maximal de tentatives | Le nombre maximal de fois que l’utilisateur peut sélectionner le bouton de renvoi                                                                                                                                                                                                                                                                           |
    | Temps d’attente              | Le temps d’attente entre les tentatives, en secondes.                                                                                                                                                                                                                                                                                                       |
  </Accordion>

  <Accordion title="Bloc de texte enrichi">
    Un bloc de texte enrichi pour personnaliser le nœud d’étape avec des renseignements supplémentaires.
  </Accordion>

  <Accordion title="Bloc séparateur">
    Une ligne pour séparer les différentes sections du nœud d’étape. Elle peut contenir un court texte.
  </Accordion>

  <Accordion title="Bloc HTML">
    Un bloc HTML pour créer votre interface utilisateur personnalisée.
  </Accordion>

  <Accordion title="Bloc d’image">
    Un bloc d’image pour personnaliser l’étape en y ajoutant des images.
  </Accordion>
</AccordionGroup>

<div id="widgets-components">
  ### Composants widgets
</div>

Les widgets sont des composants prêts à l’emploi dotés d’intégrations tierces qui ajoutent une logique côté client et côté serveur à vos formulaires.

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/3J0IuWLP7utOPKSHc82IE9/a523afe0c240c63f714ef5fb102f8dab/forms-widget.png?fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=05eda84975fabcbc67ed15913f852370" alt="Dashboard > Forms > Components > Widget" data-og-width="1404" width="1404" data-og-height="721" height="721" data-path="docs/images/cdy7uua7fh8z/3J0IuWLP7utOPKSHc82IE9/a523afe0c240c63f714ef5fb102f8dab/forms-widget.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/3J0IuWLP7utOPKSHc82IE9/a523afe0c240c63f714ef5fb102f8dab/forms-widget.png?w=280&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=6f19bbbba9fcd9ac2675380241feda74 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/3J0IuWLP7utOPKSHc82IE9/a523afe0c240c63f714ef5fb102f8dab/forms-widget.png?w=560&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=f921b9b6eab8f01ca0905bc11d28f9a2 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/3J0IuWLP7utOPKSHc82IE9/a523afe0c240c63f714ef5fb102f8dab/forms-widget.png?w=840&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=09cf6a5cbcd75724a2b526f8f57c53ab 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/3J0IuWLP7utOPKSHc82IE9/a523afe0c240c63f714ef5fb102f8dab/forms-widget.png?w=1100&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=76a3c6f36a33a5c50eac5bddd938ceaf 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/3J0IuWLP7utOPKSHc82IE9/a523afe0c240c63f714ef5fb102f8dab/forms-widget.png?w=1650&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=73aafeddb0bb8ab086691041ca6c9a70 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/AcBWN86l7cA24wcQ/docs/images/cdy7uua7fh8z/3J0IuWLP7utOPKSHc82IE9/a523afe0c240c63f714ef5fb102f8dab/forms-widget.png?w=2500&fit=max&auto=format&n=AcBWN86l7cA24wcQ&q=85&s=81ea093f9c90c91b0ec34020c5ca4ae8 2500w" />
</Frame>

<div id="available-widgets-in-forms">
  #### Widgets disponibles dans Forms
</div>

Les widgets disponibles sont :

<AccordionGroup>
  <Accordion title="Widget d’adresse Google">
    Un widget qui permet à l’utilisateur de saisir et de valider son adresse.

    <div id="google-address-widget-settings">
      ##### Paramètres du widget d’adresse Google
    </div>

    Les paramètres du widget d’adresse Google comprennent :

    | Paramètres | Description                                                         |
    | ---------- | ------------------------------------------------------------------- |
    | Clé d’API  | Nécessite une clé d’API Google Maps pour authentifier les requêtes. |

    <div id="google-address-widget-output-value">
      ##### Valeur de sortie du widget d’adresse Google
    </div>

    Le type de données de la valeur de sortie du widget d’adresse Google est un `object`.

    ```json lines theme={null}
    {
      "google_address_widget_id": {
        "type": "Feature",
        "geometry": {
          "type": "Point",
          "coordinates": [
            -73.9654415,
            40.8054491
          ]
        },
        "properties": {
          "geocoding": {
            "type": "house",
            "housenumber": "2880",
            "street": "Broadway",
            "city": "New York",
            "county": "New York County",
            "state": "New York",
            "country": "United States",
            "postcode": "10025"
          }
        }
      }
    }
    ```
  </Accordion>

  <Accordion title="Google reCAPTCHA">
    Un widget qui aide à protéger votre site Web contre le pourriel et les abus en vérifiant qu’un utilisateur est bien un humain et non un bot.

    Le widget prend en charge :

    * Basé sur le score (`v3`)
    * Défi (`v2`)

      * Badge reCAPTCHA invisible

    Différences entre `v2` et `v3` :

    * `v2` exige une interaction de l’utilisateur avec des défis visibles, par exemple cliquer sur une case à cocher ou résoudre des casse-têtes.
    * `v3` s’exécute en arrière-plan et fournit un score fondé sur le comportement de l’utilisateur, sans exiger d’interaction de sa part. Lorsque vous utilisez cette version, assurez-vous d’implémenter une logique métier supplémentaire pour gérer le score et déterminer si une autre action est nécessaire.

    <div id="google-recaptcha-widget-settings">
      ##### Paramètres du widget Google reCAPTCHA
    </div>

    Les paramètres du widget Google reCAPTCHA comprennent :

    | Paramètres  | Description                                                                                                                                                                                                                                            |
    | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
    | Clé de site | La clé de site publique utilisée pour initialiser reCAPTCHA sur votre site Web. Vous pouvez la créer dans la [console Google reCAPTCHA](https://www.google.com/recaptcha/admin/create) ou dans votre projet Google Cloud Platform.                     |
    | Clé secrète | La clé secrète utilisée pour communiquer de façon sécurisée avec le service reCAPTCHA côté serveur. Vous pouvez la créer dans la [console Google reCAPTCHA](https://www.google.com/recaptcha/admin/create) ou dans votre projet Google Cloud Platform. |

    <div id="google-recaptcha-output-value">
      ##### Valeur de sortie de Google reCAPTCHA
    </div>

    Le type de données de la valeur de sortie du widget Google reCAPTCHA est un `object`.

    Exemple de réponse `v2` :

    ```json lines theme={null}
    {
      "recaptcha_widget_id": {
        "success": true,
        "challenge_ts": "2025-03-26T11:22:18Z",
        "hostname": "auth.example.com"
      }
    }
    ```

    Exemple de réponse `v3` :

    ```json lines theme={null}
    {
      "recaptcha_widget_id": {
        "success": true,
        "challenge_ts": "2025-03-26T11:22:18Z",
        "hostname": "auth.example.com",
        "score": 0.9
      }
    }
    ```
  </Accordion>

  <Accordion title="Informations d’identification vérifiables">
    Un widget qui permet à l’utilisateur de vérifier son identité à l’aide d’informations d’identification vérifiables stockées dans son portefeuille numérique.

    <div id="verifiable-credentials-widget-settings">
      ##### Paramètres du widget Informations d’identification vérifiables
    </div>

    Les paramètres du widget Informations d’identification vérifiables comprennent :

    | Paramètres              | Description                                                                                                                                                                                                                          |
    | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
    | URL                     | La valeur URL utilisée pour générer le code QR. Cette valeur est renvoyée dans la propriété `engagement` de la requête de vérification.                                                                                              |
    | Texte du lien           | Texte de remplacement affiché pour les utilisateurs qui ne peuvent pas balayer le code QR et qui préfèrent ouvrir le lien directement sur leur appareil.                                                                             |
    | Taille                  | La taille du code QR.                                                                                                                                                                                                                |
    | Jeton public            | Le jeton d’accès requis pour utiliser le point de terminaison de polling. Veuillez vous assurer que le jeton est généré uniquement avec la portée `read:verification_request` afin d’éviter d’exposer l’accès à d’autres ressources. |
    | ID de vérification      | L’ID de vérification généré lorsque vous lancez la requête de vérification.                                                                                                                                                          |
    | Temps d’attente maximal | Le temps maximal à attendre pour que le processus de vérification se termine. Une fois la durée définie atteinte, le polling s’arrêtera et une erreur sera générée, quel que soit le statut de vérification.                         |

    <div id="verifiable-credentials-output-value">
      ##### Valeur de sortie des Informations d’identification vérifiables
    </div>

    Le type de données de la valeur de sortie du widget Informations d’identification vérifiables est un `object`.

    ```json lines theme={null}
    {
      "verifiable_credentials_widget_id": {
        "state": "honored",
        "reason": "...", // Le champ reason contient des renseignements supplémentaires (s’ils sont disponibles) sur l’état de la requête de vérification. 
        "presentation": {} // La présentation contient les claims fournis par le portefeuille en réponse à la définition de présentation.
      }
    }
    ```
  </Accordion>
</AccordionGroup>

<div id="router-node">
  ## Nœud Router
</div>

Les nœuds Router vous permettent d’ajouter des règles pour créer des embranchements conditionnels entre les nœuds.

Par défaut, un nœud Router comporte une seule règle de transit nommée **Default Case** qui se connecte à d’autres nœuds. Vous pouvez ajouter d’autres règles en fonction d’un ensemble de conditions qu’une variable doit remplir pour ensuite se connecter à d’autres nœuds. Pour en savoir plus, consultez [Router.](/docs/fr-ca/customize/forms/routers)

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2IKI9sU9UPCVkMkHQ3G8lX/07df765647a69a4cf1ab8c5c7aae3c22/2025-07-15_10-31-08.png?fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=ed7267ff78cf4534ca13c1b3b7523b05" alt="Dashboard > Forms > Routers " data-og-width="899" width="899" data-og-height="470" height="470" data-path="docs/images/cdy7uua7fh8z/2IKI9sU9UPCVkMkHQ3G8lX/07df765647a69a4cf1ab8c5c7aae3c22/2025-07-15_10-31-08.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2IKI9sU9UPCVkMkHQ3G8lX/07df765647a69a4cf1ab8c5c7aae3c22/2025-07-15_10-31-08.png?w=280&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=14f6906b4d97618198073bed98b3cc15 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2IKI9sU9UPCVkMkHQ3G8lX/07df765647a69a4cf1ab8c5c7aae3c22/2025-07-15_10-31-08.png?w=560&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=799249ca2751748b09fd60e86a4edae5 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2IKI9sU9UPCVkMkHQ3G8lX/07df765647a69a4cf1ab8c5c7aae3c22/2025-07-15_10-31-08.png?w=840&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=3c08f6dd2f4544a95e84ad690a17a899 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2IKI9sU9UPCVkMkHQ3G8lX/07df765647a69a4cf1ab8c5c7aae3c22/2025-07-15_10-31-08.png?w=1100&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=29efdb2a3f57e834aa02edff27942fe6 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2IKI9sU9UPCVkMkHQ3G8lX/07df765647a69a4cf1ab8c5c7aae3c22/2025-07-15_10-31-08.png?w=1650&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=2e0f38ae114edbb7c7f85c20eb1ffc67 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2IKI9sU9UPCVkMkHQ3G8lX/07df765647a69a4cf1ab8c5c7aae3c22/2025-07-15_10-31-08.png?w=2500&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=715fa2109a2022f80e9372bb69335afd 2500w" />
</Frame>

<div id="flow-node">
  ## Nœud Flow
</div>

Les nœuds Flow vous permettent d’ajouter et de créer, dans vos formulaires, une logique personnalisée et des flows d’intégration. Pour en savoir plus, consultez [Flows.](/docs/fr-ca/customize/forms/flows)

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/pK24zKWLhA0dvqKX/docs/images/cdy7uua7fh8z/4UGCrqzgyHTPryLoEuBwNt/e4a67be08a33b565ece89973028fa6ac/forms-flow-node.png?fit=max&auto=format&n=pK24zKWLhA0dvqKX&q=85&s=0003f94917e69e45241101e72e9a6165" alt="Dashboard > Forms > Flow" data-og-width="1226" width="1226" data-og-height="504" height="504" data-path="docs/images/cdy7uua7fh8z/4UGCrqzgyHTPryLoEuBwNt/e4a67be08a33b565ece89973028fa6ac/forms-flow-node.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/pK24zKWLhA0dvqKX/docs/images/cdy7uua7fh8z/4UGCrqzgyHTPryLoEuBwNt/e4a67be08a33b565ece89973028fa6ac/forms-flow-node.png?w=280&fit=max&auto=format&n=pK24zKWLhA0dvqKX&q=85&s=e179850afd65c7a2a3e9c37b638acd78 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/pK24zKWLhA0dvqKX/docs/images/cdy7uua7fh8z/4UGCrqzgyHTPryLoEuBwNt/e4a67be08a33b565ece89973028fa6ac/forms-flow-node.png?w=560&fit=max&auto=format&n=pK24zKWLhA0dvqKX&q=85&s=8de13e2293cd66c244fc8a187aaee9e9 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/pK24zKWLhA0dvqKX/docs/images/cdy7uua7fh8z/4UGCrqzgyHTPryLoEuBwNt/e4a67be08a33b565ece89973028fa6ac/forms-flow-node.png?w=840&fit=max&auto=format&n=pK24zKWLhA0dvqKX&q=85&s=34a0dedf090c94c15b07d105de5da8ea 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/pK24zKWLhA0dvqKX/docs/images/cdy7uua7fh8z/4UGCrqzgyHTPryLoEuBwNt/e4a67be08a33b565ece89973028fa6ac/forms-flow-node.png?w=1100&fit=max&auto=format&n=pK24zKWLhA0dvqKX&q=85&s=e2e992880f5503d3e1e0d449b2a5667d 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/pK24zKWLhA0dvqKX/docs/images/cdy7uua7fh8z/4UGCrqzgyHTPryLoEuBwNt/e4a67be08a33b565ece89973028fa6ac/forms-flow-node.png?w=1650&fit=max&auto=format&n=pK24zKWLhA0dvqKX&q=85&s=817c80648272a8bf1db62b067ad37706 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/pK24zKWLhA0dvqKX/docs/images/cdy7uua7fh8z/4UGCrqzgyHTPryLoEuBwNt/e4a67be08a33b565ece89973028fa6ac/forms-flow-node.png?w=2500&fit=max&auto=format&n=pK24zKWLhA0dvqKX&q=85&s=4ecf59c09d1fbe4e92cfbb36c75d92b4 2500w" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/k7ye6-pv0VL5gE4A/docs/images/cdy7uua7fh8z/4L1ixTcIVCmslts6M4wn7u/dc07046cfd41494f40285de5c102ff52/flow-editor-example.png?fit=max&auto=format&n=k7ye6-pv0VL5gE4A&q=85&s=5ed79bde826a402160f5b5dcaa46382a" alt="Dashboard > Forms > Flow > Éditeur" data-og-width="1404" width="1404" data-og-height="728" height="728" data-path="docs/images/cdy7uua7fh8z/4L1ixTcIVCmslts6M4wn7u/dc07046cfd41494f40285de5c102ff52/flow-editor-example.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/k7ye6-pv0VL5gE4A/docs/images/cdy7uua7fh8z/4L1ixTcIVCmslts6M4wn7u/dc07046cfd41494f40285de5c102ff52/flow-editor-example.png?w=280&fit=max&auto=format&n=k7ye6-pv0VL5gE4A&q=85&s=fcdee86767efc17fd86a19faf681acd3 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/k7ye6-pv0VL5gE4A/docs/images/cdy7uua7fh8z/4L1ixTcIVCmslts6M4wn7u/dc07046cfd41494f40285de5c102ff52/flow-editor-example.png?w=560&fit=max&auto=format&n=k7ye6-pv0VL5gE4A&q=85&s=be380ee41116076a8ebaaaf1461abe21 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/k7ye6-pv0VL5gE4A/docs/images/cdy7uua7fh8z/4L1ixTcIVCmslts6M4wn7u/dc07046cfd41494f40285de5c102ff52/flow-editor-example.png?w=840&fit=max&auto=format&n=k7ye6-pv0VL5gE4A&q=85&s=356b300f18db33026bc30b5a8be505c9 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/k7ye6-pv0VL5gE4A/docs/images/cdy7uua7fh8z/4L1ixTcIVCmslts6M4wn7u/dc07046cfd41494f40285de5c102ff52/flow-editor-example.png?w=1100&fit=max&auto=format&n=k7ye6-pv0VL5gE4A&q=85&s=e8e1708fc6797f73d07a153ba2c710db 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/k7ye6-pv0VL5gE4A/docs/images/cdy7uua7fh8z/4L1ixTcIVCmslts6M4wn7u/dc07046cfd41494f40285de5c102ff52/flow-editor-example.png?w=1650&fit=max&auto=format&n=k7ye6-pv0VL5gE4A&q=85&s=7deda52c990d5771fe485e2fe85688ba 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/k7ye6-pv0VL5gE4A/docs/images/cdy7uua7fh8z/4L1ixTcIVCmslts6M4wn7u/dc07046cfd41494f40285de5c102ff52/flow-editor-example.png?w=2500&fit=max&auto=format&n=k7ye6-pv0VL5gE4A&q=85&s=c9d8a676a4591ebf0de351237bfece49 2500w" />
</Frame>

<div id="start-node">
  ## Nœud Start
</div>

Les nœuds Start ne sont pas visibles pour l’utilisateur. C’est là que vous pouvez configurer des variables de champs masqués, comme les attributs de l’utilisateur, lorsque vous [affichez un Form avec une Action.](/docs/fr-ca/customize/forms/render)

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2GqFDPep4akUxucmMJyb5/2b50f07f50ee29501341dc54f686de07/form-start-node.png?fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=0a90c8aec488a7a818903844020c319f" alt="Dashboard > Forms > nœud Start" data-og-width="1233" width="1233" data-og-height="399" height="399" data-path="docs/images/cdy7uua7fh8z/2GqFDPep4akUxucmMJyb5/2b50f07f50ee29501341dc54f686de07/form-start-node.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2GqFDPep4akUxucmMJyb5/2b50f07f50ee29501341dc54f686de07/form-start-node.png?w=280&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=f08bd724449ca037b585ee954b881807 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2GqFDPep4akUxucmMJyb5/2b50f07f50ee29501341dc54f686de07/form-start-node.png?w=560&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=b240b78c0f42d47f7ee2c7cac3a4e783 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2GqFDPep4akUxucmMJyb5/2b50f07f50ee29501341dc54f686de07/form-start-node.png?w=840&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=25ccca99cfc1da4eb406863cb2c3de60 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2GqFDPep4akUxucmMJyb5/2b50f07f50ee29501341dc54f686de07/form-start-node.png?w=1100&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=45544b9957a2a072e593f3f8ff9e55dc 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2GqFDPep4akUxucmMJyb5/2b50f07f50ee29501341dc54f686de07/form-start-node.png?w=1650&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=37b7fbe5b4afe4d15a508cd2b9999cd7 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/2ut5cR-lHY2UVI81/docs/images/cdy7uua7fh8z/2GqFDPep4akUxucmMJyb5/2b50f07f50ee29501341dc54f686de07/form-start-node.png?w=2500&fit=max&auto=format&n=2ut5cR-lHY2UVI81&q=85&s=98e4259bab79a111997d251b7ca83048 2500w" />
</Frame>

<div id="ending-screen-node">
  ## Nœud d’écran de fin
</div>

Chaque formulaire comporte un nœud d’écran de fin. Par défaut, ce nœud reprend le flux d’authentification, et c’est à cet endroit que vous pouvez configurer un flux après la soumission.

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-init-gt-translations/Qni07XqxCz7ZSEdy/docs/images/cdy7uua7fh8z/0icbjPpDKsnmtInimJ548/ead65b5e89de57a3079127324acd314d/ending-screen-node.png?fit=max&auto=format&n=Qni07XqxCz7ZSEdy&q=85&s=e5129a8d2634d80bca65773662aed171" alt="Dashboard > Forms > nœud d’écran de fin" data-og-width="1196" width="1196" data-og-height="365" height="365" data-path="docs/images/cdy7uua7fh8z/0icbjPpDKsnmtInimJ548/ead65b5e89de57a3079127324acd314d/ending-screen-node.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-init-gt-translations/Qni07XqxCz7ZSEdy/docs/images/cdy7uua7fh8z/0icbjPpDKsnmtInimJ548/ead65b5e89de57a3079127324acd314d/ending-screen-node.png?w=280&fit=max&auto=format&n=Qni07XqxCz7ZSEdy&q=85&s=5e04e39870bca2128cb5141bfdc7bcc4 280w, https://mintcdn.com/docs-dev-feat-init-gt-translations/Qni07XqxCz7ZSEdy/docs/images/cdy7uua7fh8z/0icbjPpDKsnmtInimJ548/ead65b5e89de57a3079127324acd314d/ending-screen-node.png?w=560&fit=max&auto=format&n=Qni07XqxCz7ZSEdy&q=85&s=caf340a6c16e5d829f550fdb2e1491ba 560w, https://mintcdn.com/docs-dev-feat-init-gt-translations/Qni07XqxCz7ZSEdy/docs/images/cdy7uua7fh8z/0icbjPpDKsnmtInimJ548/ead65b5e89de57a3079127324acd314d/ending-screen-node.png?w=840&fit=max&auto=format&n=Qni07XqxCz7ZSEdy&q=85&s=ff1951f3d9493bffa8b6f89e4a65259b 840w, https://mintcdn.com/docs-dev-feat-init-gt-translations/Qni07XqxCz7ZSEdy/docs/images/cdy7uua7fh8z/0icbjPpDKsnmtInimJ548/ead65b5e89de57a3079127324acd314d/ending-screen-node.png?w=1100&fit=max&auto=format&n=Qni07XqxCz7ZSEdy&q=85&s=8023de8f89489e5ee8cb128cedae9b39 1100w, https://mintcdn.com/docs-dev-feat-init-gt-translations/Qni07XqxCz7ZSEdy/docs/images/cdy7uua7fh8z/0icbjPpDKsnmtInimJ548/ead65b5e89de57a3079127324acd314d/ending-screen-node.png?w=1650&fit=max&auto=format&n=Qni07XqxCz7ZSEdy&q=85&s=5c9ff2716b9935ca78a723267cc156ae 1650w, https://mintcdn.com/docs-dev-feat-init-gt-translations/Qni07XqxCz7ZSEdy/docs/images/cdy7uua7fh8z/0icbjPpDKsnmtInimJ548/ead65b5e89de57a3079127324acd314d/ending-screen-node.png?w=2500&fit=max&auto=format&n=Qni07XqxCz7ZSEdy&q=85&s=e7978122d8f4bdd1a8ef02e26807b267 2500w" />
</Frame>
