--- title: "Comment intégrer des formulaires sur votre site web" date: 2021-06-14 canonical_id: how-to-embed-form author: "osogovo" category: - blog - feedback - surveys - tutorials locale_slug: "comment-integrer-un-formulaire" summary: "Des étapes simples pour intégrer un formulaire sur n'importe quel site web en quelques secondes. Un code JavaScript responsive, simple à copier/coller. Sans code." draft: false seo: title: "Comment intégrer des formulaires sur votre site web" description: "Des étapes simples pour intégrer un formulaire sur n'importe quel site web en quelques secondes. Un code JavaScript responsive, simple à copier/coller." structured_data: article --- > **Note importante :** cette méthode ne fonctionne pas pour le moment et nous travaillons sur un nouveau créateur de formulaires qui arrive bientôt. Veuillez contacter notre équipe de réussite client pour plus d'informations. Les formulaires intégrés sont l'une des méthodes les plus efficaces et les plus faciles pour collecter des données, et intégrer le code sur votre site web ne devrait pas nécessiter d'appeler un technicien pour le faire. Que ce soit pour du feedback, des transactions ou des inscriptions, les formulaires sont essentiels. Ce guide vous montrera le processus, en illustrant à quel point il est facile d'intégrer un formulaire sur n'importe quel site web avec EmbedForms. ## **À quoi servent les formulaires ?** Les formulaires jouent un rôle crucial dans nos activités quotidiennes, à la fois dans le monde physique et numérique. Ils aident les organisations à mener leurs opérations plus efficacement en rationalisant le processus de collecte d'informations. #### **Collecte de données** Les formulaires sont souvent utilisés pour collecter des données ou des informations auprès des utilisateurs. Cela peut être aussi simple que de recueillir des coordonnées, comme un formulaire d'inscription par e-mail sur un site web, ou des données de recherche scientifique ou de marché plus complexes. Par exemple, un formulaire médical recueille les antécédents et les symptômes du patient pour aider au diagnostic et au traitement. #### **Feedback et communication** Les formulaires offrent un moyen efficace de [recueillir des retours auprès des clients](/blog/web-form-builder/) ou des utilisateurs. Les enquêtes, les sondages ou les formulaires de feedback permettent aux utilisateurs de communiquer leurs pensées, leurs opinions ou leurs expériences à une organisation. Ils peuvent être utilisés pour le développement de produits, l'amélioration de l'expérience utilisateur ou l'évaluation de la satisfaction client. #### **Exigences légales et de conformité** Certains secteurs et procédures exigent l'utilisation de formulaires pour s'assurer qu'ils répondent aux exigences légales et réglementaires. Par exemple, les formulaires fiscaux permettent au gouvernement de collecter les données financières nécessaires. Les formulaires de consentement dans des contextes médicaux ou de recherche garantissent que les participants sont informés et acceptent les conditions de la procédure ou de l'étude. #### **Transactions** Les formulaires sont utilisés pour faciliter diverses transactions en ligne. Il peut s'agir de transactions financières (comme effectuer un achat sur un site e-commerce où le formulaire de paiement recueille des informations sur l'acheteur et l'achat) ou de transactions non financières (comme soumettre une candidature ou s'inscrire à un événement). ## **Pourquoi intégrer des formulaires sur votre site web ?** Le placement stratégique de formulaires sur votre site web peut considérablement améliorer ses fonctionnalités et l'engagement des utilisateurs. Les formulaires offrent une communication efficace avec vos visiteurs et clients, vous permettant de recueillir des informations précieuses et de fournir de meilleurs services. #### **Engagement des utilisateurs** Intégrer un formulaire sur votre site web peut accroître l'engagement des utilisateurs en offrant un canal direct d'interaction. Cela peut prendre la forme d'un [formulaire de feedback client](/blog/customer-feedback-form/), d'un sondage, d'un quiz ou même d'un simple formulaire de contact. Cela invite les utilisateurs à interagir avec le contenu, à partager leurs opinions ou à poser des questions. #### **Collecte de données** Les formulaires peuvent être utilisés pour recueillir des informations précieuses sur vos visiteurs, telles que leurs coordonnées, leurs préférences ou leurs besoins. Ces données peuvent être utilisées pour des stratégies marketing, le profilage des clients ou le développement de produits. Un formulaire d'abonnement à une newsletter, par exemple, peut vous aider à constituer une liste de marketing par e-mail. #### **Facilité de communication** Un formulaire intégré peut simplifier le processus de communication entre vous et vos visiteurs. Plutôt que d'avoir des visiteurs qui vous envoient directement un e-mail, ils peuvent simplement remplir un formulaire, garantissant que vous recevez toutes les informations nécessaires de manière structurée. C'est particulièrement utile pour les formulaires de support client ou de demande de renseignements. #### **Conversions et ventes :** Si vous gérez un site e-commerce, les formulaires sont un élément essentiel du processus d'achat. Ils permettent aux utilisateurs de saisir les détails de livraison, de sélectionner des produits et de finaliser des transactions. Des formulaires bien conçus peuvent rationaliser le processus de paiement et améliorer l'expérience utilisateur, augmentant finalement les conversions et les ventes. #### **Inscription des utilisateurs** Pour les sites web qui nécessitent des comptes utilisateur, intégrer un formulaire d'inscription est essentiel. Cela peut aider à gérer l'accès des utilisateurs, à personnaliser leurs expériences et à bâtir une communauté. Le formulaire peut recueillir des informations importantes comme les noms d'utilisateur, les mots de passe et d'autres détails utilisateur de manière sécurisée et pratique. ## **Comment intégrer un formulaire dans un site web ?** Voici comment commencer, créer un formulaire personnalisé et obtenir un code intégrable pour afficher le formulaire sur votre site web : #### **1. Dans la fenêtre de bienvenue, choisissez un modèle de formulaire ou partez de zéro** Vous pouvez prévisualiser ce modèle ou revenir en arrière et choisir un autre formulaire dans la bibliothèque de modèles de formulaires. ![bibliothèque de modèles de formulaires](https://embedsocial.com/wp-content/uploads/2021/06/choose-form-template.png) #### **2. Configurez et personnalisez votre formulaire si nécessaire, cliquez sur « Enregistrer » et cliquez sur « Publier en direct »** ![publier le formulaire en direct](https://embedsocial.com/wp-content/uploads/2021/06/publish-online-form.png) #### **3. Pour obtenir le code du formulaire, dans le coin supérieur gauche, cliquez sur le lien « Intégrer le formulaire sur le site web »** ![obtenir le code pour intégrer le formulaire sur votre site web](https://embedsocial.com/wp-content/uploads/2021/06/embed-form-on-website.jpg) #### **4. Dans l'éditeur de widget de formulaire, copiez simplement le code fourni** ![code d'intégration pour le formulaire sur le site web](https://embedsocial.com/wp-content/uploads/2021/06/form-widget-code.jpg) #### **4. Pour intégrer le formulaire, collez simplement le code dans la section body de votre site web où vous voulez qu'il apparaisse** Si vous utilisez WordPress, consultez les instructions ci-dessous. Pour d'autres CMS ou plateformes e-commerce, n'hésitez pas à contacter notre équipe de support pour une aide supplémentaire. Vous n'aurez besoin d'aucune [intégration d'avis sur les formulaires](/blog/forms-reviews-integration/), et vous pouvez intégrer votre code dans n'importe quel autre créateur de site en utilisant le même code fourni dans la [plateforme EmbedForms](/forms). Le code HTML du formulaire peut être intégré pratiquement n'importe où sur votre site web. L'essentiel est qu'il soit visible par tous et présenté au bon moment. Par exemple, les chefs d'entreprise demandent généralement un avis après qu'un client a eu une interaction avec leur entreprise, et lorsque les impressions sont encore fraîches s'agissant des [formulaires de feedback](/blog/free-feedback-form-templates/). Cela signifie que si vous menez une enquête post-achat sur votre site e-commerce, le meilleur endroit pour l'intégrer serait la page de remerciement, et elle devrait s'afficher quelques secondes après que l'achat est finalisé. Pour plus de détails sur la façon de créer un formulaire intégré, consultez le [guide de configuration des formulaires](https://help.embedsocial.com/en/articles/5015688-setup-guide-create-an-online-form) ## **Comment intégrer un formulaire dans WordPress ?** **Note** : EmbedForms fonctionne pour tout site web et toute page WordPress, et il n'est pas nécessaire d'installer des plugins ou widgets supplémentaires qui pourraient ralentir votre site web. Les étapes s'appliquent à chaque formulaire, qu'il s'agisse d'un formulaire de feedback, de contact, d'inscription, d'enregistrement ou d'une enquête. Vous n'avez pas besoin d'installer de plugin WordPress pour créer des formulaires intégrables pour WordPress. Une fois que vous êtes prêt à coller le code dans votre page ou article, suivez simplement ces étapes. D'abord, connectez-vous à votre site WordPress et ouvrez la page où vous devrez intégrer le formulaire. #### **1. Cliquez sur l'icône + dans l'éditeur et choisissez le bloc HTML** ![insérer un bloc HTML dans un article WordPress](https://embedsocial.com/wp-content/uploads/2021/06/html-block-wordpress.png) #### **2. Collez le code d'intégration dans la zone de texte du bloc** ![code d'intégration de formulaire dans WordPress](https://embedsocial.com/wp-content/uploads/2021/06/paste-html-code-in-wordpress.png) #### **3. Cliquez sur « Mettre à jour »** Et c'est tout. Ce code fonctionne pour toute plateforme qui prend en charge l'intégration JavaScript ou iFrame. ## **Intégrer des widgets de formulaire** Si vous devez personnaliser la façon dont les formulaires apparaissent sur votre site web, vous pouvez utiliser les [widgets de formulaire](/blog/form-widgets/). Au lieu de simplement intégrer les formulaires en ligne, EmbedForms propose quelques types différents de widgets qui transformeront votre formulaire en widgets web interactifs. Vous pouvez choisir d'afficher une bannière, un flotteur ou un bouton qui, au clic, ouvrira le formulaire. Ces widgets sont conçus pour économiser de l'espace, se charger rapidement et vous aider à présenter les formulaires dans des positions bien visibles sur votre site web afin d'augmenter leurs taux de réponse. Pour créer et ajouter un widget de formulaire, 1. Allez dans **Widgets**, et ouvrez le widget de formulaire que vous voulez afficher différemment sur votre site web. Si vous n'avez pas de widget, cliquez sur **Créer un widget** pour en créer un. ![Étape 1 pour créer un widget de formulaire pour site web](https://embedsocial.com/wp-content/uploads/2021/06/create-form-widget-step1.jpg) 2. Choisissez bannière, flotteur, bouton ou déclencheur JS et cliquez sur « **Enregistrer** ». ![choisir les widgets de formulaire](https://embedsocial.com/wp-content/uploads/2021/06/choose-form-widget-type.jpg) 3. Enfin, copiez/collez le code en haut à droite dans la page où vous voulez que le widget apparaisse. C'est tout. Vous pouvez maintenant facilement intégrer n'importe quel formulaire sur votre site web dans différents formats et collecter plus de données auprès de vos visiteurs web. ## **Faites-en plus avec EmbedForms** ![créateur d'enquêtes et de formulaires](https://embedsocial.com/wp-content/uploads/2021/06/online-form-builder-1024x591.png) EmbedForms est un créateur de formulaires complet avec des options de création avancées. Tous les formulaires sont responsives et s'adaptent parfaitement aux appareils mobiles. De plus, il dispose d'une option de politique de confidentialité pour que les utilisateurs puissent se conformer aux exigences du RGPD. Dans le texte qui suit, vous trouverez plus d'options qui vous aideront à intégrer les meilleurs formulaires web : #### **1. Options de personnalisation** Lorsque vous ouvrez une page de formulaire spécifique, vous pouvez utiliser l'éditeur pour choisir différents champs de formulaire comme les boutons radio, les paragraphes, les menus déroulants, les notations, les échelles d'opinion, etc., lorsque vous voulez créer un formulaire entièrement nouveau. Vous pouvez aussi utiliser d'autres options de mise en forme, comme changer l'ensemble du thème, changer l'image d'arrière-plan de l'en-tête, télécharger votre propre logo, etc. #### **2. Notifications par e-mail** Pour activer le rappel par e-mail, allez dans les paramètres généraux et cliquez sur notifications par e-mail, et vous recevrez un e-mail avec le lien vers la dernière réponse au formulaire. #### **3. Message de remerciement** Ajoutez votre message de remerciement en naviguant dans les paramètres généraux et en y inscrivant votre note de remerciement. #### **4. Lien de redirection** Lorsqu'un utilisateur clique sur le bouton d'envoi après avoir rempli le formulaire, il existe une option pour ajouter un lien de redirection qui dirigera vos clients vers une page d'atterrissage spécifique, en ajoutant un lien dans le champ de redirection après soumission. #### **5. Option de partage et d'export des réponses** Exportez toutes les soumissions de formulaires dans Excel, Google Sheets ou toute autre application de tableur. De plus, vous pouvez utiliser l'option « Partager » qui vous permettra de partager les répondants avec d'autres membres de l'équipe afin qu'ils puissent consulter les réponses recueillies à partir d'un formulaire spécifique. #### **6. Créer et intégrer un formulaire contextuel** Intégrer des formulaires est simple, mais intégrer des formulaires dans différents formats d'affichage devrait aussi être simple. Donc si vous voulez intégrer un formulaire contextuel, EmbedForms a l'option pour vous. Il s'agit d'un type de [widget de formulaire](/blog/form-widgets/) qui a la fonctionnalité d'afficher votre formulaire dans une fenêtre contextuelle. Vous pouvez aussi explorer d'autres options d'intégration comme le popover, le bouton, le flotteur, et similaires. Voici à quoi ressemblera un formulaire sur votre site web si vous optez pour EmbedForms ! (function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "/admin/assets/ef.js"; d.getElementsByTagName("head")\[0\].appendChild(js);}(document, "script", "EmbedSocialFormsScript")); ## **Vous pouvez aussi intégrer Google Forms** Avec Google Forms, l'intégration du formulaire est similaire à l'intégration de formulaires créés avec EmbedForms ou tout autre créateur de formulaires web. Voici les étapes pour intégrer un formulaire Google : Étape 1 : Cliquez sur l'option « **Partager** » en haut à droite ![étapes pour intégrer un formulaire google](https://embedsocial.com/wp-content/uploads/2021/06/embed-google-form-step1.jpg) **Étape 2 :** Cliquez sur l'onglet avec l'icône de code et cliquez sur le bouton « **Copier** » ![copier le code Google Forms](https://embedsocial.com/wp-content/uploads/2021/06/embed-google-form-step2.jpg) **Étape 3** : Collez le code dans le code HTML de la page où vous voulez que le formulaire apparaisse C'est tout. ## **Conclusion** Comme nous l'avons exploré, intégrer un formulaire sur votre site web peut être simple, offrant un moyen puissant d'améliorer l'engagement des utilisateurs et de recueillir des données précieuses. Avec EmbedForms, tout ce que vous avez à faire est d'avoir un objectif clair de ce que vous voulez apprendre sur votre client, de choisir le modèle adapté et de copier-coller le code sur votre site web. **À lire aussi :** Découvrez [10 formulaires de génération de leads et widgets aimant à leads](/blog/lead-generation-forms/) ### **FAQ :** **Combien de champs devrait-il y avoir dans mon formulaire ?** Le nombre de champs dans votre formulaire devrait être aussi réduit que nécessaire pour recueillir les informations requises. Généralement, les formulaires plus courts avec 3 à 5 champs ont tendance à avoir des taux de complétion plus élevés. **L'utilisation de formulaires sur un site web a-t-elle un effet sur l'augmentation des revenus ?** Oui, les formulaires peuvent augmenter les revenus en améliorant la génération de leads, l'engagement client et les taux de conversion, surtout lorsqu'ils sont utilisés de manière stratégique dans les efforts de vente, de marketing et de service client. **Qu'est-ce qui différencie les formulaires intégrés des autres types de formulaires ?** Les formulaires intégrés s'insèrent parfaitement dans la mise en page d'un site web, améliorant l'expérience utilisateur en permettant des interactions directes sans avoir à quitter la page actuelle. **Qu'est-ce qu'un formulaire intégré ?** Un formulaire intégré est un formulaire qui est intégré directement dans une page web, permettant aux utilisateurs d'interagir avec lui sans quitter la page, améliorant ainsi l'expérience utilisateur. **Comment ajouter un formulaire à un site web ?** Pour ajouter un formulaire à un site web, vous créez généralement le formulaire à l'aide d'un créateur de formulaires, générez un code d'intégration, puis insérez ce code dans le code HTML de votre site web. ### Inscrivez-vous maintenant et obtenez votre créateur de formulaires interactifs gratuit pour toujours Essayez EmbedForms et intégrez des formulaires web attrayants sur votre site web, en quelques secondes. Démarrer l'essai gratuit → Gratuit pour toujours · Configuration facile ![widget de formulaires intégrés](https://embedsocial.com/wp-content/uploads/2021/11/forms-builder-cta.jpg)