> ## Documentation Index
> Fetch the complete documentation index at: https://docs.formai.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Prévisualiser votre formulaire

> Vérifiez votre formulaire sur ordinateur et sur mobile, et ouvrez l'aperçu complet de votre brouillon actuel avant de publier.

L'aperçu montre votre formulaire tel que le verront les répondants, ce qui vous permet de repérer les problèmes de mise en page et de formulation avant de publier.

<Frame caption="Ouvrez l'aperçu pour vérifier le formulaire sur ordinateur et sur téléphone.">
  <video autoPlay muted loop playsInline className="w-full" src="https://mintcdn.com/formai-app/XBaZxbZCaxkDZx0d/videos/preview.mp4?fit=max&auto=format&n=XBaZxbZCaxkDZx0d&q=85&s=fc06e9e03396e953ed20d894f7c9a6b6" aria-label="Ouverture de l'aperçu, affichage du formulaire dans un cadre de navigateur, passage à la vue téléphone, puis fermeture de l'aperçu" data-path="videos/preview.mp4" />
</Frame>

## Basculer entre ordinateur et mobile

Dans la barre d'outils de l'éditeur, utilisez le bouton **Desktop / Mobile** pour modifier l'affichage de votre formulaire sur le canevas. Le mode ordinateur affiche un cadre de navigateur. Le mode mobile affiche le formulaire à la taille d'un téléphone.

## Ouvrir l'aperçu complet

<Steps>
  <Step title="Cliquer sur l'icône en forme d'œil">
    Dans la barre d'outils de l'éditeur, cliquez sur l'icône en forme d'œil. La fenêtre **Preview — Current draft** s'ouvre.
  </Step>

  <Step title="Examiner les deux affichages">
    L'aperçu présente côte à côte la version ordinateur dans un cadre de navigateur et la version mobile dans un téléphone.
  </Step>

  <Step title="Le fermer et continuer à modifier">
    Fermez l'aperçu pour revenir à l'éditeur et effectuer des modifications.
  </Step>
</Steps>

<Frame caption="Preview — Current draft affiche côte à côte les versions ordinateur et mobile.">
  <img src="https://mintcdn.com/formai-app/XBaZxbZCaxkDZx0d/images/editor/preview.jpg?fit=max&auto=format&n=XBaZxbZCaxkDZx0d&q=85&s=0e285474b70b1afab77e539ba0094cfd" alt="La fenêtre Preview — Current draft avec un cadre de navigateur et un téléphone affichant le même formulaire" width="1512" height="711" data-path="images/editor/preview.jpg" />
</Frame>

## Points à vérifier

* Le badge « Developed by FormAI » apparaît lorsque **FormAI Branding** est activé. Les forfaits payants peuvent le désactiver dans les [paramètres du formulaire](/fr/user-guide/settings/form-settings).
* La barre de progression et les flèches de navigation Haut et Bas, si vous les avez activées.
* La formulation, les choix de réponse et les questions obligatoires.
* Les couleurs et les polices de votre [thème](/fr/user-guide/design/themes).

<Tip>
  Lorsque [FormAI Agent](/fr/user-guide/editor/edit-with-ai-agent) suggère une modification, cliquez sur **Preview** dans la conversation pour voir la modification proposée avant de cliquer sur **Apply**.
</Tip>

## L'aperçu n'est pas la publication

L'aperçu montre votre brouillon actuel. Les répondants ne voient vos modifications qu'après que vous avez cliqué sur **Publish** dans la barre supérieure. Voir [Publier et partager](/fr/user-guide/share/publish-and-share).

## Étapes suivantes

<CardGroup cols={2}>
  <Card title="Publier et partager" icon="share-nodes" href="/fr/user-guide/share/publish-and-share">
    Publiez le formulaire et partagez un lien.
  </Card>

  <Card title="Paramètres du formulaire" icon="gear" href="/fr/user-guide/settings/form-settings">
    Ajustez la marque, la barre de progression et la navigation.
  </Card>

  <Card title="Thèmes" icon="palette" href="/fr/user-guide/design/themes">
    Modifiez l'apparence de votre formulaire.
  </Card>

  <Card title="Modifier avec FormAI Agent" icon="wand-magic-sparkles" href="/fr/user-guide/editor/edit-with-ai-agent">
    Demandez à l'agent d'effectuer les modifications à votre place.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.