> ## 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.

# Intégrer sur votre site

> Copiez l'extrait iframe depuis l'onglet Embed Code et collez-le dans le HTML de votre site pour afficher un sondage ou un quiz sur votre propre page.

L'onglet **Embed Code** vous fournit une iframe prête à l'emploi. Collez-la dans le HTML de votre page et votre formulaire s'y affiche, sans renvoyer vos visiteurs ailleurs.

<Frame caption="Ouvrez Embed Code pour copier l'extrait iframe et vérifier Website Preview.">
  <video autoPlay muted loop playsInline className="w-full" src="https://mintcdn.com/formai-app/XBaZxbZCaxkDZx0d/videos/share-embed.mp4?fit=max&auto=format&n=XBaZxbZCaxkDZx0d&q=85&s=873aff363703893ccdeab61186cb5155" aria-label="Ouverture de l'onglet Share et choix d'Embed Code, affichant l'extrait iframe avec un bouton Copy et Website Preview" data-path="videos/share-embed.mp4" />
</Frame>

## Intégrer votre formulaire

<Steps>
  <Step title="Publier le formulaire">
    Cliquez sur **Publish** dans la barre supérieure de l'éditeur. Voir [Publier et partager](/fr/user-guide/share/publish-and-share).
  </Step>

  <Step title="Ouvrir Embed Code">
    Cliquez sur **Share**, puis choisissez l'onglet **Embed Code**.
  </Step>

  <Step title="Copier le code">
    Cliquez sur **Copy** pour copier l'extrait.
  </Step>

  <Step title="Le coller dans votre HTML">
    Collez l'extrait à l'endroit où vous voulez que le formulaire apparaisse. Il s'affiche dès le chargement de la page.
  </Step>
</Steps>

## L'extrait

L'extrait est une iframe standard. L'identifiant de votre formulaire remplace l'espace réservé dans cet exemple :

```html theme={null}
<iframe src="https://ui.formai.app/to/YOUR_FORM_ID" width="100%" height="600"></iframe>
```

Copiez toujours l'extrait depuis l'onglet **Embed Code** plutôt que de saisir vous-même l'identifiant.

## Conseils de dimensionnement

* **Largeur :** conservez `width="100%"` pour que le formulaire occupe tout l'espace de la colonne ou de la section où il se trouve.
* **Hauteur :** l'extrait démarre à `height="600"`. Augmentez la valeur si le formulaire est coupé, ou réduisez-la s'il reste de l'espace vide sous le formulaire.
* **Vérifiez les deux tailles d'écran :** consultez la page sur ordinateur et sur téléphone après l'intégration.

Utilisez **Website Preview** dans l'onglet Embed Code pour voir le rendu du formulaire dans une page avant de coller l'extrait.

## Étapes suivantes

<CardGroup cols={2}>
  <Card title="Publier et partager" icon="share-nodes" href="/fr/user-guide/share/publish-and-share">
    Partagez plutôt votre formulaire avec un lien.
  </Card>

  <Card title="Bouton e-mail" icon="envelope" href="/fr/user-guide/share/email-button">
    Ajoutez un bouton d'appel à l'action à un e-mail.
  </Card>

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

  <Card title="Vue d'ensemble des résultats" icon="chart-line" href="/fr/user-guide/results/overview">
    Voyez combien de personnes ont consulté et soumis le formulaire.
  </Card>
</CardGroup>


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