Les formulaires en ligne sont devenus un outil indispensable pour collecter des données, interagir avec vos visiteurs ou générer des leads. Parmi les solutions les plus populaires, Google Forms se distingue par sa simplicité, sa gratuité et son intégration fluide avec d’autres services Google comme Sheets ou Drive. Si vous utilisez WordPress pour votre site web, savoir comment intégrer un formulaire Google sur vos pages ou articles peut considérablement enrichir votre stratégie digitale.
Que vous souhaitiez recueillir des avis clients, organiser des inscriptions à un événement ou simplement faciliter la prise de contact, cette méthode offre une alternative flexible aux plugins de formulaires dédiés. Contrairement à des solutions comme WPForms ou Gravity Forms, Google Forms ne nécessite aucun investissement supplémentaire et permet une personnalisation avancée sans compétences techniques poussées. Dans ce guide, nous vous expliquons pas à pas comment intégrer un formulaire Google sur WordPress, en explorant les différentes méthodes disponibles et leurs avantages respectifs.
Pourquoi choisir Google Forms pour votre site WordPress ?
Les avantages d’utiliser Google Forms
Google Forms est une solution gratuite et intuitive qui présente plusieurs atouts majeurs pour les utilisateurs de WordPress :
- Gratuité : Contrairement à de nombreux plugins de formulaires premium, Google Forms est entièrement gratuit, y compris pour un usage professionnel.
- Intégration native avec Google Workspace : Les réponses sont automatiquement enregistrées dans Google Sheets, facilitant leur analyse et leur exploitation.
- Personnalisation avancée : Vous pouvez ajouter des questions de différents types (choix multiples, échelles de notation, cases à cocher, etc.) et personnaliser l’apparence du formulaire.
- Accessibilité mobile : Les formulaires Google sont optimisés pour tous les appareils, garantissant une expérience utilisateur fluide sur smartphone et tablette.
- Partage simplifié : Vous pouvez facilement partager votre formulaire via un lien, un e-mail ou l’intégrer directement dans votre site WordPress.
Comparaison avec les plugins WordPress dédiés
Bien que des plugins comme WPForms, Contact Form 7 ou Fluent Forms offrent des fonctionnalités avancées, ils présentent certains inconvénients :
- Coût : La plupart des plugins premium nécessitent un abonnement payant pour accéder à toutes les fonctionnalités.
- Complexité : Certains plugins peuvent être difficiles à configurer pour les débutants, avec des interfaces parfois surchargées.
- Performance : L’ajout de nombreux plugins peut ralentir votre site, contrairement à une solution externe comme Google Forms qui n’impacte pas directement les performances de WordPress.
Cependant, Google Forms a aussi ses limites :
- Design limité : Bien que personnalisable, le design reste moins flexible que celui des plugins dédiés.
- Fonctionnalités avancées absentes : Pas de paiements intégrés, de logique conditionnelle avancée ou de personnalisation CSS poussée.
- Dépendance à Google : Vos données sont stockées sur les serveurs de Google, ce qui peut poser des questions de confidentialité pour certains utilisateurs.
Le choix entre Google Forms et un plugin WordPress dépend donc de vos besoins spécifiques. Si vous recherchez une solution simple, gratuite et rapide à mettre en place, Google Forms est un excellent choix. Pour des fonctionnalités plus avancées ou une intégration plus poussée avec votre site, un plugin dédié peut être préférable.
Méthode 1 : Intégration via le code d’intégration de Google Forms
La méthode la plus courante pour intégrer un formulaire Google sur WordPress consiste à utiliser le code d’intégration fourni par Google. Cette approche est idéale si vous souhaitez placer votre formulaire directement dans une page ou un article. Voici comment procéder étape par étape.
Étape 1 : Créer un formulaire Google
Avant de pouvoir intégrer un formulaire, vous devez d’abord en créer un sur Google Forms :
- Rendez-vous sur Google Forms et connectez-vous avec votre compte Google.
- Cliquez sur le bouton « + Nouveau formulaire » pour commencer un nouveau formulaire.
- Donnez un titre à votre formulaire et ajoutez vos questions en utilisant les différents types de champs disponibles (texte, choix multiples, cases à cocher, etc.).
- Personnalisez l’apparence du formulaire en cliquant sur l’icône Palette de couleurs dans le coin supérieur droit. Vous pouvez choisir une couleur d’accentuation et une image d’en-tête.
- Cliquez sur l’onglet Réponses pour activer la collecte des réponses dans une feuille Google Sheets. Cela vous permettra de suivre et d’analyser les données recueillies.
- Une fois votre formulaire prêt, cliquez sur le bouton Envoyer en haut à droite.
Étape 2 : Obtenir le code d’intégration
Pour intégrer le formulaire sur votre site WordPress, vous aurez besoin du code d’intégration :
- Dans l’onglet Envoyer, choisissez l’option Intégrer (représentée par le symbole </>).
- Copiez le code HTML qui apparaît dans la fenêtre. Ce code commence généralement par
<iframe src="https://...>. - Vous pouvez ajuster la taille de l’iframe en modifiant les valeurs de
widthetheightdans le code.
Étape 3 : Intégrer le code dans WordPress
Il existe plusieurs façons d’intégrer le code d’un formulaire Google dans WordPress. Voici les méthodes les plus courantes :
Méthode A : Utiliser l’éditeur de blocs (Gutenberg)
Si vous utilisez l’éditeur de blocs de WordPress (Gutenberg), suivez ces étapes :
- Ouvrez l’éditeur de la page ou de l’article où vous souhaitez intégrer le formulaire.
- Ajoutez un bloc HTML personnalisé (disponible dans la section « Widgets » ou en recherchant « HTML »).
- Collez le code d’intégration que vous avez copié précédemment.
- Cliquez sur Mettre à jour ou Publier pour enregistrer les modifications.
Méthode B : Utiliser un plugin de shortcode HTML
Si vous préférez ne pas toucher au code, vous pouvez utiliser un plugin comme Custom HTML Widget ou Insert Headers and Footers pour insérer le code d’intégration :
- Installez et activez le plugin de votre choix depuis le tableau de bord WordPress.
- Accédez à la section du plugin dédiée à l’insertion de code HTML (par exemple, « Insert Headers and Footers » pour ajouter du code dans l’en-tête ou le pied de page).
- Collez le code d’intégration dans le champ approprié.
- Enregistrez les modifications.
Méthode C : Utiliser un plugin de formulaire tiers
Certains plugins comme Elementor ou Divi Builder permettent d’intégrer facilement des iframes via des widgets dédiés :
- Installez et activez le plugin de constructeur de page de votre choix.
- Ouvrez la page où vous souhaitez intégrer le formulaire avec l’éditeur visuel.
- Ajoutez un widget HTML ou Iframe à votre page.
- Collez le code d’intégration dans le widget.
- Enregistrez et publiez la page.
Étape 4 : Personnaliser l’apparence du formulaire
Bien que Google Forms offre des options de personnalisation limitées, vous pouvez améliorer son intégration visuelle sur votre site WordPress en utilisant du CSS personnalisé ou un thème compatible :
- Utiliser un thème WordPress compatible : Certains thèmes comme Astra ou GeneratePress offrent des options de style avancées pour les iframes.
- Ajouter du CSS personnalisé : Si vous avez des connaissances en CSS, vous pouvez ajouter des styles personnalisés via le Personnalisateur de thème (Apparence > Personnaliser > CSS additionnel) pour adapter l’apparence du formulaire à votre charte graphique.
- Utiliser un plugin de style : Des plugins comme Simple Custom CSS ou WP Add Custom CSS permettent d’ajouter facilement du CSS personnalisé sans modifier les fichiers du thème.
Méthode 2 : Intégration via un plugin dédié
Si vous préférez éviter de manipuler du code HTML ou si vous souhaitez une intégration plus poussée, vous pouvez utiliser un plugin WordPress dédié pour intégrer Google Forms. Plusieurs solutions existent, chacune avec ses propres fonctionnalités. Voici les meilleures options disponibles.
Plugin 1 : Google Forms
Le plugin officiel Google Forms (développé par Google) permet d’intégrer facilement des formulaires Google sur votre site WordPress sans avoir à copier-coller de code. Voici comment l’utiliser :
- Installation : Rendez-vous dans votre tableau de bord WordPress, allez dans Extensions > Ajouter, recherchez « Google Forms » et installez le plugin.
- Configuration : Une fois installé, activez le plugin et allez dans Réglages > Google Forms pour le configurer.
- Connexion à votre compte Google : Cliquez sur le bouton « Se connecter avec Google » et autorisez l’accès à votre compte Google.
- Sélection du formulaire : Dans l’onglet « Google Forms » de votre tableau de bord WordPress, sélectionnez le formulaire que vous souhaitez intégrer depuis une liste déroulante.
- Intégration : Choisissez où vous souhaitez afficher le formulaire (page, article, widget) et enregistrez les modifications.
Avantages :
- Intégration simplifiée sans code.
- Mises à jour automatiques si vous modifiez le formulaire Google.
- Compatibilité avec les constructeurs de page comme Elementor.
Inconvénients :
- Moins flexible que la méthode manuelle pour les utilisateurs avancés.
- Le design reste limité par les options de Google Forms.
Plugin 2 : EmbedPress
EmbedPress est un plugin polyvalent qui permet d’intégrer facilement des contenus externes, y compris des formulaires Google, via des shortcodes ou des blocs Gutenberg. Voici comment l’utiliser :
- Installation : Installez et activez le plugin depuis le répertoire WordPress.
- Création d’un shortcode : Dans l’éditeur de page ou d’article, ajoutez un bloc EmbedPress.
- Coller l’URL du formulaire : Copiez l’URL de votre formulaire Google (disponible dans l’onglet « Envoyer » de Google Forms) et collez-la dans le champ dédié.
- Personnalisation : Vous pouvez ajuster la largeur et la hauteur de l’iframe directement depuis l’éditeur.
Avantages :
- Interface intuitive et facile à utiliser.
- Prise en charge de nombreux types de contenus (Google Maps, vidéos, etc.).
- Optimisé pour les performances.
Inconvénients :
- Version premium nécessaire pour certaines fonctionnalités avancées.
Plugin 3 : Forminator
Bien que Forminator soit principalement un constructeur de formulaires WordPress, il propose une intégration avec Google Forms pour importer des formulaires existants. Cette solution est idéale si vous souhaitez combiner la simplicité de Google Forms avec les fonctionnalités avancées de Forminator :
- Installation : Installez et activez Forminator depuis votre tableau de bord WordPress.
- Importation d’un formulaire Google : Allez dans Forminator > Formulaires et cliquez sur « Importer depuis Google Forms ».
- Authentification : Connectez-vous à votre compte Google pour autoriser l’accès à vos formulaires.
- Sélection et importation : Choisissez le formulaire à importer et cliquez sur « Importer ».
- Personnalisation : Modifiez le formulaire importé selon vos besoins (ajout de champs, personnalisation des e-mails, etc.).
Avantages :
- Combinaison des avantages de Google Forms et de Forminator.
- Possibilité de modifier le formulaire après importation.
- Intégration avec des outils comme Zapier pour automatiser les réponses.
Inconvénients :
- Nécessite l’installation d’un plugin supplémentaire.
- Certaines fonctionnalités avancées de Forminator sont payantes.
Méthode 3 : Intégration via un widget ou une zone de widget
Si vous souhaitez afficher un formulaire Google dans une zone de widget (par exemple, dans la barre latérale ou le pied de page), vous pouvez utiliser l’une des méthodes suivantes. Cette approche est idéale pour les formulaires qui doivent être accessibles depuis n’importe quelle page de votre site.
Étape 1 : Obtenir le code d’intégration du formulaire
Suivez les mêmes étapes que pour la méthode 1 pour obtenir le code d’intégration de votre formulaire Google.
Étape 2 : Utiliser un widget HTML personnalisé
WordPress propose un widget natif appelé HTML personnalisé qui permet d’ajouter du code HTML dans une zone de widget :
- Allez dans Apparence > Widgets dans votre tableau de bord WordPress.
- Ajoutez un widget HTML personnalisé à la zone de widget de votre choix (par exemple, « Barre latérale principale »).
- Collez le code d’intégration du formulaire Google dans le champ de texte du widget.
- Enregistrez les modifications.
Étape 3 : Utiliser un plugin de widget avancé
Si vous avez besoin de plus de flexibilité, des plugins comme Custom HTML Widget ou Widget Options offrent des fonctionnalités supplémentaires pour personnaliser l’affichage des widgets :
- Installez et activez le plugin de votre choix.
- Ajoutez un widget personnalisé à votre zone de widget.
- Col