Vous cherchez un moyen d’intégrer Google Forms dans WordPress ?

Google Forms est génial en raison de la facilité avec laquelle il est créer des formulaires complexesainsi que le détail options d’analyse vous obtenez pour afficher les réponses.

Mais il n’est pas très convivial de lier vos visiteurs à un site externe juste pour remplir un formulaire, il est donc logique que vous recherchiez un moyen d’intégrer ces formulaires Google sur votre site WordPress.

Bonnes nouvelles:

Vous avez des options. Deux bons, plus précisément :

  • Intégrer manuellement un formulaire Google à l’aide de Google Embed HTML
  • Utiliser un plugin pour intégrer un formulaire Google

Pour les utilisations de base, la méthode manuelle convient. Mais la méthode du plugin offre une touche unique en ce sens qu’elle vous permet d’intégrer Google Forms en tant que formulaire HTML réel sur votre site, ce qui vous offre plus d’options pour personnaliser l’apparence et le fonctionnement de votre formulaire.

Si vous êtes débutant, je vous recommande de vous en tenir à la méthode manuelle (c’est le premier que je vais vous montrer). Mais si vous voulez plus de contrôle que la méthode manuelle n’offre, le plugin est une bonne option, il a juste quelques bizarreries.

Je couvrirai des tutoriels pour les deux méthodes ci-dessous…

Comment intégrer manuellement un formulaire Google dans WordPress

Vous n’avez pas besoin d’un plugin pour intégrer un formulaire Google dans WordPress, tout ce dont vous avez besoin est le code d’intégration de Google Forms. Voici comment le trouver :

Étape 1 : Créez votre formulaire Google

Si vous ne l’avez pas déjà fait, commencez par créer un formulaire Google comme vous le feriez normalement (vous pouvez le faire en allant ici).

Étape 2 : générer le code d’intégration

Une fois que vous avez fini de créer votre formulaire, cliquez sur le Envoyer bouton dans le coin supérieur droit :

interface wordpress google form

Ensuite, choisissez le < > symbole sur le Envoyer via ligne. Cela devrait générer une Intégrer du HTML extrait de code. Copiez cet extrait de code, car vous en aurez besoin à l’étape suivante. Vous pouvez également ajuster la largeur et la hauteur si vous le souhaitez avant de copier le code :

google form intègre html

Étape 3 : Ajouter l’onglet Embed HTML To Text dans l’éditeur WordPress

Pour terminer, accédez à la publication ou à la page où vous souhaitez intégrer votre formulaire Google.

Clique sur le Texte puis collez le code HTML Google Form Embed que vous avez généré à l’étape précédente. Ça devrait ressembler a quelque chose comme ca:

comment intégrer des formulaires google dans wordpress

Désormais, lorsque vous publiez ou mettez à jour la publication, vous devriez voir votre formulaire Google intégré sur le front-end de votre site :

exemple de formulaire google intégré

Ouais! C’est si facile.

Si vous n’aimez pas l’apparence du style Google Forms par défaut sur votre site, vous pouvez personnaliser l’apparence de votre formulaire à partir de l’interface Google Forms. Il suffit d’ouvrir le Options du thème lorsque vous modifiez votre formulaire dans l’interface Google Forms :

changer le style des formulaires google

Les styles de votre formulaire intégré seront automatiquement mis à jour.

Pourquoi mon formulaire intégré semble-t-il bizarre sur les appareils mobiles ?

Si le formulaire intégré semble incorrect sur les appareils mobiles, une solution simple consiste à modifier la largeur du formulaire dans le code d’intégration pour 100%. Par exemple:

rendre google form responsive

Il n’aura toujours pas l’air parfait, mais cela peut au moins aider à améliorer la taille.

Comment intégrer Google Forms dans WordPress avec un plugin gratuit

Comme alternative à la méthode manuelle, il existe également un plugin gratuit populaire nommé…Formulaires Google.

Ce plugin gère le processus un peu différemment. Ce:

  • Saisit le formulaire Google en tant que type de publication personnalisé
  • Supprime le wrapper HTML de Google
  • Affiche le formulaire Google sous forme de formulaire HTML sur votre site.

En général, cela vous donne beaucoup de contrôle sur vos formulaires. Mais l’inconvénient est que vous devez utiliser l’ancienne version de Google Forms si vous souhaitez utiliser le plugin.

Voici comment l’utiliser. Pour commencer, tout ce dont vous aurez besoin est :

  • Un formulaire Google Forms
  • Le plugin Google Forms installé et activé sur votre site

Étape 1 : Assurez-vous que vous utilisez l’ancienne version de Google Forms

Comme je l’ai dit, le plugin va ne pas travailler avec la dernière version de Google Forms. Au lieu de cela, vous devrez revenir manuellement à l’ancienne version. Pour ce faire, cliquez sur le point d’interrogation dans le coin inférieur droit de l’interface Google Forms. Ensuite, sélectionnez Retour aux anciens formulaires:

accéder à l'ancienne version de google form

Étape 2 : Obtenir le lien vers le formulaire

Une fois dans l’ancienne interface de Google Forms, cliquez sur le Afficher le formulaire en direct bouton pour obtenir le lien direct vers le formulaire :

obtenir le lien du formulaire

Ensuite, copiez le lien :

l'URL

Étape 3 : Ajouter le formulaire au plugin

Maintenant, allez à Google Forms → Ajouter un nouveau formulaire Google dans votre tableau de bord WordPress. Entrez le lien du formulaire que vous venez de copier dans le URL du formulaire champ:

google form type de message personnalisé

Maintenant, vous pouvez personnaliser votre formulaire en utilisant les nombreuses options du plugin. C’est le plus grand avantage de l’utilisation du plugin par rapport à l’intégration manuelle.

Il existe de nombreuses options, je vous recommande donc de les parcourir en détail. Mais en général, vous pouvez :

  • Ajoutez votre propre page de confirmation personnalisée
  • Utilisation CSS personnalisé Des classes
  • Remplacer le texte Google Forms par défaut
  • Exclure certains éléments
  • Diviser le formulaire en plusieurs colonnes
  • Ajouter un CAPTCHA

Une fois que vous avez terminé, assurez-vous de Publier votre formulaire.

Étape 4 : Obtenez le code court du formulaire et intégrez le formulaire

Pour intégrer réellement votre formulaire, vous utiliserez un shortcode. Pour obtenir ce shortcode, cliquez sur le Formulaires Google option dans votre tableau de bord WordPress. Ensuite, copiez la valeur dans le Petit code colonne:

code court google form

Ensuite, ajoutez ce shortcode à la publication ou à la page où vous souhaitez que le formulaire apparaisse :

intégrer le shortcode

Et une fois que vous…

Lire la suite : cliquez ici

Dans la même catégorie :