Remark intégrer les formulaires Google dans un site Net


Il n’est pas toujours facile de publier des formulaires à remplir sur votre web-site Website. Il existe des plugins WordPress pour publier des formulaires, mais ils ne sont pas toujours gratuits. Ils nécessitent aussi généralement un peu de configuration et une certaine courbe d’apprentissage.

L’avantage de Google Forms est que vous pouvez créer rapidement un formulaire basic que vous pouvez ensuite intégrer à votre web site Web. Vous pouvez également personnaliser le formulaire avec des couleurs et un type qui correspondent à votre thème général.

Dans cet short article, vous apprendrez à personnaliser un formulaire Google en fonction de votre thème et à l’intégrer à n’importe quelle page de votre web site.

Personnalisation de votre formulaire Google

Pour cet exemple, nous allons commencer par un exemple de web site Web et un formulaire Google vierge par défaut.

Pour commencer, créez une nouvelle webpage sur votre web site et observez attentivement la mise en page et le thème. Moreover précisément, notez les couleurs primaires et secondaires.

Dans cet exemple, le thème est un fond blanc avec des bannières noires. Le texte de l’en-tête est noir foncé et gras, et la police du internet site elle-même est noire. Sur cette website page, l’objectif est d’intégrer un formulaire permettant aux visiteurs de voter pour leur film préféré parmi cinq solutions, et de fournir leurs propres commentaires.

Ensuite, vous devrez personnaliser votre formulaire Google pour qu’il corresponde à la mise en web page de cette site.

Lorsque vous créez un formulaire Google vierge, vous remarquerez que la mise en web page par défaut est un fond violet avec du texte noir en gras et du texte brut sur le formulaire. La bordure de la bannière en haut de la page est violette foncée.

formulaire google par défaut

Évidemment, cela ne fonctionnera pas sur la page où nous souhaitons intégrer le formulaire. Pour personnaliser le formulaire, sélectionnez l’icône de la palette de couleurs dans le coin supérieur droit de la fenêtre de l’éditeur de formulaire. Cela vous permettra de personnaliser le thème, y compris la palette de couleurs.

personnaliser le thème

Une liste déroulante de personnalisation s’affiche. Si vous ne voyez pas de schéma de couleurs qui fonctionne dans la area Couleur du thème, vous pouvez sélectionner l’option + pour affiner la couleur sur laquelle vous souhaitez baser votre formulaire.

options de couleurs du thème

Utilisez la palette de couleurs pour sélectionner la couleur exacte que vous souhaitez pour votre thème. Dans ce cas, si vous choisissez le noir, la couleur d’arrière-approach sera automatiquement remplacée par une couleur complémentaire qui devrait aller avec le noir. Vous pouvez modifier cette couleur sous l’onglet Couleur d’arrière-approach segment.

schéma de couleur noir

Cette website page permet également d’ajouter une image d’en-tête et de modifier le style de law enforcement du formulaire. Une fois la personnalisation du formulaire terminée, il reste quelques autres possibilities à configurer avant de pouvoir intégrer le formulaire Google à votre site Net.

Personnalisation des possibilities du formulaire Google

Avant d’intégrer votre formulaire Google à votre web page World wide web, vous devez configurer certains éléments pour permettre la saisie de formulaires en ligne. Pour ce faire, sélectionnez l’icône d’engrenage dans le coin supérieur droit du formulaire. Cela ouvre une fenêtre de paramètres avec diverses alternatives de configuration.

À moins que vous ne souhaitiez conserver l’anonymat des résultats, vous devriez activer l’option Collecter les adresses e-mailet fournir Reçus de réponse.

paramètres des formulaires google

Les accusés de réception se chargeront automatiquement d’envoyer un information de confirmation lorsque l’utilisateur aura soumis son entrée. De cette façon, vous n’avez pas à vous soucier de la programmation de cette fonction depuis votre web site Website.

Vous pouvez laisser toutes les autres solutions non sélectionnées, sauf si vous souhaitez limiter les réponses à une par utilisateur. Dans ce cas, vous devez activer l’option Limiter à 1 réponse.

Sélectionnez le Présentation pour voir plus d’options.

onglet de présentation

À moins que votre formulaire ne soit très very long, vous n’avez probablement pas besoin d’activer l’option Afficher la barre de development. Le web page Problem sur le shuffle est utile pour les enquêtes dans lesquelles vous souhaitez proposer un ordre différent de questions à chaque visiteur. En général, vous n’activerez pas l’option Afficher le lien pour soumettre une autre réponse automobile pour la plupart des enquêtes, vous ne souhaitez qu’une seule réponse par utilisateur. L’adresse électronique de l’utilisateur est utilisée à cette fin.

Tapez un message de affirmation que vous souhaitez que l’utilisateur voie dans la fenêtre de l’enquête. Concept de affirmation champ. Sélectionnez Sauvegarder au bas du formulaire d’inscription lorsque vous avez terminé.

Une fois que vous avez créé votre formulaire et que vous êtes prêt à l’intégrer sur votre web site Net, sélectionnez Envoyer pour passer à l’étape suivante.

Remark intégrer un formulaire Google à votre web page Net

Une fois que vous aurez sélectionné Envoyer, une fenêtre s’ouvrira avec diverses solutions permettant de partager votre formulaire avec n’importe quel utilisateur. Pour l’intégrer à un web-site Web, vous devez sélectionner l’icône d’intégration (caractères de deux carats).

Dans le Embed HTML vous pouvez voir le code iframe que vous pouvez utiliser pour intégrer le formulaire.

code d'intégration

Assurez-vous d’ajuster le Largeur et Hauteur du formulaire afin qu’il s’adapte correctement à votre website page Net. Une fois ces paramètres fixés, sélectionnez et copiez le code iframe complet dans le champ Embed HTML.

Si vous utilisez WordPress, vous devrez passer en mode éditeur de code lorsque vous modifiez la web page dans laquelle vous souhaitez intégrer le formulaire. Pour ce faire, modifiez la web page, puis sélectionnez les trois factors verticaux dans le coin supérieur droit de la fenêtre de l’éditeur WordPress. Sélectionnez Editeur de code dans le Éditeur portion.

fenêtre de l'éditeur de code

Dans la fenêtre de l’éditeur de code, collez le code d’intégration de l’iframe dans le champ de contenu.

coller le code d'intégration

Enfin, sélectionnez Sauvegarder le projet puis sélectionnez Aperçu pour voir à quoi ressemble le formulaire sur votre web site.

formulaire intégré au site

Si le formulaire n’a pas l’air tout à fait appropriate, il suffit de retourner sur le compte Google Forms et de modifier un peu as well as le structure. Ensuite, répétez la procédure ci-dessus pour recoller le nouveau code d’intégration. Une fois que l’aperçu du formulaire est accurate, vous êtes prêt à publier la page et à commencer à recueillir les résultats du formulaire !

Collecte des résultats d’un formulaire sur un website Net

Toutes les entrées de formulaire que vous recevez des visiteurs d’un web-site World wide web seront versées dans une feuille de calcul Google Sheets. Vous pouvez voir ces résultats en retournant au formulaire que vous avez créé dans Google Varieties et en sélectionnant Réponses en haut de la web page de conception du formulaire.

L’avantage de collecter des adresses électroniques à l’aide d’un formulaire de ce kind est que vous constituez également une liste d’adresses électroniques des visiteurs de votre website World wide web. Vous pouvez l’utiliser pour envoyer des courriels de masse contenant des informations sur votre web page ou d’autres mises à jour susceptibles d’intéresser vos lecteurs.

Quoi qu’il en soit, Google Sorts est un outil puissant pour intégrer des formulaires à votre site Net sans aucune connaissance en programmation.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *