Comment intégrer un formulaire Google dans WordPress

Article écrit par:
  • WordPress
  • Mise à jour: novembre 08, 2017

Il y a tellement de choses à aimer dans WordPress. Il est facile à utiliser, gratuit, flexible et s’appuie sur une vaste communauté toujours prête à aider les débutants.

En tant qu'utilisateur de WordPress de longue date, j'ai aimé rechercher des plug-ins qui surchargent mes projets. Ces excellents logiciels m'ont permis de créer des sites Web professionnels, conviviaux et fonctionnels, sans avoir à apprendre un codage poussé.

Pour ce qui est de la convivialité, l’un des outils les plus importants dont vous avez besoin dans votre arsenal WordPress est le générateur de formulaires. Il permet à votre public d’interagir avec votre marque, qu’il s’agisse d’enquêtes générales, de demandes d’assistance ou de commentaires. Les formulaires peuvent également être utilisés pour des enquêtes qui vous aident à mieux comprendre votre public.

Bien que le référentiel officiel WordPress offre déjà beaucoup de plugins de construction de formulaire, certains blogueurs et spécialistes du marketing préfèrent s'en tenir à la suite G, une plate-forme en nuage pour les webmasters conçue par nul autre que Google.

Dans ce post, je vais vous montrer les différentes méthodes d'utilisation Google Forms avec vos sites WordPress.

Créer avec Google Forms

Tout d'abord, connectez-vous à Google Forms à l'aide de n'importe quel compte Google valide.

Sous «Démarrer un nouveau formulaire», indiquez si vous souhaitez recommencer à zéro ou utiliser un modèle préexistant.

Bien entendu, l’utilisation d’un modèle permet de gagner beaucoup de temps, surtout si vous savez déjà ce que vous essayez d’aider avec votre formulaire. Mais dans l’intérêt de démontrer les fonctionnalités de Google Forms, commençons par un modèle vierge.

Par défaut, l'éditeur de formulaire principal inclut un type de question «à choix multiples». Ceci est utile pour créer des formulaires d'enquête. Si vous souhaitez utiliser autre chose, cliquez sur le menu déroulant "Choix multiple" pour afficher vos options.
Actuellement, Google Forms prend en charge les types de questions suivants pour collecter différentes informations.
Pour modifier une information, il suffit de cliquer sur le champ vide et de taper. Tout sera sauvegardé dans le cloud, vous n'avez donc pas à vous soucier de la sauvegarde.
Vous pouvez utiliser autant de questions que vous le souhaitez dans un seul formulaire. Pour ce faire, cliquez sur le bouton "Ajouter une question" dans la barre latérale flottante.

Vous pouvez également utiliser la barre latérale pour ajouter d'autres éléments de formulaire, tels qu'une image, une vidéo ou une section distincte.

En règle générale, ne demandez que les informations dont vous avez besoin à vos utilisateurs cibles. Si vous posez trop de questions ou si vous devenez trop envahissant, les utilisateurs pourraient être découragés de remplir leur soumission.

Pour en savoir plus sur les fonctions de Google Form, consultez le centre de formation G Suite en cliquant sur ce lien.

Envoi de votre formulaire Google à WordPress

Maintenant que vous savez utiliser Google Forms, il est temps d'apprendre à les intégrer à votre site WordPress. L’approche la plus simple consiste à coller le code intégré directement dans un message ou une page.

Pour obtenir le code d'intégration de votre formulaire, cliquez sur le bouton "Envoyer" situé dans le coin supérieur droit de l'éditeur.
Cliquez sur les symboles représentant une double flèche (<>) pour afficher le code intégré.
Une fois copié, accédez à votre tableau de bord WordPress et ouvrez la page ou postez-le à l'endroit où vous souhaitez que le formulaire apparaisse. Basculez vers l'éditeur de texte pour afficher le code HTML de votre contenu.

N'oubliez pas que si vous avez collé le code d'intégration à l'aide de l'éditeur visuel, votre code s'afficherait tel quel. L’utilisation de l’éditeur de texte indiquera à WordPress qu’elle doit exécuter la ligne en tant que code. Une fois terminé, cliquez sur le bouton 'Aperçu' pour voir si le code fonctionnait.
Alternativement, vous pouvez simplement revenir à l'éditeur visuel pour vérifier si le formulaire s'affiche correctement.

L’apparence de votre formulaire dépend de trois choses: votre thème WordPress actuel, les dimensions que vous avez définies lors de la génération du code d’incorporation et les préférences de votre palette de couleurs dans Google Forms.

Notez que votre thème WordPress dicte la largeur de la zone de contenu de votre message. Vous pouvez ajuster ceci via le code ou en installant un autre thème. Dans certains thèmes, la zone de contenu s'ajuste également à toute la largeur si vous désactivez les widgets de la barre latérale.

La palette de couleurs, en revanche, peut être modifiée en cliquant sur le bouton "Palette de couleurs" dans l'éditeur Google Forms. Si vous le souhaitez, vous pouvez également télécharger des images plutôt que d'utiliser des couleurs unies comme arrière-plan.

Utiliser wpGForm

L'ajout de Google Forms via des codes intégrés semble assez simple pour qu'il n'y ait aucune raison d'utiliser des plugins, n'est-ce pas?

Si votre seul objectif est d'intégrer Google Forms à votre site WordPress, la réponse est oui. cependant, wpGForm fait beaucoup plus que simplement intégrer des formes. Il vous permet également de masquer le titre du formulaire, de modifier le bouton d'envoi, d'utiliser captcha, etc.

Mais avant toute chose, rappelez-vous que wpGForm ne fonctionne qu'avec l'ancienne version de Google Forms.

Pour y accéder, cliquez sur le bouton "Aide et commentaires", puis sélectionnez "Retour aux anciens formulaires".
Après avoir installé wpGForm, accédez à votre tableau de bord WordPress et cliquez sur "Formulaires Google"> "Ajouter un nouveau formulaire Google".
Ensuite, collez le lien vers votre formulaire dans le champ «URL du formulaire». Vous pouvez l'obtenir en accédant à l'éditeur de Google Forms et en cliquant sur "Fichier"> "Envoyer le formulaire".
Après avoir collé le lien, cliquez sur le bouton bleu "Publier". C'est tout! Si une URL valide a été insérée, votre formulaire est maintenant prêt à être utilisé via Shortcode. Vous pouvez y accéder en allant sur "Google Forms"> "Google Forms".

Il est à noter que wpGForm est un plugin avec une courbe d'apprentissage assez longue. En utilisant les paramètres par défaut, votre formulaire utilisera des éléments de rendu de base au lieu d'utiliser le code incorporé.

Mais entre de bonnes mains, Google Forms et wpGForm constituent une puissante combinaison qui peut faire passer vos efforts de collecte de données à un niveau supérieur. Vous pouvez définir des règles CSS, configurer la validation des entrées, activer les champs cachés et remplacer le texte par défaut dans les boutons de Google Form.

Pour en savoir plus sur ce que vous pouvez faire avec wpGForm, vous pouvez vous référer à la section de trucs et astuces qui se trouve sur le site Web du créateur. site officiel.

Pensez-vous que les formulaires sont un élément essentiel de l'expérience utilisateur WordPress? Si oui, consultez ce poste pour des plugins de formulaire personnalisés plus utiles que vous pouvez utiliser.

A propos de Christopher Jan Benitez

Christopher Jan Benitez est un rédacteur pigiste professionnel qui fournit aux petites entreprises un contenu qui engage leur audience et augmente le taux de conversion. Si vous recherchez des articles de haute qualité sur tout ce qui a trait au marketing numérique, alors c'est votre homme! N'hésitez pas à lui dire bonjour sur Facebook, Google+ et Twitter.