{"id":1367,"date":"2024-06-13T06:46:16","date_gmt":"2024-06-13T04:46:16","guid":{"rendered":"https:\/\/wypo.io\/documentations\/%taxomony%\/formmaster\/creer-un-formulaire\/"},"modified":"2024-07-15T06:15:00","modified_gmt":"2024-07-15T04:15:00","slug":"create-form","status":"publish","type":"wypo_documentations","link":"https:\/\/wypo.io\/en\/documentations\/formmaster\/create-form\/","title":{"rendered":"Create a form"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-large is-style-shadow  hf_animated fade_bottom default  \"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/wypo.io\/wp-content\/uploads\/2024\/06\/wypo-documentation-formmaster-dashboard-1024x498.jpg\" alt=\"Wypo Documentation Formmaster Dashboard\" class=\"wp-image-1345\" srcset=\"https:\/\/wypo.io\/wp-content\/uploads\/2024\/06\/wypo-documentation-formmaster-dashboard-1024x498.jpg 1024w, https:\/\/wypo.io\/wp-content\/uploads\/2024\/06\/wypo-documentation-formmaster-dashboard-300x146.jpg 300w, https:\/\/wypo.io\/wp-content\/uploads\/2024\/06\/wypo-documentation-formmaster-dashboard-768x374.jpg 768w, https:\/\/wypo.io\/wp-content\/uploads\/2024\/06\/wypo-documentation-formmaster-dashboard-1536x748.jpg 1536w, https:\/\/wypo.io\/wp-content\/uploads\/2024\/06\/wypo-documentation-formmaster-dashboard.jpg 1576w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-style-smallbordertop  hf_animated fade_bottom default is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading   \" datalink=\"content-add-a-form\">Add a Form<\/h2>\n\n\n\n<p class=\"\">To add a form with the FormMaster plugin, you have two options:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"\"><strong>From the \u201cForms\u201d page<\/strong>: Go to the \u201cForms\u201d page in the WordPress menu and click on the \u201cAdd a form\u201d button.<\/li>\n\n\n\n<li class=\"\"><strong>From the WordPress menu item<\/strong>: Select the \u201cAdd a form\u201d option directly from the WordPress menu.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading   \" datalink=\"content-default-content\">Default content<\/h2>\n\n\n\n<p class=\"\">When a new form is added, simple content is generated by default. This form can be fully modified using the Gutenberg editor.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-style-smallbordertop  hf_animated fade_bottom default is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading   \" datalink=\"content-usable-blocks\">Usable blocks<\/h2>\n\n\n\n<p class=\"\">You can use several types of blocks to customize your form:<\/p>\n\n\n\n<h3 class=\"wp-block-heading   \" datalink=\"content-field-block\">\u201cField\u201d block<\/h3>\n\n\n\n<p class=\"\">This block represents a form field.<\/p>\n\n\n\n<p class=\"\"><strong>Available parameters :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\"><strong>Type<\/strong>: Choose the type of field (text, email, drop-down menu, checkbox, etc.).<\/li>\n\n\n\n<li class=\"\"><strong>Label<\/strong>: The title or label of the field.<\/li>\n\n\n\n<li class=\"\"><strong>Placeholder<\/strong>: Indicative text displayed in the field before the user fills it in.<\/li>\n\n\n\n<li class=\"\"><strong>Required<\/strong>: Indicates whether the field is mandatory.<\/li>\n\n\n\n<li class=\"\"><strong>Maximum and minimum size<\/strong>: Define size limits for user input.<\/li>\n\n\n\n<li class=\"\"><strong>Instruction<\/strong>: A descriptive text that appears below the field.<\/li>\n\n\n\n<li class=\"\"><strong>Pattern<\/strong>: Define a pattern (regular expression) that the input must respect.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading   \" datalink=\"content-condition-block\">\u201cCondition\u201d block<\/h3>\n\n\n\n<p class=\"\">The block is used to display a block or group of blocks based on form responses.<\/p>\n\n\n\n<p class=\"\">It works with AND and OR conditions for advanced customization.<\/p>\n\n\n\n<h3 class=\"wp-block-heading   \" datalink=\"content-line-block\">\u201cLine\u201d block<\/h3>\n\n\n\n<p class=\"\">The block allows you to place several fields on the same line.<\/p>\n\n\n\n<p class=\"\"><strong>Available parameters :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\"><strong>Block spacing<\/strong>: Manage the spacing between fields.<\/li>\n\n\n\n<li class=\"\"><strong>Breakpoint<\/strong>: Define the breakpoint below which blocks will be displayed in line.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading   \" datalink=\"content-space-block\">\u201cSpace\u201d block<\/h3>\n\n\n\n<p class=\"\">The block is used to create a vertical or horizontal space in the form.<\/p>\n\n\n\n<p class=\"\">When used in a \u201cLine\u201d block, it can create a horizontal space.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-style-smallbordertop  hf_animated fade_bottom default is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading   \" datalink=\"content-add-form-to-a-page\">Add form to a page<\/h2>\n\n\n\n<p class=\"\">Once you&#8217;ve created a form, you can add it to a page in one of two ways:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"\"><strong>Shortcode<\/strong>: Use the shortcode <code>formmaster_form postid=x<\/code>, where <code>postid<\/code> is the form ID.<\/li>\n\n\n\n<li class=\"\"><strong>Gutenberg \u201cform\u201d block<\/strong>: Add the Gutenberg \u201cform\u201d block directly in the page editor.<\/li>\n<\/ol>\n<\/div>\n","protected":false},"featured_media":0,"parent":1366,"menu_order":13,"template":"","meta":{"_habefastfse_class":"","hf_wpseo_meta_title":"Create a Form with FormMaster [separator] [sitetitle]","hf_wpseo_meta_description":"Discover how to create and customize forms with the FormMaster plugin. Follow our complete guide to add fields, define conditions and integrate your form on your WordPress pages. Optimize your forms for the best user experience.","hf_wpseo_meta_robots_index":"","hf_wpseo_meta_robots_follow":true,"hf_wpseo_meta_robots_advanced":"{}","hf_wpseo_meta_canonical_url":"","documentation_description":"","documentation_menu_text":"","documentation_related_pageid":1011,"wypo_hidden_role_wypo_users_not_logged":false,"wypo_visibility_role_wypo_users_not_logged":false,"wypo_hidden_role_administrator":false,"wypo_visibility_role_administrator":false,"wypo_hidden_role_habefast":false,"wypo_visibility_role_habefast":false,"wypo_hidden_role_customer":false,"wypo_visibility_role_customer":false,"wypo_hidden_role_habefast_manager":false,"wypo_visibility_role_habefast_manager":false,"wypo_hidden_for_role":false,"wypo_visibility_for_role":false},"class_list":["post-1367","wypo_documentations","type-wypo_documentations","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/wypo_documentations\/1367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/wypo_documentations"}],"about":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/types\/wypo_documentations"}],"up":[{"embeddable":true,"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/wypo_documentations\/1366"}],"wp:attachment":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/media?parent=1367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}