> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-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-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=fbce24ccaaf4aa8d70374dea7b265e04" 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-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=280&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=4cfa5765bfc102f2225ed1b4a92d9244 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=560&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=2e6f7e48b486782dd44b6a62a245d2fb 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=840&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=e5ec23888ccf5c1ad7005934e7d5e6bc 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1100&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=bb86f0cd522c463cc3fc70c86c41dc36 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1650&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=41ce48b645e7522731b3631bbe882439 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=2500&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=68f893bb77ce1540b13a7fbe2711dedb 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-dev-feat-acul-js-sdk-1-7-0-docs/5uR9r62WgPW9L4zy/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?fit=max&auto=format&n=5uR9r62WgPW9L4zy&q=85&s=b6187433fe39325f8015c578d38debe9" 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-dev-feat-acul-js-sdk-1-7-0-docs/5uR9r62WgPW9L4zy/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=280&fit=max&auto=format&n=5uR9r62WgPW9L4zy&q=85&s=d8fb3f6d4e766b44a840862080c10cc8 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/5uR9r62WgPW9L4zy/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=560&fit=max&auto=format&n=5uR9r62WgPW9L4zy&q=85&s=be8234fe95f643ed513e7aaba43e68f1 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/5uR9r62WgPW9L4zy/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=840&fit=max&auto=format&n=5uR9r62WgPW9L4zy&q=85&s=3361fc12b69728d87248d4113e867d1e 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/5uR9r62WgPW9L4zy/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1100&fit=max&auto=format&n=5uR9r62WgPW9L4zy&q=85&s=f9b557ebd5d8c69054dd3f61075c972b 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/5uR9r62WgPW9L4zy/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1650&fit=max&auto=format&n=5uR9r62WgPW9L4zy&q=85&s=3327127091e2dbffc87916047ef61617 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/5uR9r62WgPW9L4zy/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=2500&fit=max&auto=format&n=5uR9r62WgPW9L4zy&q=85&s=a756836dd0144be6ea720e652da858b6 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-dev-feat-acul-js-sdk-1-7-0-docs/DbgQyYuy8Yz8PY3T/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?fit=max&auto=format&n=DbgQyYuy8Yz8PY3T&q=85&s=ae787f83e90f862f722a21bb88881e06" 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-dev-feat-acul-js-sdk-1-7-0-docs/DbgQyYuy8Yz8PY3T/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=280&fit=max&auto=format&n=DbgQyYuy8Yz8PY3T&q=85&s=e860edcaa2eb25654cfe7ceba5b13bf3 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DbgQyYuy8Yz8PY3T/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=560&fit=max&auto=format&n=DbgQyYuy8Yz8PY3T&q=85&s=ce973944da607a1c508196592335b484 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DbgQyYuy8Yz8PY3T/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=840&fit=max&auto=format&n=DbgQyYuy8Yz8PY3T&q=85&s=967aeb3be900677ab2add300fb18ca34 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DbgQyYuy8Yz8PY3T/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1100&fit=max&auto=format&n=DbgQyYuy8Yz8PY3T&q=85&s=978ef9419c5c622d0c7c20563d9d6faa 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DbgQyYuy8Yz8PY3T/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1650&fit=max&auto=format&n=DbgQyYuy8Yz8PY3T&q=85&s=8c1a744c69dbfe06f66f9aeba402597f 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DbgQyYuy8Yz8PY3T/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=2500&fit=max&auto=format&n=DbgQyYuy8Yz8PY3T&q=85&s=29b3e071826ce75b396ddf8c05f97771 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-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=b3ae5129bbee91dccdee507cfeab4526" 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-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=280&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=802f09a55c423deffb73b3cb866d9656 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=560&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=d98351a4b5b6a37b8dbbd92d5ab1f9e3 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=840&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=4bf1ae99201ea18a1f6e9ae52f798a31 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1100&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=bc4582dd1ed7dc837d38ec14a356bf7d 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1650&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=1e15e985a65d04f5224feef8a1bb28fa 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/uZKa9xJyHQd-Q9UK/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=2500&fit=max&auto=format&n=uZKa9xJyHQd-Q9UK&q=85&s=2d3ad0ae260a78e1cb72770efd1f310a 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-dev-feat-acul-js-sdk-1-7-0-docs/JhUTAtbEVl5nf6Gl/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?fit=max&auto=format&n=JhUTAtbEVl5nf6Gl&q=85&s=6dc27d703e3b67452908314b6673479f" 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-dev-feat-acul-js-sdk-1-7-0-docs/JhUTAtbEVl5nf6Gl/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=280&fit=max&auto=format&n=JhUTAtbEVl5nf6Gl&q=85&s=3c577a7c35deb4fc6cd2961ad87bcb68 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/JhUTAtbEVl5nf6Gl/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=560&fit=max&auto=format&n=JhUTAtbEVl5nf6Gl&q=85&s=081f622abe562cfc7041cf6eb9cea66f 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/JhUTAtbEVl5nf6Gl/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=840&fit=max&auto=format&n=JhUTAtbEVl5nf6Gl&q=85&s=d0a285194e077d2610850da52b06aae8 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/JhUTAtbEVl5nf6Gl/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1100&fit=max&auto=format&n=JhUTAtbEVl5nf6Gl&q=85&s=654c12750b34651e98fb9ce9cf7a8c03 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/JhUTAtbEVl5nf6Gl/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1650&fit=max&auto=format&n=JhUTAtbEVl5nf6Gl&q=85&s=a7558a8c11a3865360e7e82f85478eac 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/JhUTAtbEVl5nf6Gl/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=2500&fit=max&auto=format&n=JhUTAtbEVl5nf6Gl&q=85&s=7a00863f8cf0c48d85c67015f1abb06f 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-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=80ae1536ba82037171971bfe1167558d" 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-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=280&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=13996245eeb64691810a1419ed43da83 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=560&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=61154eceaee3115634dbcdf6448b01d0 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=840&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=93f34e792bab0650e326261d51346d2b 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1100&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=fa9c9c406f5a793594c90d2e4d252bd3 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1650&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=8ffb3d2de53e11963c6a229a3a9ab7d7 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/Vht83TOEsZSmOQB7/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=2500&fit=max&auto=format&n=Vht83TOEsZSmOQB7&q=85&s=f751ea3fa48e4ef74d21005329394b00 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-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=0d9314cf0e06c5e25e9a385712f70c16" 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-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=280&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=8c2ed9f439293bed55a3d3de4fcc7074 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=560&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=481c89df7b168d0023cf666c133513fd 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=840&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=460c3d18169cc3b030084501e624e917 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1100&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=00a8543deee0dc9cd86f76bdaacb71f1 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1650&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=94973a26fd9942afd0c1c988c2a7e712 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/UEaYx3GmPyDhU5lm/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=2500&fit=max&auto=format&n=UEaYx3GmPyDhU5lm&q=85&s=679efac4301a872f7986dce91803013e 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.
