FRFAM.COM >> Famille >> Technologie &Innovation >> Informatique

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Gérer un site web ou un blog est passionnant, mais offrir aux visiteurs un moyen simple de vous contacter n'est pas toujours évident. Heureusement, Google Forms propose une solution gratuite et fiable : intégrez un formulaire sur votre page et collectez tous les messages dans une feuille Google Sheets.

Configuration rapide et intuitive, idéale pour améliorer l'expérience utilisateur. Prêt à créer votre formulaire de contact professionnel ? Suivons ce tutoriel étape par étape !

Créer votre formulaire de contact avec Google Forms

Google Forms offre un modèle prédéfini "Coordonnées" dans sa galerie, accessible dès votre première connexion.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Ce modèle inclut les champs standards : nom, adresse, téléphone, e-mail et commentaires.

Personnalisez-le librement en modifiant les champs selon vos besoins.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Définissez si chaque champ est obligatoire ou optionnel.

Si non obligatoire, l'utilisateur peut le laisser vide. Si obligatoire, la soumission est bloquée sans saisie.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Pour un formulaire de contact efficace, rendez le champ "Commentaires" obligatoire.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Votre formulaire personnalisé est prêt. Passons maintenant à la configuration des paramètres avancés.

Configurer le formulaire de contact pour votre site web

Cliquez sur l'icône Paramètres. Dans l'onglet Général, contrôlez le comportement post-soumission.

Activez l'envoi d'une copie des réponses à l'e-mail de l'utilisateur, ou autorisez la modification des réponses.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Sous Présentation, personnalisez le message de confirmation affiché après soumission.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Rendez-le rassurant : indiquez le délai de réponse ou un numéro pour les urgences, adapté à votre usage.

Obtenir le code d'intégration

Pour intégrer le formulaire, cliquez sur Envoyer en haut à droite.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Copiez le code HTML d'intégration. Ajustez largeur et hauteur pour un ajustement parfait.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Testez plusieurs tailles ; modifiez et recopiez à tout moment.

Intégrer le formulaire sur votre site web

Créez un menu Contact en en-tête pour une accessibilité optimale, ou placez-le en pied de page ou page "À propos".

Sur mon site, il est ancré après les témoignages.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Pour un site custom, insérez le code directement. Évitez les erreurs HTML courantes.

Sur WordPress (ex. thème Onetone), remplacez le code existant dans la section "Contenu".

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Pourquoi préférer Google Forms ?

Avantages sur les formulaires PHP thématiques :

  • Pas de configuration serveur POST/SMTP complexe.
  • Collecte centralisée dans Google Sheets, sans surcharge e-mail.
  • Édition graphique facile, sans coder.

Votre formulaire intégré :

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Ajustez le design pour une harmonie parfaite.

Personnaliser le design du formulaire

Modifiez à distance via l'icône palette de couleurs.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Choisissez un thème gris pour mon site sombre.

Les changements s'appliquent instantanément :

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Testez maintenant le fonctionnement !

Tester votre formulaire Google

Testez toujours un nouveau formulaire. Le message personnalisé s'affiche :

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Accédez aux réponses via l'onglet Réponses.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Créez une feuille Sheets pour l'automatisation (Google Apps Script). Ou consultez directement pour réponses manuelles.

Exportez en CSV/PDF ou activez notifications via les trois points.

Tutoriel : Créez un formulaire de contact gratuit pour votre site web avec Google Forms

Optimisez vos Google Forms

Flexibilité supérieure : stockage Sheets, notifications, édition facile. Inconvénient mineur : iframe avec scrollbar, compensé par le design.

Découvrez notre guide complet Google Forms et ses add-ons pour plus d'intégrations avancées.


[]