---
title: "Prévisualiser les flows"
description: "Prévisualisez la compatibilité de vos flows sur différents appareils pour une expérience optimisée."
---

Vous avez deux façons de prévisualiser votre flow sur différents types d'écrans :
- **Prévisualisation sur des appareils** : Vérifiez l'apparence de votre flow sur de vrais appareils à n'importe quelle étape du développement.
- **Prévisualisation dans l'Adapty Dashboard** : Prévisualisez votre flow pendant sa conception.

## Prévisualisation sur des appareils \{#preview-on-devices\}

Pour prévisualiser votre flow sur un vrai appareil :

1. [Téléchargez l'application Adapty depuis l'App Store](https://apps.apple.com/us/app/adapty/id6739359219).
2. Dans le flow builder, cliquez sur **Test on device**.

3. Sélectionnez la locale du flow.
4. Scannez le QR code avec l'appareil photo ou ouvrez le lien. Votre flow s'ouvre dans l'application mobile Adapty.

:::note
En mode test, Adapty ne peut pas accéder à vos produits dans les stores, donc les prix affichés dans le flow ne sont pas réels.
:::

### Résolution des problèmes \{#troubleshooting\}

Vous ne pouvez pas publier ni prévisualiser votre flow si l'un des problèmes suivants est présent.

- Une interaction avec une configuration incomplète. Cas courants :
    - Une action **Open URL** sans URL cible.
    - Une action **Navigate to screen** sans destination — se produit aussi lorsque l'écran de destination est supprimé après la configuration de l'action.
    - Une **action conditionnelle** sans opérateur ni valeur.
    - Une action **Set Variable** sans assignation de variable/valeur.
    - Une action **Purchase** sans produit (store intégré) ou sans URL de paywall web (paiement web).
    - Une action **Custom** sans ID d'action.
    - Une action **Show alert** avec un Titre ou un Message vide.
    - Une action **Show** ou **Hide** sans élément sélectionné.
- Un **écran sans éléments**.
- Un élément produit **sans produit associé** — peut survenir si vous supprimez le produit référencé.
- Un JSON de **Remote Config** invalide qui bloque l'ensemble du processus de diffusion — vous ne pouvez même pas enregistrer le brouillon.

## Prévisualisation dans l'Adapty Dashboard \{#preview-in-the-adapty-dashboard\}

:::tip
Pour vous assurer que votre flow est prêt à être publié, [prévisualisez-le sur un vrai appareil](#preview-on-devices) et confirmez qu'il s'affiche sans erreurs.
:::

Vous pouvez prévisualiser votre flow sur différents types d'écrans grâce à la zone de prévisualisation du flow builder. Cela vous permet de vous assurer que votre flow s'affiche parfaitement sur différents appareils et tailles d'écran.

Les contrôles de prévisualisation situés sous la zone de prévisualisation vous permettent de :
- Sélectionner l'appareil sur lequel prévisualiser votre flow.
- Basculer entre les modes de prévisualisation horizontal et vertical.
- Basculer entre les modes clair et sombre.
- Basculer entre les locales.

:::tip
- Prévisualisez toujours les différentes locales, car les langues peuvent avoir des longueurs de mots différentes et la mise en page de l'écran peut varier en conséquence.
- Pour prévisualiser des variables personnalisées, définissez des valeurs initiales pour celles-ci. Par exemple, si vous ajoutez une variable `name`, vous pouvez définir la valeur initiale à `Jane Doe` pour la prévisualiser.
:::