--- title: Mettre en forme un formulaire description: Les formulaires sont utilisés pour l'inscription, les sondages, les mises à jour de profil, etc. Il est donc important de bien comprendre quelles options de présentation sont disponibles pour créer de --- [Passer au contenu](https://help.inwink.com/fr/mettre-en-forme-un-formulaire#main-content) - [Français](https://help.inwink.com/fr/mettre-en-forme-un-formulaire) - [English](https://help.inwink.com/set-up-form) Français Afficher le sous-menu pour les traductions [Plus de support](https://help.inwink.com/fr/kb-tickets/new?hsLang=fr) [![logo inwink](https://help.inwink.com/hs-fs/hubfs/LOGO_RGB@600x-2.png?width=100&height=75&name=LOGO_RGB@600x-2.png)](https://help.inwink.com/?hsLang=fr) - [Knowledge base](https://support.inwink.com/) - [My tickets](https://support.inwink.com/tickets) Ouvrir la navigation principale Fermer la navigation principale - [Knowledge base](https://support.inwink.com/) - [My tickets](https://support.inwink.com/tickets) - - [Français](https://help.inwink.com/fr/mettre-en-forme-un-formulaire) - [English](https://help.inwink.com/set-up-form) Français Afficher le sous-menu pour les traductions - [Plus de support](https://help.inwink.com/fr/kb-tickets/new) Bonjour ! Comment pouvons-nous vous aider ? - Il n'y a aucune suggestion car le champ de recherche est vide. 1. [Centre d'aide](https://help.inwink.com/fr?hsLang=fr) 2. [Site web](https://help.inwink.com/fr/site-web?hsLang=fr) 3. [Formulaire d'inscription](https://help.inwink.com/fr/site-web?hsLang=fr#formulaire-dinscription) # Mettre en forme un formulaire Les formulaires sont utilisés pour l'inscription, les sondages, les mises à jour de profil, etc. Il est donc important de bien comprendre quelles options de présentation sont disponibles pour créer des formulaires efficaces. Il existe de nombreuses options d'affichages dans les formulaires. Vous trouverez ici : - **1.  Comment créer des pages de formulaire et gérer leur affichage** - **2. Comment créer des groupes de champs et gérer leur affichage** - **3. Comment ajouter des champs et gérer leur affichage** - **4. Comment ajouter des zones de texte et gérer leur affichage** Pour comprendre les différents types de champs et les options d'affichage propres à chaque type de champ, cliquez [ici](https://help.inwink.com/fr/champ-d%C3%A9finition-et-configuration?hsLang=fr). Pour comprendre comment ajouter un formulaire et l'ajouter à votre site, cliquez [ici](https://help.inwink.com/fr/creer-un-questionnaire?hsLang=fr). ### 1. Les pages d'un formulaire et leurs options d'affichage Sur inwink, il est possible de créer un formulaire contenant une ou plusieurs pages. Par défaut, chaque formulaire contient une première page, nommée Page 1. Vous retrouvez le nom de cette page en haut de la fenêtre d'édition du formulaire. ![Editer les pages du formulaire](https://storageprdv2inwink.blob.core.windows.net/bohelp/assets/pictures/11_Site_web/3_Formulaires_inscription/4_Mettre_en_forme_un_formulaire/EN_formulaires_miseenforme_1.png)***Editer les pages du formulaire***   Vous pouvez : - Editer le nom de votre page et son mode d'affichage en cliquant sur le bouton ![](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-10-00-10-69-AM.png?width=32&name=undefined-Oct-17-2022-10-00-10-69-AM.png)  à droite - Effacer la page active en cliquant sur ![](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-10-00-10-26-AM.png?width=29&name=undefined-Oct-17-2022-10-00-10-26-AM.png). La page, les groupes de champs et les zones de texte de la page seront effacés. Par contre, les champs qui étaient contenus dans la page seront toujours disponibles dans la liste des champs proposés lors de l'ajout d'un champ au formulaire. - Ajouter une nouvelle page en cliquant sur le bouton ***AJOUTER UNE PAGE*** Lors de l'édition ou l'ajout d'une page, la fenêtre suivante s'ouvre : ![Fenêtre d'édition de page](https://storageprdv2inwink.blob.core.windows.net/bohelp/assets/pictures/11_Site_web/3_Formulaires_inscription/4_Mettre_en_forme_un_formulaire/EN_formulaires_miseenforme_2.png)***Fenêtre d'édition de page*** | Paramètre | Action | | --- | --- | | | | | Mode d'affichage | - **Simple** : les champ s'affichent les uns en-dessous des autres - **Les champs d'affichent sur deux colonnes** : les champs s'afficheront sur deux colonnes, le premier à gauche, le second à droite, et ainsi de suite. - **Les groupes s'affichent sur deux colonnes** : les groupes de champs s'afficheront sur deux colonnes, le premier groupe de champ à gauche, le second à droite, et ainsi de suite. | | Titre | Permet de donner un titre à la page, qui sera repris en tête de formulaire. N'est pas obligatoire. | | Description | Permet de donner une description à la page. Sera affiché en-dessous du titre de la page. N'est pas obligatoire. | Une fois ces paramètre renseignés, cliquez sur ***VALIDER***. Une fois que vous aurez créé plusieurs pages, vous aurez la possibilité de les réorganiser entre elles en cliquant sur ![](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-10-00-09-93-AM.png?width=33&name=undefined-Oct-17-2022-10-00-09-93-AM.png) ou ![](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-10-00-09-79-AM.png?width=32&name=undefined-Oct-17-2022-10-00-09-79-AM.png) à gauche de la corbeille de suppression de la page : ![Réorganiser les pages entre elles](https://storageprdv2inwink.blob.core.windows.net/bohelp/assets/pictures/11_Site_web/3_Formulaires_inscription/4_Mettre_en_forme_un_formulaire/EN_formulaires_miseenforme_3.png)***Réorganiser les pages entre elles*** ### 2. Les groupes de champs et leurs options d'affichage A l'intérieur de vos pages, il est possible de grouper les champs et de donner un titre, une description, voire un affichage conditionnel aux groupes créés. Dans l'éditeur de formulaire, les groupes sont indiqués par des encadrés de fond gris clair. Pour ajouter un groupe, sélectionnez la page dans laquelle vous désirez insérer un groupe, et cliquez sur le bouton ***AJOUTER UN GROUPE***. Vous pouvez ajouter un groupe soit dans une page (le bouton est blanc), soit dans un groupe (le bouton est gris). Une fenêtre d'édition de groupe s'ouvre, contenant diverses options : ![Fenêtre d'édition du groupe](https://storageprdv2inwink.blob.core.windows.net/bohelp/assets/pictures/11_Site_web/3_Formulaires_inscription/4_Mettre_en_forme_un_formulaire/EN_formulaires_miseenforme_4.png)***Fenêtre d'édition du groupe*** Dans l'onglet **DETAILS**, vous pouvez renseigner les paramètre suivants : | Paramètre | Action | | --- | --- | | | | | Mode d'affichage | - **Simple** : les champ s'affichent les uns en=dessous des autres - **Les champs d'affichent sur deux colonnes** : les champs s'afficheront sur deux colonnes, le premier à gauche, le second à droite, et ainsi de suite. - **Les groupes s'affichent sur deux colonnes** : les groupes de champs s'afficheront sur deux colonnes, le premier groupe de champ à gauche, le second à droite, et ainsi de suite. | | Titre | Permet de donner un titre au groupe, qui sera repris dans le formulaire en haut du groupe. N'est pas obligatoire. | | Description | Permet de donner une description au groupe. Sera affiché en-dessous du titre du groupe. N'est pas obligatoire | Dans l'onglet **Conditions**, vous pouvez paramétrer les conditions d'affichage de votre groupe, selon les réponses précédemment faites par l'utilisateur. ![Editeur de conditions](https://storageprdv2inwink.blob.core.windows.net/bohelp/assets/pictures/11_Site_web/3_Formulaires_inscription/4_Mettre_en_forme_un_formulaire/EN_formulaires_miseenforme_5.png)***Editeur de conditions*** Ici, le groupe ne sera affiché que si la note des intervenants renseignée précédemment par l'utilisateur est égale à 5. En cliquant sur le bouton ***+***, vous avez la possibilité d'afficher une autre condition nécessaire à l'affichage du groupe (condition **ET**). En cliquant sur le bouton ***OU***, vous pouvez ajouter une seconde condition permettant l'affichage du groupe (condition **OU**). Une fois le groupe paramétré, cliquez sur ***VALIDER*** pour ajouter le groupe à la page. ![Affichage d'un groupe sur l'éditeur de formulaire](https://storageprdv2inwink.blob.core.windows.net/bohelp/assets/pictures/11_Site_web/3_Formulaires_inscription/4_Mettre_en_forme_un_formulaire/EN_formulaires_miseenforme_6.png)***Affichage d'un groupe sur l'éditeur de formulaire*** Vous avez la possibilité d'éditer un groupe à tout moment en cliquant sur le bouton ![image-png-Oct-17-2022-12-31-47-03-PM](https://help.inwink.com/hs-fs/hubfs/image-png-Oct-17-2022-12-31-47-03-PM.png?width=24&name=image-png-Oct-17-2022-12-31-47-03-PM.png)  en haut à droite du groupe, d'effacer le groupe en cliquant sur ![undefined-Oct-17-2022-10-00-10-26-AM](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-10-00-10-26-AM.png?width=26&name=undefined-Oct-17-2022-10-00-10-26-AM.png) et de repositionner le groupe par rapport à d'autres groupes en cliquant sur ![undefined-Oct-17-2022-10-00-09-93-AM](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-10-00-09-93-AM.png?width=22&name=undefined-Oct-17-2022-10-00-09-93-AM.png) ou ![undefined-Oct-17-2022-10-00-09-79-AM](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-10-00-09-79-AM.png?width=24&name=undefined-Oct-17-2022-10-00-09-79-AM.png) .   🐱‍👤 *Un groupe de champs apparaîtra toujours après les champs n'appartenant à aucun groupe de champs dans une même page* ### 3. Les champs et leurs options d'affichage Dans un formulaire, vous pouvez ajouter des champs soit dans un groupe, soit directement dans une page. Pour ajouter un champ directement dans la page, cliquez sur ***AJOUTER UN CHAMP*** tout en bas de la page. Pour ajouter un champ à un groupe, cliquez sur ***AJOUTER UN CHAMP*** tout en bas du groupe. Vous pourrez alors ajouter un champ parmi ceux existant déjà, ou créer un tout nouveau champ à ajouter au formulaire. Une fois le champ ajouté, vous pouvez à tout moment l'éditer en cliquant sur le bouton ![](https://help.inwink.com/hs-fs/hubfs/image-png-Oct-17-2022-12-31-47-03-PM.png?width=24&name=image-png-Oct-17-2022-12-31-47-03-PM.png) qui s'affiche en haut à droite du champ quand vous le survolez. Vous pourrez alors modifier ses informations, mais aussi lui ajouter des conditions d'affichage, comme vu précédemment avec les groupes. Vous pouvez aussi changer la position des champs au sein d'un même groupe/d'une même page en cliquant sur le champ et en le glissant vers une autre position, ou à l'aide des boutons ![undefined-Oct-17-2022-10-00-09-93-AM](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-10-00-09-93-AM.png?width=24&name=undefined-Oct-17-2022-10-00-09-93-AM.png) et ![undefined-Oct-17-2022-12-26-09-10-PM](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-12-26-09-10-PM.png?width=24&name=undefined-Oct-17-2022-12-26-09-10-PM.png). Enfin, vous pouvez supprimer un champ en cliquant sur ![undefined-Oct-17-2022-10-00-10-26-AM](https://help.inwink.com/hs-fs/hubfs/undefined-Oct-17-2022-10-00-10-26-AM.png?width=31&name=undefined-Oct-17-2022-10-00-10-26-AM.png) lorsque vous le survolez avec votre curseur. Le champ sera supprimé du formulaire, mais il restera disponible dans la liste des champs que vous pouvez ajouter à votre page quand vous cliquerez de nouveau sur ***AJOUTER UN CHAMP*** 🐱‍👤 *Si vous affichez 2 fois le même champ dans un formulaire, alors la seconde réponse au champ effacera la première réponse faite par l'utilisateur. Attention, donc, à ne pas utiliser deux fois le même champ dans un formulaire, même si ces derniers ont le même intitulé.* ### 4. Les zones de texte et leurs options d'affichage Enfin, vous pouvez ajouter des zones de texte en cliquant sur ***AJOUTER UN TEXTE***, sur le même principe que pour les champs. - [Les indispensables](https://help.inwink.com/fr/les-indispensables?hsLang=fr#main-content) - [Grilles](https://help.inwink.com/fr/les-indispensables?hsLang=fr#grilles) - [Les champs](https://help.inwink.com/fr/les-indispensables?hsLang=fr#les-champs) - [Publier](https://help.inwink.com/fr/les-indispensables?hsLang=fr#publier) - [Data](https://help.inwink.com/fr/data?hsLang=fr#main-content) - [Audience](https://help.inwink.com/fr/data?hsLang=fr#audience) - [Evènements](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#main-content) - [Mon évènement](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#mon-%C3%A9v%C3%A8nement) - [Participants](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#participants) - [Programme](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#programme) - [Espace intervenant](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#espace-intervenant) - [Partenaires](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#partenaires) - [Business Meetings](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#business-meetings) - [Networking](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#networking) - [Billetterie](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#billetterie) - [Badge du participant](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#badge-du-participant) - [inwink onsite](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#inwink-onsite) - [Online events](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#online-events) - [Intégration vidéo](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#int%C3%A9gration-vid%C3%A9o) - [Session en ligne](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#session-en-ligne) - [Interactions](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#interactions) - [Intéractivité](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#int%C3%A9ractivit%C3%A9) - [Appels à candidatures](https://help.inwink.com/fr/ev%C3%A8nements?hsLang=fr#appels-%C3%A0-candidatures) - [Communauté](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#main-content) - [Contenus](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#contenus) - [Les forums](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#les-forums) - [Espace partenaire](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#espace-partenaire) - [Configuration](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#configuration) - [Les groupes](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#les-groupes) - [Adhésion](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#adh%C3%A9sion) - [Billetterie](https://help.inwink.com/fr/communaut%C3%A9?hsLang=fr#billetterie) - [Tableaux de bord](https://help.inwink.com/fr/tableaux-de-bord?hsLang=fr) - [Emailings](https://help.inwink.com/fr/emailings?hsLang=fr#main-content) - [Envoyer des emails](https://help.inwink.com/fr/emailings?hsLang=fr#envoyer-des-emails) - [Emails programmés](https://help.inwink.com/fr/emailings?hsLang=fr#emails-programm%C3%A9s) - [Site web](https://help.inwink.com/fr/site-web?hsLang=fr#main-content) - [Espace participant](https://help.inwink.com/fr/site-web?hsLang=fr#espace-participant) - [CMS](https://help.inwink.com/fr/site-web?hsLang=fr#cms) - [Webmaster](https://help.inwink.com/fr/site-web?hsLang=fr#webmaster) - [Langues et traductions](https://help.inwink.com/fr/site-web?hsLang=fr#langues-et-traductions) - [Espace partenaire](https://help.inwink.com/fr/site-web?hsLang=fr#espace-partenaire) - [Identité visuelle](https://help.inwink.com/fr/site-web?hsLang=fr#identit%C3%A9-visuelle) - [Les blocs](https://help.inwink.com/fr/site-web?hsLang=fr#les-blocs) - [Formulaire d'inscription](https://help.inwink.com/fr/site-web?hsLang=fr#formulaire-dinscription) - [Commercialisation](https://help.inwink.com/fr/commercialisation?hsLang=fr#main-content) - [Comprendre et préparer sa commercialisation](https://help.inwink.com/fr/commercialisation?hsLang=fr#comprendre-et-pr%C3%A9parer-sa-commercialisation) - [Construire ses offres commerciales](https://help.inwink.com/fr/commercialisation?hsLang=fr#construire-ses-offres-commerciales) - [Configurer et accompagner le parcours exposant](https://help.inwink.com/fr/commercialisation?hsLang=fr#configurer-et-accompagner-le-parcours-exposant) - [Application mobile](https://help.inwink.com/fr/application-mobile?hsLang=fr#main-content) - [Avant de commencer](https://help.inwink.com/fr/application-mobile?hsLang=fr#avant-de-commencer) - [Configurer et personnaliser l'application](https://help.inwink.com/fr/application-mobile?hsLang=fr#configurer-et-personnaliser-lapplication) - [Tester et publier l'application](https://help.inwink.com/fr/application-mobile?hsLang=fr#tester-et-publier-lapplication) - [Connecteurs](https://help.inwink.com/fr/connecteurs?hsLang=fr#main-content) - [Paypal](https://help.inwink.com/fr/connecteurs?hsLang=fr#paypal) - [Six Payment](https://help.inwink.com/fr/connecteurs?hsLang=fr#six-payment) - [Power BI](https://help.inwink.com/fr/connecteurs?hsLang=fr#power-bi) - [Adyen](https://help.inwink.com/fr/connecteurs?hsLang=fr#adyen) - [Salesforce](https://help.inwink.com/fr/connecteurs?hsLang=fr#salesforce) - [Hubspot](https://help.inwink.com/fr/connecteurs?hsLang=fr#hubspot) - [Ingenico](https://help.inwink.com/fr/connecteurs?hsLang=fr#ingenico) - [Zapier](https://help.inwink.com/fr/connecteurs?hsLang=fr#zapier) - [Stripe](https://help.inwink.com/fr/connecteurs?hsLang=fr#stripe) - [Marketo](https://help.inwink.com/fr/connecteurs?hsLang=fr#marketo) - [Monetico](https://help.inwink.com/fr/connecteurs?hsLang=fr#monetico) - [Lyra, PayZen et Sogecommerce](https://help.inwink.com/fr/connecteurs?hsLang=fr#lyra-payzen-et-sogecommerce) - [Make](https://help.inwink.com/fr/connecteurs?hsLang=fr#make) - [MCP](https://help.inwink.com/fr/mcp?hsLang=fr) [![inwink](https://help.inwink.com/hs-fs/hubfs/LOGO_RGB@600x-1.png?width=99&height=24&name=LOGO_RGB@600x-1.png "inwink")](https://www.inwink.com/) Copyright © 2025, inwink ```json { "@context" : "https://schema.org", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressLocality" : "Paris, France", "postalCode" : "75011", "streetAddress" : "33 Rue du Faubourg Saint-Antoine" }, "email" : "contact@inwink.com", "funder" : [ { "@type" : "Organization", "name" : "Infinite Square", "url" : "https://www.infinitesquare.com/" } ], "logo" : "https://www.inwink.com/hs-fs/hubfs/inwink-H-rgb-1.png?width=140&name=inwink-H-rgb-1.png", "name" : "inwink", "owns" : [ { "@type" : "Product", "name" : "inwink", "url" : "https://www.inwink.com/" } ], "sameAs" : [ "https://www.linkedin.com/company/inwink/", "https://twitter.com/inwink_fr", "https://www.facebook.com/inwink-177090639388227/", "https://www.youtube.com/channel/UCWHQtvE5NEL7ijTKl4pGp0A" ], "url" : "https://www.inwink.com/" } ```