---
title: "Étape 3. Activer les achats"
description: "Laissez vos utilisateurs acheter un produit depuis votre paywall FlutterFlow via Adapty."
---

Félicitations ! Vous avez réussi à [configurer votre paywall pour afficher les données produit d'Adapty](ff-add-variables-to-paywalls), notamment le titre et le prix du produit.

Passons maintenant à la dernière étape : permettre aux utilisateurs d'effectuer un achat depuis le paywall.

## Étape 3.1. Permettre aux utilisateurs d'effectuer des achats \{#step-31-enable-users-to-make-purchases\}

1. Double-cliquez sur le bouton d'achat de votre page de paywall. Dans le panneau de droite, ouvrez la section **Actions** si elle n'est pas déjà ouverte.

2. Ouvrez l'**Action Flow Editor**.

  <img src="/assets/shared/img/ff-action-flow-editor.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

3. Dans la fenêtre **Select Action Trigger**, choisissez **On Tap**.
4. Dans la fenêtre **No Actions Created**, cliquez sur **Add Action**. Recherchez l'action `makePurchase` et sélectionnez-la.

  <img src="/assets/shared/img/ff-makepurchase.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

5. Dans la section **Set Actions Arguments**, sélectionnez la variable `getPaywallProductsResult` créée précédemment.
6. Renseignez les champs comme suit :
	- **Available Options** : Data Structure Field
    - **Select Field** : value
    - **Available Options** : Item at Index
    - **List Index Options** : First

  <img src="/assets/shared/img/ff-makepurchase-value.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

7. Cliquez sur `subscriptionUpdateParameters`, recherchez `AdaptySubscriptionUpdateParameters` et sélectionnez-le. Cliquez sur **Confirm**.
    :::info
    Par défaut, vous pouvez laisser tous les champs de l'objet vides. Vous devrez les renseigner pour remplacer un abonnement par un autre dans les applications Android. En savoir plus [ici](https://android.adapty.io/adapty/com.adapty.models/-adapty-subscription-update-parameters/).
    :::
   
   <img src="/assets/shared/img/ff-subupdate.webp"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '700px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
8. Cliquez sur **Confirm**. 
9. Dans **Action Output Variable Name**, créez une nouvelle variable et nommez-la `makePurchaseResult` — elle sera utilisée plus tard pour confirmer que l'achat a bien été effectué.

  <img src="/assets/shared/img/ff-makepurchaseresult.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

## Étape 3.2. Vérifier si l'achat a réussi \{#step-32-check-if-the-purchase-was-successful\}

Maintenant, configurons une vérification pour savoir si l'achat a bien été effectué.

1. Cliquez sur **+** puis sur **Add Conditional**.
2. Dans **Set Condition for Action**, sélectionnez la variable `makePurchaseResult`.
3. Dans la fenêtre **Set Variable**, remplissez les champs comme suit :
    - **Available Options** : Has Field
    - **Select Field** : profile

  <img src="/assets/shared/img/ff-makepurchaseresult-conditional.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

4. Cliquez sur **Confirm**.

## Étape 3.3. Ouvrir le contenu payant \{#step-33-open-paid-content\}

Si l'achat est réussi, vous pouvez déverrouiller le contenu payant. Voici comment le configurer :

1. Cliquez sur **+** sous le label **TRUE** et cliquez sur **Add Action**.
2. Dans le champ **Define Action**, recherchez et sélectionnez la page que vous souhaitez ouvrir dans la liste **Navigate To**. Dans cet exemple, la page est **Questions**.

  <img src="/assets/shared/img/ff-questions.webp"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

## Étape 3.4 Afficher un message d'erreur si l'achat échoue \{#step-34-show-error-message-if-purchase-failed\}

Si l'achat échoue, affichons une alerte à l'utilisateur.

1. Ajoutez une action **Informational Dialog** au label **FALSE**.
2. Dans le champ **Title**, saisissez le texte souhaité pour le titre de la boîte de dialogue, par exemple **Purchase Failed**.

 
    <img src="/assets/shared/img/ff-purchase-fail.webp"
    style={{
      border: '1px solid #727272', /* border width and color */
      width: '700px', /* image width */
      display: 'block', /* for alignment */
      margin: '0 auto' /* center alignment */
    }}
  />
  

3. Cliquez sur **Value** dans le champ **Message**. Dans la fenêtre **Set from Variable**, recherchez `makePurchaseResult` et sélectionnez-le. Remplissez les champs comme suit :
    
   - **Available Options** : Data Structure Field
   - **Select Field** : error
   - **Available Options** : Data Structure Field
   - **Select Field** : errorMessage
      

      <img src="/assets/shared/img/ff-fail-message.webp"
      style={{
      border: '1px solid #727272', /* border width and color */
      width: '700px', /* image width */
      display: 'block', /* for alignment */
      margin: '0 auto' /* center alignment */
      }}
      />
      

4. Cliquez sur **Confirm**.
5. Ajoutez une action **Terminate** au flow **FALSE**.

    <img src="/assets/shared/img/ff-terminate-purchase.webp"
    style={{
      border: '1px solid #727272', /* border width and color */
      width: '700px', /* image width */
      display: 'block', /* for alignment */
      margin: '0 auto' /* center alignment */
    }}
  />
  

6. Enfin, cliquez sur **Close** dans le coin supérieur droit.

Félicitations ! Vos utilisateurs peuvent désormais acheter vos produits. Pour aller plus loin, [configurez une vérification de l'accès utilisateur au contenu payant](ff-check-subscription-status) afin de décider d'afficher le contenu payant ou le paywall.