Comment intégrer un formulaire Google dans un site web ou un blog

Lecture : 9 min Date de la dernière mise à jour : 
Comment intégrer un formulaire Google dans un site web ou un blog

Rediriger vos visiteurs vers un lien Google Forms externe peut interrompre leur parcours et les faire sortir de votre site. Pour un formulaire de contact, une inscription, un sondage ou une enquête de satisfaction, il peut donc être plus judicieux d’intégrer directement Google Forms à votre page.

Bonne nouvelle : Google Forms permet de générer un code d’intégration iframe que vous pouvez ajouter à la plupart des sites web à l’aide d’un bloc HTML. Dans ce guide, découvrez comment intégrer un formulaire Google dans un site web ou un blog, où trouver l’option « Intégrer le code HTML », comment ajouter le code à votre page et comment résoudre les principaux problèmes d’accès ou d’affichage.

Nous verrons également comment partager votre formulaire par email ou via un lien, ainsi que les possibilités offertes par Jotform si vous recherchez des options de personnalisation supplémentaires et des fonctionnalités plus avancées.

Comment intégrer un formulaire Google dans un site web ?

Google Forms génère automatiquement un code d’intégration HTML permettant d’afficher votre formulaire directement sur une page web. Vous n’avez pas besoin de programmer l’intégration : il suffit de récupérer le code fourni par Google Forms et de le coller dans votre éditeur de site.

Voici comment intégrer un formulaire Google dans un site web :

  1. Accédez à Google Forms.
  2. Ouvrez le formulaire que vous souhaitez intégrer. Sélectionnez un formulaire existant dans la section Formulaires récents ou créez-en un nouveau.
  3. Lorsque votre formulaire est prêt, cliquez sur le bouton Publier en haut à droite pour le rendre accessible aux répondants.
Capture d'écran de l'interface Google Forms avec un formulaire et une flèche pointant vers le bouton Publier
  1. Cliquez sur l’icône des trois points verticaux à droite du bouton Publier. Dans le menu qui s’affiche, sélectionnez Intégrer le code HTML.
Capture d'écran de l'interface Google Forms avec un formulaire et une flèche pointant vers Intégrer le code HTML
  1. Ajustez la largeur et la hauteur du formulaire pour qu’il s’intègre correctement à la mise en page de votre site. Pensez à contrôler le rendu sur mobile, surtout si le formulaire comporte de nombreuses questions ou des champs longs.
  2. Cliquez sur Copier. Le code d’intégration iframe est alors copié dans votre presse-papiers.
  3. Ouvrez l’éditeur de votre site et accédez à la page où vous souhaitez afficher le formulaire. Ajoutez un bloc HTML, Code personnalisé ou Intégrer, selon la plateforme utilisée, puis collez le code d’intégration.
  4. Prévisualisez la page pour vérifier que le formulaire s’affiche correctement sur ordinateur et sur mobile.

Conseil de pro

Que faire si votre formulaire Google intégré affiche une erreur de restriction ? Cliquez sur Publier. Dans la section Répondants, sélectionnez Tous les utilisateurs qui ont le lien afin de permettre aux personnes disposant du lien d’accéder au formulaire.

Pourquoi intégrer Google Forms à votre site ?

Intégrer Google Forms dans une page permet aux visiteurs de remplir le formulaire sans quitter votre site. Cette solution est particulièrement utile lorsque le formulaire fait partie intégrante du parcours utilisateur, par exemple pour :

  • un formulaire de contact
  • une inscription à un événement
  • une enquête de satisfaction
  • un sondage ou un questionnaire
  • une demande d’informations
  • une page de destination

Comment intégrer un formulaire Google dans WordPress, Wix, Squarespace ou Shopify ?

La méthode pour récupérer le code d’intégration reste la même, mais son ajout à votre site varie selon la plateforme utilisée. Consultez nos guides étape par étape :

Intégrer ou partager un formulaire Google : quelle méthode choisir ?

MéthodeÀ privilégier pourPrincipal avantage
Intégration HTMLContact, inscription, sondage sur une pageLe visiteur reste sur votre site
Lien partageableRéseaux sociaux, QR code, messagerieSimple à diffuser sur plusieurs canaux
EmailGroupe précis de répondantsContact direct avec les destinataires

Si le formulaire fait partie du parcours de votre site, l’intégration HTML est généralement la méthode la plus naturelle. Pour une diffusion sur plusieurs canaux, le lien offre une plus grande flexibilité.

Quelles sont les autres façons de partager un formulaire Google ?

Partager un formulaire Google par email

Vous pouvez également partager un formulaire Google par email. Cette méthode convient notamment à un questionnaire ou à un sondage envoyé à un groupe précis de personnes.

Pour une diffusion importante, tenez compte des limites éventuelles associées à votre compte et privilégiez un lien partagé depuis votre outil d’emailing lorsque cette méthode est plus adaptée.

Voici comment procéder :

  1. Ouvrez Google Forms et sélectionnez le formulaire que vous souhaitez partager par email.
  2. Cliquez sur le bouton Partager en haut à droite (icône de personne avec le signe +).
Capture d'écran de l'interface Google Forms avec un formulaire et un encadré autour de l'icône Partager

3. Saisissez l’adresse email du destinataire dans le champ prévu à cet effet. Vous pouvez également ajouter des groupes ou des événements d’agenda.

4. Cochez « Envoyer une notification ».

5. Ajoutez une note facultative dans la zone de message et cliquez sur Envoyer.

Capture d'écran de l'interface Google Forms avec un formulaire et la fenêtre Partager un encadré autour de l'adresse email du destinataire, une flèche vers la case cochée et une autre vers Envoyer

Partager un formulaire Google avec un lien

Créer un lien partageable vers un formulaire Google est une autre façon de permettre aux répondants d’accéder à votre formulaire. Vous pouvez notamment utiliser ce lien dans une publication sur les réseaux sociaux, un article de blog, un email ou tout autre canal adapté.

Voici comment procéder :

  1. Sélectionnez le formulaire que vous souhaitez utiliser depuis votre page d’accueil Google Forms.
  2. Une fois vos personnalisations effectuées et lorsque vous êtes prêt à partager le formulaire, cliquez sur le bouton Publier en haut à droite.
Capture d'écran de l'interface Google Forms avec un formulaire et une flèche pointant vers le bouton Publier
  1. Cliquez sur le bouton Copier le lien pour les répondants.
Capture d'écran de l'interface Google Forms avec la fenêtre Options de publication et un encadré autour de Copier le lien pour les répondants

4. Collez le lien copié dans une publication sur les réseaux sociaux, un blog, un email ou tout autre endroit où vous souhaitez que le lien apparaisse.

Vous cherchez la meilleure alternative à Google Forms ?

Vous cherchez la meilleure alternative à Google Forms ?

La solution complète de création de formulaires de Jotform est optimisée pour les appareils mobiles et offre le plus grand nombre d’intégrations du secteur. Utilisez-la pour encaisser des paiements, automatiser des flux de travail, collecter des prospects, et bien plus encore.

ou
Partir de zéro

Quelles sont les limites de Google Forms et pourquoi envisager Jotform ?

Google Forms permet d’intégrer facilement un formulaire à un site via une iframe, mais les possibilités de personnalisation restent relativement limitées. Il peut notamment être difficile d’harmoniser précisément l’apparence du formulaire avec l’identité visuelle de votre site. Certaines fonctionnalités avancées, notamment pour les paiements, les signatures électroniques ou certains workflows, nécessitent également d’autres solutions.

Si vous avez besoin d’une plus grande liberté de personnalisation ou de fonctionnalités supplémentaires, Jotform constitue une alternative à Google Forms. Son éditeur sans code permet de créer des formulaires adaptés à votre identité visuelle et d’ajouter des fonctionnalités telles que la signature électronique, le traitement des paiements et de nombreuses intégrations. Jotform propose également plus de 1 300 modèles de formulaires prêts à l’emploi disponibles en français et plus de 20 000 modèles disponibles en anglais.

Comment intégrer un formulaire Jotform dans un site web ?

Que vous créiez votre formulaire Jotform à partir de zéro ou à partir d’un modèle personnalisable, la procédure d’intégration à votre site reste la même. Procédez comme suit :

  1. Sélectionnez votre formulaire dans l’outil de création de formulaires de Jotform.
  2. Cliquez sur l’onglet Publier dans la barre de navigation orange.
Capture d'écran de l'interface du générateur de formulaires Jotform avec une flèche pointant vers l'onglet Publier
  1. Cliquez sur Intégrer dans le volet de gauche.
Capture d'écran de l'interface du générateur de formulaires Jotform avec une flèche pointant vers Intégrer
  1. Cliquez sur le bouton vert Copier le code.
Capture d'écran de l'interface du générateur de formulaires Jotform avec une flèche pointant vers Copier le code

5. Collez le code copié dans la page web à l’endroit où vous souhaitez que votre formulaire s’affiche.

Comment partager un formulaire Jotform avec un lien ?

Vous pouvez facilement partager un lien vers votre formulaire Jotform dans un email, un article de blog, une publication sur les réseaux sociaux ou tout autre canal. Les destinataires peuvent alors ouvrir le formulaire et le remplir en ligne.

Voici comment obtenir et partager le lien de votre formulaire Jotform :

  1. Accédez au générateur de formulaires et sélectionnez le formulaire que vous souhaitez partager via un lien.
  2. Une fois votre formulaire prêt à être partagé, cliquez sur l’onglet Publier en haut de l’écran.
Capture d'écran de l'interface du générateur de formulaires Jotform avec une flèche pointant vers l'onglet Publier
  1. Cliquez sur Copier le lien.
Capture d'écran de l'interface du générateur de formulaires Jotform avec une flèche pointant vers Copier le code

4. Enfin, collez le lien copié dans votre article de blog, sur une plateforme de médias sociaux, dans un email, etc.

Comment envoyer un formulaire Jotform par email ?

Contrairement à Google Forms, Jotform ne permet pas d’intégrer directement un formulaire dans le corps d’un email. Cette approche permet notamment d’éviter les problèmes d’affichage et de compatibilité qui peuvent survenir selon le client de messagerie, le navigateur ou l’appareil utilisé par le destinataire.

Vous pouvez toutefois envoyer votre formulaire directement depuis Jotform, sans avoir à copier son lien et à l’envoyer depuis votre messagerie personnelle.

Consultez notre guide à ce sujet pour en savoir plus.

Google Forms ou Jotform : lequel choisir pour intégrer un formulaire à votre site ?

BesoinGoogle FormsJotform
Créer rapidement un formulaire simpleAdaptéAdapté
Intégrer un formulaire dans un siteOuiOui
Partager un formulaire avec un lienOuiOui
personnaliser largement l’apparencePlus limitéPlus adapté
Collecter des paiementsNon disponible nativementFonctionnalités dédiées
Collecter des signatures électroniquesNon disponible nativementFonctionnalités dédiées

Pour un questionnaire, un sondage ou un formulaire simple, Google Forms peut suffire. Si votre formulaire doit s’intégrer plus étroitement à votre identité visuelle ou prendre en charge des processus plus avancés, Jotform offre davantage de possibilités.

Conclusion

Pour intégrer un formulaire Google dans un site web ou un blog, publiez votre formulaire, récupérez son code iframe via l’option « Intégrer le code HTML », puis collez-le dans un bloc HTML compatible. Vous permettez ainsi aux visiteurs de répondre au formulaire sans quitter votre site.

Si vous recherchez un meilleur contrôle sur l’apparence du formulaire ou des fonctionnalités comme les paiements, les signatures électroniques et des intégrations avancées, Jotform offre une solution plus complète pour créer un formulaire adapté à votre site et à vos flux de travail.

Envoyer un commentaire:

Jotform Avatar
Ce site est protégé par reCAPTCHA, et les Politique de confidentialité et Conditions de service de Google s'appliquent.

Podo Comment Soyez le premier à commenter.