Comment créer un formulaire de contact de site Web gratuit avec Google Forms

Gérer un site Web ou un blog peut être amusant, mais il n’est pas toujours facile ni simple d’offrir un moyen aux visiteurs de vous contacter. Heureusement, Google propose une solution de formulaire de contact de site Web parfaite: vous pouvez intégrer un formulaire Google sur une page et collecter tous les commentaires de vos lecteurs dans une fiche Google..

La configuration est simple. Si vous êtes prêt à créer un formulaire de contact amélioré pour votre site Web, commençons!

Création de votre formulaire de contact dans Google Forms

Google propose en fait un pré-fabriqué “Informations de contact” formulaire dans la galerie de modèles lors de votre première connexion à votre compte Google Forms.

Le formulaire demande des informations standard telles que nom, adresse, numéro de téléphone, adresse électronique et un champ dans lequel l'utilisateur peut saisir ses commentaires..

Vous pouvez personnaliser ce formulaire en modifiant les informations que vous demandez..

Vous pouvez également changer si cette information est nécessaire ou non.

Si c'est non requis, alors l'utilisateur peut laisser ce champ vide. Si ça est requis, alors l'utilisateur ne peut pas soumettre le formulaire tant qu'il n'a pas entré quelque chose dans ce champ.

Puisque vous utilisez ce formulaire en tant que formulaire de contact de votre site Web, vous souhaitez vous assurer que l'utilisateur a bien saisi quelque chose dans le champ des commentaires. Alors assurez-vous que vous avez défini cet élément sur Champs obligatoires.

Maintenant que vous avez personnalisé le contenu du modèle de formulaire de commentaire de Google en fonction de vos besoins, il est temps de personnaliser le comportement du formulaire lorsque vos utilisateurs l'utilisent..

Configuration du formulaire de contact de votre site Web

Si vous cliquez sur le Réglages icône, dans le Général onglet, vous pouvez contrôler le comportement de ce formulaire lorsque les utilisateurs le soumettent à partir de votre site Web..

Par exemple, vous pouvez demander au formulaire d’envoyer une copie des réponses de l’utilisateur à l’adresse e-mail fournie par celui-ci..

Vous pouvez également activer ou désactiver leur capacité à modifier leurs réponses après les avoir envoyées..

Sous le Présentation onglet, vous pouvez personnaliser la réponse que vos utilisateurs verront après avoir envoyé le formulaire sur votre site Web.

Faites en sorte que cela ait un sens, car il sera affiché à chaque visiteur qui soumet ce formulaire..

Par exemple, il est bon de leur dire combien de temps il leur faudra attendre pour obtenir une réponse (vous pouvez même fournir un numéro de téléphone ici s'ils ont besoin d'une réponse plus urgente).

Tout dépend de la manière dont vous utilisez le formulaire et du type de contact que vous souhaitez fournir à vos visiteurs..

Trouver le code d'intégration

Maintenant que votre formulaire est prêt, il est temps de l'intégrer à votre site..

La première étape consiste à obtenir le lien intégré pour votre formulaire. Ce n'est pas très simple, car aucune icône d'intégration n'est affichée directement sur la page de l'éditeur de formulaire..

Pour accéder au code intégré, vous devez cliquer sur le bouton Envoyer bouton en haut à droite de l'éditeur de formulaire.

Cette page affiche le code HTML incorporé que vous devrez copier et coller sur votre site. Il est important de définir ici les paramètres de largeur et de hauteur appropriés afin que le formulaire intégré s'intègre bien à la page de destination..

Vous devrez peut-être jouer avec quelques tailles, mais ne vous inquiétez pas. Vous pouvez toujours revenir ici, changer la taille, puis copier et coller à nouveau le nouveau code intégré.

Intégrer le formulaire de contact sur votre site Web

Si vous avez un site Web ou un blog, l’approche standard consiste à créer un Contact élément de menu dans votre en-tête. Cela permet aux visiteurs de vous contacter le plus simplement possible.

Certains sites utilisent une autre approche, comme placer ce lien dans le pied de page ou même sur la page À propos de nous..

Sur mon site, l'élément de menu Contact déplace la vue vers une zone située après les Témoignages. C’est là que je veux intégrer mon formulaire de contact.

Si vous avez personnalisé l'écriture de votre propre site Web à partir de rien, vous voudrez alors insérer le code d'intégration directement dans la section de la page où vous souhaitez qu'il s'affiche. Lorsque vous utilisez l'approche manuelle, veillez à éviter les erreurs courantes commises par les utilisateurs lors de la création d'une page Web. 9 Erreurs que vous ne devez pas commettre lors de la création d'une page Web. 9 Erreurs que vous ne devez pas commettre lors de la création d'une page Web. facile à créer, mais si vous les supprimez plus tôt que plus tard, votre page paraîtra mieux, sera plus facile à gérer et fonctionnera comme vous le souhaitez. Lire la suite .

Avec un site WordPress, le thème que vous utilisez aura généralement une zone avec un formulaire de contact que vous pouvez personnaliser. Par exemple, avec le thème Onetone, il y a un “Contenu de la section” champ sur la page principale qui inclut le code du formulaire de contact existant.

Vous pouvez mettre ce code en surbrillance et le remplacer par votre nouveau formulaire de contact Google..

Pourquoi utiliser un formulaire de contact de Google est préférable

Pourquoi ne pas simplement utiliser le formulaire de contact existant qui vient avec un thème? Il est préférable d'utiliser Google Forms pour plusieurs raisons:

• Les formulaires PHP utilisent généralement POST ou SMTP pour envoyer des courriers électroniques. Dans les deux cas, vous devez savoir comment configurer le serveur de messagerie pour que cela fonctionne..
• Au lieu d'envoyer des commentaires par courrier électronique, le formulaire de contact de Google collecte tous les messages dans une fiche Google. Cela empêche l'encombrement de la boîte de réception.
• Vous pouvez modifier le formulaire à tout moment à l'aide de l'interface graphique de Google Form au lieu de modifier le code..

Une fois intégré dans la page Web, votre formulaire de contact ressemblera à ceci:.

Comme vous pouvez le constater, cette première tentative n’est pas parfaite. Le thème de coloration actuel du formulaire Google ne se mélange pas très bien avec celui des pages Web..

Il est temps de modifier un peu plus le design de Google Form.

Mise à jour et personnalisation du formulaire de contact

La beauté de cette approche réside dans le fait qu’une fois qu’il est intégré à votre site, vous pouvez modifier le formulaire à votre guise sans avoir à toucher à votre page Web..

Par exemple, pour modifier le schéma de couleurs du formulaire existant, accédez à l'éditeur de formulaire Google et cliquez sur le bouton icône de la palette de couleurs dans le coin supérieur droit.

Étant donné que mon site a un thème basé sur le noir plus foncé, un thème de formulaire de contact gris devrait bien se fondre.

Dès que vous enregistrez le nouveau formulaire Google dans l'éditeur, le formulaire est mis à jour sur le site Web, comme vous pouvez le voir ici..

Maintenant que la conception et l'intégration sont terminées, il est temps de vérifier si le formulaire de contact fonctionne réellement comme vous le souhaitez.!

Test de votre formulaire de contact Google

Vous devez toujours effectuer un test avec tout nouveau formulaire que vous placez sur votre site Web..

Dans ce cas, le formulaire de contact Google répond avec le texte de réponse personnalisé que vous avez défini lors de la conception du formulaire..

Vous pouvez accéder à tous les commentaires de vos visiteurs sur la même page où vous avez conçu le formulaire..

Il suffit de cliquer sur le Réponses lien en haut du formulaire.

Ici vous pouvez voir les commentaires individuels et les informations de contact des utilisateurs. Vous avez également la possibilité de cliquer sur l'icône Google Sheets dans le coin supérieur droit de la fenêtre. Cela créera une nouvelle feuille Google pour stocker tous les commentaires entrants des utilisateurs..

Le choix de l'affichage des commentaires des utilisateurs entrants dépend vraiment de la manière dont vous envisagez de les traiter. Si vous souhaitez créer une automatisation de Google Script chaque fois qu'un nouvel e-mail arrive, alors Google Sheets est la solution. Nous avons exposé de nombreuses façons d'utiliser Google Script pour automatiser Google Sheets 4. Des scripts Google qui rendent Google Sheets beaucoup plus puissant. 4 Des scripts Google qui rendent Google Sheets encore plus puissants. Google Sheets est tout à fait original, mais peut être encore plus puissant si vous utilisez Google Scripts pour améliorer ses capacités. Lire la suite .

Toutefois, si vous prévoyez simplement de répondre manuellement à chaque nouveau commentaire entrant, vous pourrez probablement utiliser l'affichage dans la page de l'éditeur de Google Forms..

Si vous souhaitez enregistrer des commentaires au format tableur, plusieurs options sont disponibles. Cliquez simplement sur l'icône des trois points en haut à droite de la vue Réponses pour les voir..

Vous pouvez télécharger toutes les réponses au format CSV, ou même les imprimer sur votre imprimante ou sur un document PDF. C'est également à cet endroit que vous pouvez configurer les notifications chaque fois qu'un nouveau commentaire arrive de votre site Web..

Prenez vos formulaires Google au niveau suivant

L'utilisation de Google Forms pour traiter les commentaires vous donne beaucoup plus de flexibilité et de fonctionnalités que l'utilisation d'un formulaire Web standard..

Sans codage de votre part, les commentaires sont consignés dans une feuille pratique. Vous pouvez activer ou désactiver des éléments tels que les notifications par courrier électronique ou si les commentaires peuvent être modifiés après la soumission..

Un inconvénient de cette approche est que l’incorporation utilise une iframe, qui insère une barre de défilement dans la fenêtre..

Mais si vous donnez à votre formulaire un design qui se fond bien dans votre thème, la barre de défilement n’a pas l’air mauvais. C'est également un compromis équitable compte tenu des nombreuses fonctionnalités que vous obtenez en retour.

Si vous commencez tout juste à utiliser Google Forms, consultez notre guide complet sur Google Forms. Le meilleur guide sur Google Forms que vous trouverez jamais Le meilleur guide sur Google Forms que vous trouverez sur Google Forms est celui des meilleurs outils Web disponibles pour collecter des données. Ce guide Google Forms vous donnera tout ce dont vous avez besoin pour maîtriser les compétences essentielles en création de formulaires. Lire la suite . Il existe également de nombreux ajouts intéressants à Google Forms. Google Forms peut faire n'importe quoi avec ces additifs impressionnants. Google Forms peut faire n'importe quoi avec ces additifs impressionnants. Google Forms est un outil sous-utilisé. Gain de temps, réduction des erreurs et dynamisation de vos formulaires avec ces incroyables add-ons de Google Forms. Lire plus qui vous permettent d'étendre ce que vous pouvez en faire. Vous pouvez même intégrer ces formulaires améliorés dans votre site Web.!

En savoir plus sur: Google Forms, Google Sheets.