Intégrer un Google Form à votre site web

Un formulaire intégré est le formulaire en direct affiché dans un cadre sur votre propre page. Les visiteurs répondent sans quitter votre site.

Autoriser l'intégration

L'intégration est désactivée par défaut, aucun autre site web ne peut donc afficher votre formulaire.

1. Dans l'onglet Form. de la barre latérale, cliquez sur le crayon de la ligne Paramètres du formulaire en direct
2. Sur l'onglet Thème, activez Personnaliser le formulaire en direct s'il est désactivé
3. Activez Autoriser l'intégration

La zone Code d'intégration apparaît sous l'interrupteur.

Copier le code d'intégration

Cliquez sur Copier. Le code tient en une seule ligne :

<script src="https://skyfield.cloud/embed.js" data-form="your-form" async></script>

Utilisez le code de votre propre boîte de dialogue, qui contient l'ID de votre formulaire. Le script place le formulaire dans un cadre à l'endroit où vous le collez et garde ce cadre aussi haut que le formulaire, pour que la page n'affiche jamais de seconde barre de défilement. Le cadre s'agrandit et se réduit quand les participants changent de page, voient un message d'erreur ou arrivent à l'écran de remerciement. Après l'envoi, il fait remonter le haut du formulaire à l'écran.

Pour intégrer plusieurs formulaires sur une même page, collez une ligne par formulaire.

Le coller dans votre page

Collez le code partout où votre site web accepte du HTML :

• WordPress. Ajoutez un bloc HTML personnalisé.
• Wix, Squarespace, Webflow. Ajoutez un élément Intégrer ou Code et collez-y le code.
• Votre propre HTML. Collez-le à l'endroit où le formulaire doit apparaître.

Si votre site n'autorise pas les scripts

Certains créateurs de sites suppriment les balises <script>. Sous le code d'intégration, cliquez sur Scripts interdits ? Utilisez un iframe simple et copiez ce code à la place :

<iframe
  src="https://skyfield.cloud/forms/your-form?embed=1"
  width="100%"
  height="900"
  style="border:0"
></iframe>

Un iframe simple a une hauteur fixe. Remplacez height="900" par un nombre de pixels adapté à votre formulaire, pour que la page n'affiche pas une seconde barre de défilement. Un formulaire de plusieurs pages a besoin de la hauteur de sa page la plus longue.

Le fondre dans votre site

• Activez Fondre dans mon site, sous Autoriser l'intégration. Cette option supprime la couleur de page derrière le formulaire, pour que ses cartes reposent sur l'arrière-plan de votre propre page. Les cartes, les bordures et les ombres du style restent, et le lien en direct garde sa page.
• Utilisez l'aperçu Sur votre site pour voir le formulaire intégré sur une page simple avant d'enregistrer.
• Sous Afficher, désactivez Powered by si vous ne voulez pas de cette ligne. Elle ne peut être masquée que sur un formulaire intégré.
• Un formulaire intégré supprime les marges de la page et la rangée de commandes autour du formulaire.

Arrêter l'intégration

Désactivez Autoriser l'intégration et les autres sites web ne peuvent plus afficher le formulaire. Désactiver Personnaliser le formulaire en direct a le même effet.