Comment intégrer Google Forms à un site web ?

"comment insérer ou intégrer ou ajouter un formulaire Google Forms comme formulaire de contact"- Google Docs Editors Community

C'est une question fréquente et 18 personnes l'ont posée sur le forum de Google à propos d'un formulaire de contact sur leur site. Un lien vers un formulaire Google Forms fait quitter votre site aux visiteurs et certains ne reviennent pas. L'Embed HTML de Google les garde sur la page, mais dans une boîte de taille fixe avec sa propre barre de défilement et le pied de page de Google et vous ne pouvez changer que sa largeur et sa hauteur. Avec Formfacade, vous collez un seul code d'intégration dans votre page et le formulaire s'y affiche sans iframe et sans la marque Google. Les réponses arrivent toujours dans votre formulaire Google Forms et dans Google Sheets, pour que vous puissiez les trier et décider qui appeler en premier.

Voici deux façons de mettre un formulaire Google Forms sur votre site et les limites de chacune.

L'option Embed HTML de Google Forms

  • Ouvrez votre formulaire Google Forms et cliquez sur l'icône ⋮ Plus en haut à droite
  • Sélectionnez Embed HTML
  • Copiez le code HTML et collez-le dans la page web où vous voulez le formulaire
La fenêtre Embed HTML avec le code iframe, Width 640 et Height 384, Copy étant mis en évidence
Ses limites : vous ne pouvez changer que la largeur et la hauteur. Le formulaire garde l'apparence de Google et la mention en bas et un long formulaire défile dans sa propre boîte.

Le code d'intégration Formfacade

  • Sur la page qui s'ouvre, nommez votre formulaire, cliquez sur Embed form puis sur Proceed.
  • Dans l'onglet Share, sous Where do you want to embed this form?, sélectionnez "My website is different from above" et cliquez sur Next.
L'onglet Embed sous Share qui demande Where do you want to embed this form?, avec Embed, My website is different from above et Next mis en évidence
  • Copiez ce code d'intégration et collez-le dans la page web où vous voulez le formulaire.
L'onglet Embed sous Share qui affiche le code d'intégration dans un cadre, le code étant mis en évidence
Votre formulaire s'affiche sur votre page web, sans iframe et sans la marque Google. Ses limites : le forfait gratuit ajoute une petite mention Formfacade et il faut un forfait payant pour la retirer.

Besoin d'aide pour l'accorder à votre site ?

Cliquez sur Next sous le code d'intégration, sélectionnez "Yes, I want to customize UI like my website" et cliquez sur Next.
L'onglet Embed qui demande Have you embedded the form?, avec Yes, I want to customize UI like my website sélectionné et mis en évidence et Next mis en évidence
Saisissez l'URL de votre page et votre message, puis cliquez sur Submit. Notre équipe vous contactera et vous aidera pour votre demande.
L'onglet Embed qui demande Which page did you embed the form? et Do you need any help?, avec la zone de message et Submit mis en évidence

Comment accorder votre formulaire aux couleurs et aux polices de votre site ?

  • Cliquez sur l'onglet "Preview"
  • Réglez Primary color, Background et Typography pour les accorder à votre site
  • Pour garder ces couleurs, cliquez sur le bouton "Apply to all forms", qui modifie tous les formulaires en ligne de votre compte, pas seulement celui-ci. Votre code d'intégration fonctionne sans cela
  • Pour changer la mise en page du formulaire, cliquez sur l'onglet Layout. Là, le bouton s'appelle "Apply to this form"
L'onglet Theme dans Preview avec les réglages Primary color, Background et Typography, les cases de couleur et le bouton Apply to all forms étant mis en évidence

Et si mon site est sur WordPress, Squarespace, Shopify ou Wix ?

L'intégration par défaut de Google Forms peut mal s'afficher sur votre site et couper le formulaire, alors utilisez plutôt le code d'intégration Formfacade. Sélectionnez votre site s'il est dans la liste et suivez les instructions affichées. Pour Shopify, Wix ou tout autre site, sélectionnez "My website is different from above". Vous pouvez aussi lire Comment intégrer Google Forms dans WordPress ?, Comment intégrer Google Forms dans Squarespace ?, Comment intégrer Google Forms dans Wix ? et Comment intégrer Google Forms dans Google Sites ?

Résumé

Un lien fait quitter votre site aux visiteurs et l'Embed HTML de Google met le formulaire dans une boîte de taille fixe avec l'apparence de Google. Avec Formfacade, vous collez un seul code d'intégration dans votre page web et le formulaire s'y affiche sans iframe et sans la marque Google, tandis que les réponses arrivent toujours dans votre formulaire Google Forms. Créez votre formulaire et suivez les étapes ci-dessus. Si vous avez des questions, écrivez à l'assistance.

Dernière mise à jour :