---
title: "Étape 2. Ajouter des données à la page paywall"
description: "Ajoutez des variables Feature Flag aux paywalls dans Adapty."
---

Une fois que vous avez [récupéré toutes les données produit nécessaires](ff-action-flow), il est temps de les associer au beau paywall que vous avez conçu dans FlutterFlow. Dans cet exemple, nous allons associer le titre du produit et son prix.

## Étape 2.1. Ajouter le titre du produit à la page paywall \{#step-21-add-product-title-to-paywall-page\}

1. Double-cliquez sur le texte du produit dans votre page paywall. Dans la fenêtre **Set from Variable**, recherchez la variable `getPaywallProductResult` et sélectionnez-la.

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

2. Remplissez les champs comme suit :
  - **Available Options** : Data Structured Field
  - **Select Field** : value
  - **Available Options** : Item at Index
  - **List Index Options** : First
  - **Available Options** : Data Structured Field
  - **Select Field** : localizedTitle
  - **Default Variable Value** : null
  - **UI Builder Display Value** : N'importe quoi, dans l'exemple c'est `product.title`

  
    <img src="/assets/shared/img/ff-product.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 **Confirm** pour enregistrer les modifications.

## Étape 2.2. Ajouter le texte du prix à la page paywall \{#step-22-add-price-text-to-paywall-page\}

Répétez les étapes de l'Étape 2.1 pour le texte du prix comme indiqué ci-dessous :

1. Double-cliquez sur le texte du prix dans votre page paywall. Dans la fenêtre **Set from Variable**, recherchez la variable `getPaywallProductResult` et sélectionnez-la.

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

2. Remplissez les champs comme suit :

- **Available Options** : Data Structured Field
- **Select Field** : value
- **Available Options** : Item at Index
- **List Index Options** : First
- **Available Options** : Data Structured Field
- **Select Field** : price
- **Default Variable Value** : null
- **UI Builder Display Value** : N'importe quoi, dans l'exemple c'est `product.price`

3. Cliquez sur le bouton **Confirm** pour enregistrer les modifications.

### Ajouter le prix en devise locale à la page paywall \{#add-price-in-local-currency-to-paywall-page\}

1. Double-cliquez sur le prix dans votre page paywall. Dans la fenêtre **Set from Variable**, recherchez la variable `getPaywallProductResult` et sélectionnez-la.

2. Remplissez les champs comme suit :

- **Available Options** : Data Structured Field
- **Select Field** : value
- **Available Options** : Item at Index
- **List Index Options** : First
- **Available Options** : Data Structured Field
- **Select Field** : price
- **Available Options** : Data Structured Field
- **Select Field** : amount
- **Available Options** : Decimal
- **Decimal Type** : Automatic
- **Default Variable Value** : null
- **UI Builder Display Value** : N'importe quoi, dans l'exemple c'est `price.amount`

3. Cliquez sur **Confirm** pour enregistrer les modifications.

Et voilà ! Désormais, au lancement de votre application, elle affichera les données produit du paywall Adapty directement sur votre page paywall !
Il est temps de [laisser vos utilisateurs acheter ce produit](ff-make-purchase).