Si vous avez du mal à obtenir un formulaire sur votre site, vous pouvez installer un plugin^{(install a plugin)} pour les fonctionnalités de base, mais cela peut encore ralentir votre site^{(slow down your site)} si vous avez déjà de nombreux plugins.

Avec Google Forms , vous pouvez non seulement ajouter un formulaire à votre site plus rapidement, mais vous obtenez également plus de fonctionnalités. Par exemple, vous pouvez insérer des fichiers multimédias, importer des questions, intégrer facilement WordPress et envoyer des e-mails, partager sur plusieurs plates-formes et profiter d' un espace de stockage supplémentaire dans Google Drive^{(additional storage in Google Drive)} .

De plus, Google Forms vous permet de collaborer avec vos coéquipiers et de suivre tous les résultats de vos formulaires à partir de différents canaux, pas seulement de votre site.

Voici comment vous pouvez rapidement intégrer Google Forms sur votre site Web en quelques étapes simples.

Comment intégrer Google Forms sur votre site Web^{(How to Embed Google Forms on Your Website)}

Pour commencer, vous aurez besoin d'un formulaire Google^{(Google Form)} et de son code d'intégration, que vous ajouterez à la page ou publierez à l'endroit où vous souhaitez que le formulaire apparaisse sur votre site.

Créer un formulaire Google^{(Create a Google Form)}

1. Pour créer un formulaire Google^{(Google Form)} , assurez-vous d'être connecté à votre compte Google , puis sélectionnez l' icône Google Forms dans le menu Google Apps . Vous pouvez également accéder à forms.google.com .

1. Sélectionnez la vignette^(Blank) Vierge dans la barre d'outils pour créer votre formulaire à partir de rien ou sélectionnez un modèle^{(select a template)} parmi les options disponibles.

1. Ajoutez un titre et une description^{(title and description)} à votre formulaire.

1. Ensuite, utilisez la barre d'outils à droite pour ajouter des questions, importer des questions à partir d'un autre formulaire, télécharger des vidéos et des images ou ajouter une section. 

1. Si vous souhaitez choisir le type de réponse, sélectionnez la flèche à côté de la section du type de réponse.

1. Parmi les options, vous pouvez choisir de laisser les utilisateurs laisser une réponse courte ou un paragraphe, un choix multiple, cocher des cases ou sélectionner des choix dans un menu déroulant.

1. Pour personnaliser ou changer le thème du formulaire, utilisez l' icône de la palette en haut à droite de l'écran.^(palette)

1. Vous pouvez également prévisualiser la conception finale à l'aide de l'icône en forme d'œil avant de l'enregistrer et de l'intégrer à votre site Web.

1. Si vous souhaitez collecter des adresses e-mail, limiter les utilisateurs à une réponse chacun ou leur permettre de modifier leurs réponses après avoir soumis le formulaire, sélectionnez les paramètres avancés^{(Advanced Settings)} (icône d'engrenage).

1. Sélectionnez l' icône à trois points^{(three-dot icon)} pour plus d'options telles que l'ajout de collaborateurs, l'annulation d'actions, l'ajout de préférences ou des modules complémentaires à partir de Google Workspace Marketplace .

Remarque^(Note) : La sélection d' Ajouter des collaborateurs^{(Add Collaborators)} vous permet spécifiquement d' inviter des membres de votre équipe à travailler^{(invite members of your team to work)} sur le formulaire. Vous pouvez envoyer des invitations à l'aide de l'option de partage de lien ou saisir leurs adresses e-mail et ils recevront une notification par e-mail avec l'invitation.

Intégrez votre formulaire Google sur votre site Web^{(Embed Your Google Form on Your Website)}

Maintenant que votre formulaire Google^{(Google Form)} est prêt, l'étape suivante consiste à l'ajouter à votre site Web. Pour ce faire, vous devez obtenir le code d'intégration du formulaire, qui est un extrait de code unique que vous ajouterez à la page ou publierez à l'endroit où vous souhaitez que le formulaire apparaisse.

1. Pour obtenir le code d'intégration du formulaire, sélectionnez Envoyer^(Send) en haut à droite de la fenêtre de l'éditeur de formulaire.

1. Dans le formulaire d'envoi^{(Send form)} , vous verrez différentes options que vous pouvez utiliser pour partager le formulaire, par exemple via un lien, un e-mail, un réseau social ou HTML . Vous pouvez choisir de partager le formulaire sur Facebook ou Twitter , ou de l'envoyer à votre liste d'abonnés par e-mail.

1. Pour intégrer le formulaire sur votre site Web, vous devez utiliser l' option HTML . Sélectionnez l' onglet <>

1. Dans le champ Embed HTML , vous verrez un extrait de code, ainsi que les zones de largeur^(width) et de hauteur^(height) dans lesquelles vous pouvez modifier les dimensions de la taille de votre formulaire intégré.

1. Sélectionnez Copier^(Copy) pour copier le code d'intégration et accéder au tableau de bord de votre site Web.

Ajoutez le code d'intégration de votre formulaire Google à votre site Web^{(Add Your Google Form’s Embed Code to Your Website)}

Maintenant que vous avez votre code d'intégration, connectez-vous au tableau de bord d'administration de votre site et accédez à la page ou publiez où vous souhaitez intégrer le formulaire.

Remarque^(Note) : les instructions de ce guide s'appliquent à WordPress utilisant Gutenberg/Block Editor .

1. La première étape consiste à ajouter un bloc HTML personnalisé^{(custom HTML block)} . Pour ce faire, ouvrez l'éditeur de blocs en sélectionnant Pages ou Articles^(Posts) dans le panneau d'administration et recherchez la page ou l'article que vous souhaitez modifier.

1. Sélectionnez l'icône Add block (+) en haut à gauche de l'éditeur de blocs à côté du logo WordPress.z^(WordPress)

1. Accédez à la section Formatage^(Formatting) et faites défiler vers le bas pour rechercher et sélectionner HTML personnalisé^{(Custom HTML)} .

1. Collez l' extrait de code HTML^{(HTML code snippet)} que vous avez copié précédemment dans le champ fourni.

1. Dans la barre d'outils du bloc HTML personnalisé , sélectionnez l'onglet ^{(Custom HTML)}Aperçu^(Preview) pour voir un aperçu de la façon dont votre formulaire apparaîtra sur votre site Web.

1. Votre formulaire Google^{(Google Form)} apparaîtra sur votre page ou votre publication.

1. Assurez^(Make) -vous de mettre à jour votre publication ou votre page après l'avoir modifiée pour que les modifications soient enregistrées.

Créez le formulaire parfait pour votre site^{(Craft the Perfect Form for Your Site)}

Que vous souhaitiez ajouter une enquête à votre site, un formulaire de commande à votre boutique en ligne, une inscription à un événement ou un formulaire de contact, Google Forms peut vous aider à créer les formulaires parfaits pour votre site Web. 

Consultez nos guides sur la façon d'intégrer Google Agenda sur votre site Web^{( how to embed Google Calendar on your website)} et comment créer votre propre popup de coupon dans WordPress^{( how to create your own coupon popup in WordPress)} pour des fonctionnalités supplémentaires et une meilleure expérience utilisateur.

Avez^(Were) -vous pu créer et intégrer des formulaires Google^{(Google Forms)} sur votre site Web à l'aide de ce guide ? Partagez avec nous dans les commentaires.

How to Embed Google Forms on Your Website

If you’re struggling tо get a form on yоur site, you could install a plugin for basic functionality, but that may further slow down your site if you already have many plugins.

With Google Forms, you not only get to add a form to your site faster, but you also get more features. For instance, you can insert media files, import questions, integrate easily with WordPress and email, share on more platforms, and enjoy additional storage in Google Drive.

Additionally, Google Forms allows you to collaborate with your teammates, and track all results from your forms from different channels, not just your site.

Here’s how you can quickly embed Google Forms on your website in just a few simple steps.

How to Embed Google Forms on Your Website

To get started, you’ll need a Google Form and its embed code, which you’ll add to the page or post where you want the form to appear on your site.

Create a Google Form

1. To create a Google Form, make sure you’re signed in to your Google account and then select the Google Forms icon in the Google Apps menu. Alternatively, go to forms.google.com.

1. Select the Blank tile from the toolbar to create your form from scratch, or select a template from the available options.

1. Add a title and description to your form.

1. Next, use the toolbar on the right to add questions, import questions from a different form, upload videos and images, or add a section. 

1. If you want to choose the answer type, select the arrow next to the answer type section.

1. From the options, you can choose to let users leave a short answer or paragraph, multiple choice, mark checkboxes, or select choices from a dropdown menu.

1. To customize or change the form’s theme, use the palette icon at the top right side of the screen.

1. You can also preview the final design using the eye icon before saving and embedding it on your website.

1. If you want to collect email addresses, limit users to one response each, or allow them to edit their responses after submitting the form, select the Advanced Settings (gear icon).

1. Select the three-dot icon for more options such as adding collaborators, undoing actions, adding preferences, or add-ons from Google Workspace Marketplace.

Note: Selecting Add Collaborators specifically allows you to invite members of your team to work on the form. You can send invites using the link-sharing option or type in their email addresses and they’ll receive an email notification with the invite.

Embed Your Google Form on Your Website

Now that you have your Google Form ready, the next step is to add it to your website. To do this, you need to get the form’s embed code, which is a unique code snippet that you’ll add to the page or post where you want the form to appear.

1. To get the form’s embed code, select Send at the top right side of the form editor window.

1. In the Send form, you’ll see various options you can use to share the form for example via a link, email, social media, or HTML. You can choose whether to share the form on Facebook or Twitter, or send it to your email list of subscribers.

1. In order to embed the form on your website, you need to use the HTML option. Select the <> tab.

1. In the Embed HTML field, you’ll see a code snippet, as well as the width and height boxes where you can change the size dimensions for your embedded form.

1. Select Copy to copy the embed code and go to your website’s dashboard.

Add Your Google Form’s Embed Code to Your Website

Now that you have your embed code, sign in to your site’s admin dashboard and go to the page or post where you want to embed the form.

Note: Instructions in this guide apply to WordPress using the Gutenberg/Block Editor.

1. The first step is to add a custom HTML block. To do this, open the block editor by selecting Pages or Posts in the admin panel and find the page or post you want to edit.

1. Select Add block (+) icon at the top left side of the block editor next to the WordPress logo.z

1. Go to the Formatting section and scroll down to find and select Custom HTML.

1. Paste the HTML code snippet you copied earlier into the field provided.

1. In the Custom HTML block’s toolbar, select the Preview tab to see a preview of how your form will appear on your website.

1. Your Google Form will appear on your page or post.

1. Make sure you update your post or page after editing for the changes to be saved.

Craft the Perfect Form for Your Site

Whether you want to add a survey to your site, an order form to your online store, event registration, or contact form, Google Forms can help you create the perfect forms for your website. 

Check out our guides on how to embed Google Calendar on your website and how to create your own coupon popup in WordPress for added functionality and better user experience.

Were you able to create and embed Google Forms on your website using this guide? Share with us in the comments.

Related posts

• Comment intégrer Google Calendar sur votre site Web

• Méthodes de recherche d'utilisateurs de Google Analytics pour augmenter le trafic du site Web

• Ajouter des itinéraires routiers Google Maps à votre site Web

• Comment utiliser les listes Google Sheets Drop Down

• 9 Hidden Caractéristiques de Google Maps Vous devriez vérifier

• Comment 08488585

• Ne pas obtenir Gmail Notifications? 10 Ways pour réparer

• Comment suivre Changes dans Google Docs

• Google Search Bar Widget Missing? Comment le restaurer sur Android

• Comment Fix Gmail quand il ne la réception de courriels

• Comment utiliser Google Calendar: 10 Pro Tips

• Quel est le Software Reporter Tool dans Chrome and How pour le désactiver

• Pourquoi Does Chrome Have So de nombreux processus fonctionnent-ils?

• Quel est le Google App & How pour l'utiliser

• Comment tourner Google SafeSearch Off

• Comment arriver à Inbox Zero dans Gmail

• 3 façons de Create Borders dans Google Docs

• Ce qui est amélioré Protection dans Google Chrome and How pour l'activer

• Comment envoyer Private Emails dans Gmail

• Pouvez-vous supprimer tous les emails de Gmail à la fois?