Gérer un site Web ou un blog peut être amusant, mais offrir aux visiteurs un moyen de vous contacter n'est pas toujours facile ou direct. 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 feuille Google.
Il est simple à configurer, donc si vous êtes prêt à créer un formulaire de contact amélioré pour votre site Web, commençons !
Google propose en fait un formulaire "Coordonnées" prédéfini dans la galerie de modèles lorsque vous vous connectez pour la première fois à votre compte Google Forms.
Le formulaire demande des informations standard telles que le nom, l'adresse, le numéro de téléphone, l'adresse e-mail et un champ permettant à l'utilisateur de saisir ses commentaires.
Vous pouvez personnaliser ce formulaire en modifiant les informations que vous demandez.
Vous pouvez également modifier si ces informations sont obligatoires ou non.
Si ce n'est pas nécessaire , l'utilisateur peut laisser ce champ vide. Si c'est obligatoire , l'utilisateur ne peut pas soumettre le formulaire tant qu'il n'a pas entré quelque chose dans ce champ.
Étant donné que vous utilisez ce formulaire comme formulaire de contact de votre site Web, vous voulez vous assurer que l'utilisateur a bien saisi quelque chose dans le champ des commentaires. Assurez-vous donc d'avoir défini cet élément sur Obligatoire .
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 réellement.
Si vous cliquez sur Paramètres icône, dans l'onglet Général , vous pouvez contrôler le comportement de ce formulaire lorsque des personnes le soumettent depuis votre site Web.
Par exemple, vous pouvez faire en sorte que le formulaire envoie une copie des réponses de l'utilisateur à l'adresse e-mail qu'il a fournie.
Vous pouvez également activer ou désactiver leur capacité à modifier leurs réponses après les avoir soumises.
Sous la Présentation , vous pouvez personnaliser la réponse que vos utilisateurs verront après avoir soumis le formulaire sur votre site Web.
Faites-en quelque chose de significatif, car il sera affiché pour chaque visiteur qui soumet ce formulaire.
Par exemple, il est bon de leur faire savoir à peu près combien de temps ils devront attendre 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 façon dont vous utilisez le formulaire et du type de contact que vous souhaitez fournir à vos visiteurs.
Maintenant que votre formulaire est prêt, il est temps de l'intégrer à votre site.
La première étape consiste à obtenir le lien d'intégration de votre formulaire. Ce n'est pas très simple, car il n'y a pas d'icône d'intégration affichée directement sur la page de l'éditeur de formulaire.
Pour accéder au code d'intégration, vous devez cliquer sur le bouton Envoyer bouton en haut à droite de l'éditeur de formulaire.
Cette page affiche le code d'intégration HTML que vous devrez copier et coller dans votre site. Il est important de définir ici les bons paramètres de largeur et de hauteur afin que le formulaire intégré s'intègre bien dans la page de destination.
Vous devrez peut-être jouer avec quelques tailles, mais ne vous inquiétez pas. Vous pouvez toujours revenir ici, modifier la taille, puis copier et coller à nouveau le nouveau code d'intégration.
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 aussi facilement que possible.
Certains sites utilisent une approche alternative, 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 après les témoignages. C'est ici que je souhaite intégrer mon formulaire de contact.
Si vous avez personnalisé votre propre site Web à partir de zéro, vous souhaiterez insérer le code d'intégration directement dans la section de la page où vous souhaitez qu'il apparaisse. Lorsque vous adoptez l'approche manuelle, assurez-vous d'éviter les erreurs courantes que les gens commettent lors de la création d'une page Web.
Avec un site WordPress, le thème que vous utilisez aura généralement une zone avec un formulaire de contact que vous pourrez personnaliser. Par exemple, avec le thème Onetone, il y a un champ "Contenu de la section" sur la page principale qui inclut le code du formulaire de contact existant.
Vous pouvez mettre en surbrillance ce code et le remplacer par votre nouveau formulaire de contact Google.
Pourquoi ne pas simplement utiliser le formulaire de contact existant fourni avec un thème ? Il existe en fait plusieurs raisons pour lesquelles l'utilisation de Google Forms est préférable :
Une fois intégré à la page Web, votre formulaire de contact ressemblera à ceci.
Comme vous pouvez le voir, cette première tentative n'est pas parfaite. Le thème de coloration actuel du formulaire Google ne se marie pas parfaitement avec le thème de la page Web.
Il est temps de peaufiner un peu plus la conception de Google Form.
La beauté de cette approche est qu'une fois intégrée à votre site, vous pouvez reconcevoir le formulaire comme bon vous semble sans avoir à toucher à nouveau à votre page Web.
Par exemple, pour modifier la palette de couleurs du formulaire existant, il vous suffit d'aller dans l'éditeur de formulaire Google et de cliquer sur l'icône de la palette de couleurs dans le coin supérieur droit.
Étant donné que mon site a un thème à base de 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, il met à jour le formulaire 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 tester si le formulaire de contact fonctionne réellement comme souhaité !
Vous devriez toujours passer par un test de 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.
Cliquez simplement sur les Réponses lien en haut du formulaire de conception.
Ici, vous pouvez voir les commentaires individuels et les coordonnées 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 la façon dont vous affichez les commentaires des utilisateurs entrants dépend vraiment de la façon dont vous prévoyez de les traiter. Si vous espérez créer une automatisation de Google Script chaque fois qu'il y a un nouvel e-mail entrant, alors Google Sheets est la solution. Nous avons couvert de nombreuses façons d'utiliser Google Script pour automatiser Google Sheets.
Cependant, si vous prévoyez simplement de répondre manuellement à chaque nouveau commentaire entrant, vous pouvez probablement utiliser l'affichage à l'intérieur de la page de l'éditeur Google Forms.
Si jamais vous souhaitez enregistrer des commentaires dans un format de feuille de calcul, 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 dans un document PDF. C'est également ici que vous pouvez configurer les notifications chaque fois qu'un nouveau commentaire provient de votre site Web.
L'utilisation de Google Forms pour traiter les commentaires vous offre beaucoup plus de flexibilité et de fonctionnalités qu'un formulaire Web standard.
Sans aucun codage de votre part, les commentaires sont enregistrés dans une feuille pratique. Vous pouvez activer ou désactiver des choses comme les notifications par e-mail ou si les commentaires peuvent être modifiés après la soumission.
Un inconvénient de cette approche est que l'intégration utilise un iframe, qui insère une barre de défilement dans la fenêtre.
Mais si vous donnez à votre formulaire un design qui s'intègre bien à votre thème, la barre de défilement n'a pas l'air si mal. C'est également un compromis équitable étant donné les nombreuses fonctionnalités que vous obtenez en retour.
Si vous débutez avec Google Forms, vous voudrez consulter notre guide complet sur Google Forms. Il existe également de nombreux modules complémentaires Google Forms 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 !
