> ## Documentation Index
> Fetch the complete documentation index at: https://docs-staging-feat-acul-js-sdk-1-7-0-docs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Cas d’utilisation : Configurer un formulaire de politique de mise à jour à l’aide des formulaires.

> Configurer un formulaire de politique de mise à jour à l’aide des formulaires pour Actions.

<Card title="Avant de commencer">
  1. Créez une [application machine-machine](https://auth0.com/docs/get-started/auth0-overview/create-applications/machine-to-machine-apps) avec les permissions suivantes activées :

  * `read:users`
  * `update:users`
  * `create:users`
  * `read:users_app_metadata`
  * `update:users_app_metadata`
  * `create:users_app_metadata`

  2. Ajoutez une [Connexion au coffre-fort](/docs/fr-ca/customize/forms/vault) en utilisant les informations d’identification de l’application machine-machine (M-M).
</Card>

Les formulaires pour Actions vous permettent de créer des flux de politiques de confidentialité personnalisés et de stocker le consentement avec l’objet `app_metadata` .

<Frame>
  <img src="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=377c7b1fd0b4afeff669df8b1eaa36ee" alt="Dashboard > Actions > Forms > Privacy policy use case" data-og-width="1404" width="1404" data-og-height="638" height="638" data-path="docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=280&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=ad1d876889e242a153d74f81ec87a801 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=560&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=98c2b91d2f59862577a4ffcdd6ce45c6 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=840&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=3370b7d9e4964d65ae5ac6b55727d5b7 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1100&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=c57a29f85caf5f8903962bb65b229363 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1650&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=47be5f324f3ea2852c556956150616a6 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=2500&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=0f1b784bf8af3c7bff948424bd15d895 2500w" />
</Frame>

Les sections ci-dessous décrivent comment créer un formulaire de politique de mise à jour en utilisant des nœuds et des flux, ainsi que les étapes pour ajouter votre formulaire à une action [post-connexion](/docs/fr-ca/customize/actions/explore-triggers/signup-and-login-triggers/login-trigger).

## Créer un formulaire à partir de zéro

Suivez ces étapes pour créer un formulaire afin de recueillir des informations :

1. Ouvrez l’éditeur de formulaires en sélectionnant **Auth0 Dashboard (tableau de bord Auth0) > Actions > Forms (formulaires).**
2. Sélectionnez **Créer un formulaire** > **Commencer à partir de zéro**.

Par défaut, un nouveau formulaire contient un nœud Début, un nœud Étape et un nœud Éran fin.

<Frame>
  <img src="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/NUsNPiiSIoeoYMIB/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?fit=max&auto=format&n=NUsNPiiSIoeoYMIB&q=85&s=2fea2320aac2ff40b7eb9e5ace326441" alt="Dashboard > Forms > Use Cases > Form" data-og-width="1234" width="1234" data-og-height="371" height="371" data-path="docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/NUsNPiiSIoeoYMIB/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=280&fit=max&auto=format&n=NUsNPiiSIoeoYMIB&q=85&s=e84367e0fb98e8bc712e64c5c7067f98 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/NUsNPiiSIoeoYMIB/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=560&fit=max&auto=format&n=NUsNPiiSIoeoYMIB&q=85&s=ca70fea7b58aaf04eb56290dd674b28b 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/NUsNPiiSIoeoYMIB/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=840&fit=max&auto=format&n=NUsNPiiSIoeoYMIB&q=85&s=3e6717963a655b32cd8a4335c10725c8 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/NUsNPiiSIoeoYMIB/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1100&fit=max&auto=format&n=NUsNPiiSIoeoYMIB&q=85&s=f5fea6c65472b9e77c488a3f5664bc43 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/NUsNPiiSIoeoYMIB/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1650&fit=max&auto=format&n=NUsNPiiSIoeoYMIB&q=85&s=50b24f1a4876e046113d6bac242b6811 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/NUsNPiiSIoeoYMIB/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=2500&fit=max&auto=format&n=NUsNPiiSIoeoYMIB&q=85&s=24cb1cd228d0489c1a76b77e9e6abc19 2500w" />
</Frame>

### Configurer le nœud d’étape

Le nœud d’étape est l’interface graphique visible par les utilisateurs. Ajoutez des [champs](/docs/fr-ca/customize/forms/nodes-and-components) au nœud d’étape pour recueillir la nouvelle valeur d’acceptation de l’accord en suivant ces étapes :

1. Faites glisser un champ **Rich text (Texte enrichi)** depuis le **Components menu (Menu composants)** dans le nœud **d’étape**.

   * **Rich text (Texte enrichi)**: Saisissez une description des mises à jour de vos politiques de confidentialité.
   * Sélectionnez **Save (Enregistrer)**.
2. Faites glisser un champ **Legal (Légal)** dans le nœud **d’étape** .

   * **Identification** : Saisissez `privacy_policies`.
   * **Obligatoire** : Cochez la case.
   * **Légal** : Saisissez `J’accepte la politique de confidentialité`.
   * Sélectionnez **Save (Enregistrer)**.
3. Sélectionnez **Publish (Publier)** pour enregistrer.

<Frame>
  <img src="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/3cyOQRxwEBkcFvbY/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?fit=max&auto=format&n=3cyOQRxwEBkcFvbY&q=85&s=cd4363ed8c38262c8616bfe52dc024b4" alt="Dashboard > Actions > Forms > Use case privacy policy step node" data-og-width="1404" width="1404" data-og-height="559" height="559" data-path="docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/3cyOQRxwEBkcFvbY/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=280&fit=max&auto=format&n=3cyOQRxwEBkcFvbY&q=85&s=df2515d8f6efed7b8acd65ddfd0c8e3e 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/3cyOQRxwEBkcFvbY/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=560&fit=max&auto=format&n=3cyOQRxwEBkcFvbY&q=85&s=dca2f3f76da3d62a065ff928097d7c65 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/3cyOQRxwEBkcFvbY/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=840&fit=max&auto=format&n=3cyOQRxwEBkcFvbY&q=85&s=aa794e4ecaefe7a398a717153166fce4 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/3cyOQRxwEBkcFvbY/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1100&fit=max&auto=format&n=3cyOQRxwEBkcFvbY&q=85&s=b77eebad53eabacb011e3ea56e1b095d 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/3cyOQRxwEBkcFvbY/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1650&fit=max&auto=format&n=3cyOQRxwEBkcFvbY&q=85&s=05bf0324c7ae38694cc428c8692acb16 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/3cyOQRxwEBkcFvbY/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=2500&fit=max&auto=format&n=3cyOQRxwEBkcFvbY&q=85&s=e9b1bcde2fdc17ea495acc1560850424 2500w" />
</Frame>

### Configurez le nœud Flow

Ajoutez un node **Flow** après le nœud **d’étape** pour mettre à jour les `app_metadata` et reprendre le flux d’authentification en suivant ces étapes :

1. Sélectionnez **Flow (Flux)** en bas de Form Editor (Éditeur de formulaire).
2. Supprimez le lien existant entre les nœuds **Step (Étape)** et **Ending Screen (Écran de fin)**.
3. Sélectionnez le nouveau **Flow (Flux)** > **Click to add a flow (Cliquer pour ajouter un flux)** > **Create a new flow (Créer un nouveau flux).**

   * Entrez `Update app_metadata (Mettre à jour app_metadata)` dans le champ **Name (Nom)**.
   * Sélectionnez **Create (Créer)**.
   * Sélectionnez **Save (Enregistrer)**.
4. Liez le nœud **Flow (Flux)** aux nœuds **Step (Étape)** et **Ending Screen (Écran de fin)** comme illustré ci-dessous.
5. Sélectionnez **Publish (Publier)** pour enregistrer.

<Frame>
  <img src="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=3e2906f08b5b97f1c2b4b4391cabc033" alt="Dashboard > Actions > Forms > Form" data-og-width="1404" width="1404" data-og-height="599" height="599" data-path="docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=280&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=5fa7fa336389f5b45ff5c2ce8e5258ee 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=560&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=c2eea1dab44e8b9991b9a4c0104c1b77 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=840&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=492b60aab5622bbddf9cb878100f840c 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1100&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=82f503258eb726d45789a72adcee1665 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1650&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=0c4f76d9beb832e9bedae744e5b03b95 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/nXg_XB7T7uh9Wmhe/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=2500&fit=max&auto=format&n=nXg_XB7T7uh9Wmhe&q=85&s=0deec11aaed9ce12d3112b4c10275f02 2500w" />
</Frame>

Ajoutez une action de mise à jour d’utilisateur Auth0 au flux en suivant ces étapes :

1. Sélectionnez le **fluxUpdate app\_metadata (Mise à jour de app\_metadata)** > **Edit flow (Modifier le flux)** pour ouvrir l’éditeur de flux dans un nouvel onglet.
2. Sous l’Action **Start (Démarrage)**, sélectionnez l’icône **+** pour ajouter une Action **Update user (Mise à jour de l’utilisateur)** . Remplissez les champs ci-dessous, puis sélectionnez **Save (Enregistrer)** pour continuer.

   * **Connection** : dans la liste déroulante, sélectionnez la connexion au coffre-fort de votre application de communication entre machines.

   * **User ID** (ID utilisateur) : Saisissez `{{context.user.user_id}}`.

   * **Corps** : Copiez et collez le code suivant pour mettre à jour les app\_metadata avec les propriétés privacy\_policies et privacy\_policies\_timestamp.

     ```
     {
       "app_metadata": {
         "privacy_policies": true,
         "privacy_policies_timestamp": "{{ functions.toTimestamp() }}"
       }
     }
     ```

   * Sélectionnez **Save (Enregistrer)**.
3. Sélectionnez **Publish (Publier)** pour enregistrer.

<Frame>
  <img src="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/rYaUz3o196E4Ucpj/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?fit=max&auto=format&n=rYaUz3o196E4Ucpj&q=85&s=6dd66672cdc75a1b1a45415defee537d" alt="Dashboard > Actions > Forms > User case privacy policy code" data-og-width="1404" width="1404" data-og-height="338" height="338" data-path="docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/rYaUz3o196E4Ucpj/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=280&fit=max&auto=format&n=rYaUz3o196E4Ucpj&q=85&s=2c7ee47b5a8bb044afdc13bfad7a4e61 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/rYaUz3o196E4Ucpj/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=560&fit=max&auto=format&n=rYaUz3o196E4Ucpj&q=85&s=f3db6e2035c08f09d791ac5e2280f757 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/rYaUz3o196E4Ucpj/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=840&fit=max&auto=format&n=rYaUz3o196E4Ucpj&q=85&s=7ec4b25589bc2275123124318b7b46a3 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/rYaUz3o196E4Ucpj/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1100&fit=max&auto=format&n=rYaUz3o196E4Ucpj&q=85&s=fcf35a0f537550be383af77b700cf69f 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/rYaUz3o196E4Ucpj/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1650&fit=max&auto=format&n=rYaUz3o196E4Ucpj&q=85&s=9d96fdc1f5aaf7e56ee24ae4f4140f19 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/rYaUz3o196E4Ucpj/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=2500&fit=max&auto=format&n=rYaUz3o196E4Ucpj&q=85&s=9f506dfc30f31d607adb7874eb816851 2500w" />
</Frame>

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  Le flux **Update app\_metadata** ajoute une valeur `privacy_policies true` à l’objet `app_metadata` et génère également un horodatage à l’aide d’une [fonction d’assistance](/docs/fr-ca/customize/forms/variables)
</Callout>

## Récupérer le code de rendu du formulaire

Récupérez votre code de rendu du formulaire pour afficher visuellement le formulaire avec une Action post-connexion personnalisée en suivant ces étapes :

* Dans l’éditeur de formulaire, sélectionnez **\<> Render (Rendre)**.
* Sélectionnez **Copy (Copier)**.

<Frame>
  <img src="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=0ae05f902193613c9d4b2a5d5b274cc8" alt="Dashboard > Actions > Forms > Form > Embed" data-og-width="1400" width="1400" data-og-height="848" height="848" data-path="docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=280&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=78637d5559236f88892a7406e667fc78 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=560&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=f12b92474bb452405a0284416171e3a8 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=840&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=ca01d419cd051e7b38ea631da14a9809 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1100&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=f0cf6afb0a403646c77511ea996e0942 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1650&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=1936e3fa1ec94f544586d0480a374dbe 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/QvnlfEC9OuzXQNvS/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=2500&fit=max&auto=format&n=QvnlfEC9OuzXQNvS&q=85&s=527cd63c27865f856c089eff2fa62bb7 2500w" />
</Frame>

## Créer une action post-connexion

Créez une action post-connexion pour afficher votre formulaire en suivant ces étapes :

1. Naviguez vers **Auth0 Dashboard > Actions > Flows (Flux) > Login (Connexion).**
2. Sélectionnez l’icône **+** et choisissez **Build from scratch (Construire à partir de zéro)**:

   * **Name (Nom)** : Saisissez `Render Update Policy Form (Formulaire de politique de mise à jour du rendu)`.
   * **Déclencheur** : Sélectionnez `Login / Post Login (Connexion / Post-connexion)`.
   * **Runtime (Temps d’exécution)** : Sélectionnez la version recommandée.
3. Sélectionnez **Create (Créer)**.

Pour configurer l’action post-connexion.

1. Supprimez le code existant dans l’éditeur de code.

2. Collez le code de rendu du formulaire dans l’éditeur de code.

3. Modifiez le code pour définir la logique conditionnelle d’affichage du formulaire.

   ```javascript lines theme={null}
   /**
   * @param {Event} event - Details about the user and the context in which they are logging in.
   * @param {PostLoginAPI} api - Interface whose methods can be used to change the behavior of the login.
   */
   exports.onExecutePostLogin = async (event, api) => {
     const FORM_ID = 'REPLACE_WITH_YOUR_FORM_ID';

     if (event.user.app_metadata.privacy_policies !== true) {
       api.prompt.render(FORM_ID);
     }
   }

   exports.onContinuePostLogin = async (event, api) => { }
   ```

   <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
     L’exemple de code ci-dessus affiche le formulaire lorsque la propriété `privacy_policies` ne se trouve pas dans les métadonnées de l’application.
   </Callout>

4. Sélectionnez **Deploy (Déployer)**.

5. Glissez et déposez l’Action **Render Update Policy Form (Formulaire de mise à jour de la politique de rendu)** dans le flux de **Login (Connexion)** .

   <Frame>
     <img src="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=4bd4567db0c37474ad2c734ff887702f" alt="Dashboard > Forms > Use Case > Render update policy form login action" data-og-width="1370" width="1370" data-og-height="668" height="668" data-path="docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=280&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=77d0beb4e8e77ee082a0bac14226f40e 280w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=560&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=5c15138ae17f296d3808e12933bbd14e 560w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=840&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=0539013af310eb68996515e0044a2fa0 840w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1100&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=5faf1f679d2b395f833414518b86c44d 1100w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1650&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=139895c087608cf5077582cf12c4c66a 1650w, https://mintcdn.com/docs-staging-feat-acul-js-sdk-1-7-0-docs/GMP9duf41QxYaykz/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=2500&fit=max&auto=format&n=GMP9duf41QxYaykz&q=85&s=1f74c4d0d585a4a9229820dc120334b5 2500w" />
   </Frame>

6. Sélectionnez **Apply (Appliquer).**

### Test de mise en œuvre

Testez la mise en œuvre en suivant les étapes ci-dessous :

1. Se connecter avec un utilisateur existant dont l’attribut `privacy_policies` de `app_metadata` n’a pas de valeur.
2. L’action post-connexion dans le flux de connexion rendra le formulaire et demandera l’approbation.
3. Sélectionnez **Auth0 Dashboard > User Management (Gestion des utilisateurs) > Users (Utilisateurs),** localisez l’utilisateur et vérifiez que l’attribut `app_metadata``privacy_policies` contient une valeur `true` et un horodatage.
