{"id":13306,"date":"2024-03-20T15:46:45","date_gmt":"2024-03-20T14:46:45","guid":{"rendered":"https:\/\/helpcenter.blendee.com\/article\/how-to-use-the-form-editor\/"},"modified":"2024-03-20T15:46:45","modified_gmt":"2024-03-20T14:46:45","slug":"how-to-use-the-form-editor","status":"publish","type":"article","link":"https:\/\/helpcenter.streamwise.it\/en\/article\/how-to-use-the-form-editor\/","title":{"rendered":"How to use the form editor"},"content":{"rendered":"\n<p><span class=\"s1\">To create the template of our form we use the editor that we can see in the photo, accessible from WebSite -&gt; Forms, in edit mode or when creating a new form.<\/span><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.01.46.png\" data-lbwps-width=\"1887\" data-lbwps-height=\"958\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.01.46.png\"><img data-original=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.01.46.png\" alt=\"\" class=\"wp-image-10656\"\/><\/a><\/figure><\/div>\n<p><span class=\"s1\"><br\/>In the left column we find all the fields that we could insert in our form and on the right the page where we can build our template.<br\/>Structuring the form will be simple. We should click on the type of field we would like to use from the list and drag it onto the blank sheet. It will be possible to drag and drop more elements to compose our layout.<br\/>To change its order, you will need to click on a single element and drag it above or below the others.<br\/><\/span><span class=\"s1\">In addition, by going over each field with the cursor, the icons necessary for managing it will appear at the top right: Delete, Edit and Duplicate.<br\/><\/span><\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.03.12.png\" data-lbwps-width=\"1608\" data-lbwps-height=\"515\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.03.12.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1608\" height=\"515\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.03.12.png\" alt=\"\" class=\"wp-image-10657\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.03.12.png 1608w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.03.12-300x96.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.03.12-1024x328.png 1024w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.03.12-768x246.png 768w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.03.12-1536x492.png 1536w\" sizes=\"(max-width: 1608px) 100vw, 1608px\" \/><\/a><\/figure>\n\n<p><span class=\"s1\">Upon <strong>modification<\/strong> it will be possible to fill in the specific details of each field, which will change according to the type.<\/span><\/p>\n\n<p>Below is the list of editor fields and what they correspond to.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"s1\">TEXTS<\/span><\/h2>\n\n<p>The first items that appear in the left side menu are:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Telephone with area code<\/li>\n\n\n\n<li>Email Address<\/li>\n\n\n\n<li>Name<\/li>\n\n\n\n<li>Surname<\/li>\n\n\n\n<li>Zip code<\/li>\n\n\n\n<li>Address<\/li>\n\n\n\n<li>City<\/li>\n\n\n\n<li>Province<\/li>\n\n\n\n<li>Region<\/li>\n\n\n\n<li>State<\/li>\n\n\n\n<li>Cellular<\/li>\n\n\n\n<li>Telephone<\/li>\n\n\n\n<li>Sex<\/li>\n\n\n\n<li>Date of birth<\/li>\n\n\n\n<li>Fidelity Card<\/li>\n\n\n\n<li>Company Name<\/li>\n\n\n\n<li>Category: Company<\/li>\n\n\n\n<li>Receive Newsletter<\/li>\n\n\n\n<li>Receive Commercials<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">COMMON FIELDS<\/h2>\n\n<p>Opening the settings for each field we find some information common to all types, let&#8217;s see them below.<span class=\"s1\"><\/span><\/p>\n\n<p><strong>Required:<\/strong> A field to check if the element in question is critical to the form. This will prevent you from continuing if the item is not completed.<\/p>\n\n<p><strong>Label: Field<\/strong> name<\/p>\n\n<p><strong>Help Text:<\/strong> You can enter a text that will be displayed in the speech bubble that appears by clicking on the Help(?) icon.<\/p>\n\n<p><strong>Placeholder: Placeholder<\/strong> displayed in the input field<\/p>\n\n<p><strong>Class:<\/strong> To be inserted for changes to CSS.<\/p>\n\n<p><strong>Value: The<\/strong> value passed with this field<\/p>\n\n<p><strong>Mapping:<\/strong> a unique term for each element, which we will then use as a filter.<br\/><br\/><span class=\"s1\">To close the details part of each item, click on the word &#8220;Close&#8221; at the bottom center of the tab.<\/span><\/p>\n\n<h2 class=\"wp-block-heading\">CUSTOM FIELDS<\/h2>\n\n<p>In the second section there are all the custom fields that the user creates in the dedicated section<br\/>Custom fields are very useful, and allow you to customize a form to the maximum, with fields that can be reused in any form. <a href=\"https:\/\/helpcenter.blendee.com\/en\/article\/how-to-create-user-custom-fields-and-import-them-to-blendee\/\" data-type=\"article\" data-id=\"7627\">They are defined at the user level<\/a>.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.45.05.png\" data-lbwps-width=\"536\" data-lbwps-height=\"910\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.45.05.png\"><img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"910\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.45.05.png\" alt=\"\" class=\"wp-image-10658\" style=\"width:222px;height:auto\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.45.05.png 536w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.45.05-177x300.png 177w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/a><\/figure><\/div>\n<p class=\"has-text-align-left\"><\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"s1\">TOOLS<\/span><\/h2>\n\n<p>Finally, the last section of available button types, in the Tools section<\/p>\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.50.00.png\" data-lbwps-width=\"536\" data-lbwps-height=\"734\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.50.00.png\"><img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"734\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.50.00.png\" alt=\"\" class=\"wp-image-10659\" style=\"width:259px;height:auto\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.50.00.png 536w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2024\/01\/Screenshot-2024-01-22-alle-15.50.00-219x300.png 219w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/a><\/figure>\n\n<p><span class=\"s1\">In this section we find the three types of buttons, already configured for a specific action of the form.<br\/><strong>Previous <\/strong>is used to go back one page on the step form.<br\/><strong>Next<\/strong> is used to move forward one page on the step form.<br\/><strong>Submit<\/strong> is used to submit the form.<\/span><\/p>\n\n<p>The <strong>Hidden Field<\/strong> element allows you to pass &#8220;service&#8221; parameters, without making their presence felt by the user. The Name detail cannot be empty and will name the input.*<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/input-hidden.png\" data-lbwps-width=\"1200\" data-lbwps-height=\"227\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/input-hidden.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"227\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/input-hidden.png\" alt=\"\" class=\"wp-image-6426\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/input-hidden.png 1200w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/input-hidden-300x57.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/input-hidden-768x145.png 768w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/input-hidden-1024x194.png 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/figure><\/div>\n<p><span class=\"s1\"><strong>The header<\/strong> is the element that allows you to insert a title or subtitle to our form. On Label we could enter the text and establish its Type by selecting from the options proposed:*<\/span><\/p>\n\n<ul class=\"wp-block-list\">\n<li>H1<\/li>\n\n\n\n<li>H2<\/li>\n\n\n\n<li>H3<\/li>\n\n\n\n<li>H4<\/li>\n\n\n\n<li>H5<\/li>\n\n\n\n<li>H6<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/intestazione-editor.png\" data-lbwps-width=\"1200\" data-lbwps-height=\"302\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/intestazione-editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"302\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/intestazione-editor.png\" alt=\"\" class=\"wp-image-6425\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/intestazione-editor.png 1200w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/intestazione-editor-300x76.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/intestazione-editor-768x193.png 768w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/intestazione-editor-1024x258.png 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/figure><\/div>\n<p><span class=\"s1\">The <strong>Paragraph<\/strong> element will allow you to insert a textual content in the appropriate area and select the type among the following:*<\/span><\/p>\n\n<ul class=\"wp-block-list\">\n<li>p (paragraph)<\/li>\n\n\n\n<li>address<\/li>\n\n\n\n<li>BlockQuote<\/li>\n\n\n\n<li>Canvas<\/li>\n\n\n\n<li>output<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/paragrafo-editor.png\" data-lbwps-width=\"1200\" data-lbwps-height=\"438\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/paragrafo-editor.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"438\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/paragrafo-editor.png\" alt=\"\" class=\"wp-image-6424\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/paragrafo-editor.png 1200w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/paragrafo-editor-300x110.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/paragrafo-editor-768x280.png 768w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/paragrafo-editor-1024x374.png 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/figure><\/div>\n<p>The <strong>privacy acceptance message<\/strong> will take care of showing the link to the privacy and a field to be flagged in order to proceed with the submission of the form and the acceptance of the data processing.<\/p>\n\n<p><span class=\"s1\"><\/span><\/p>\n\n<p><span class=\"s1\"><\/span><\/p>\n<div class=\"wrap-post-useful post_useful_13306\">\n<p><div style=\"color: black; margin-bottom: 15px;\"><strong>Was this content useful?<\/strong><\/div><\/p>\n<p class=\"post_useful_success post_useful_success_13306\">Thanks for contributing!<\/p>\n<div class=\"post-useful-buttons post_useful_buttons_13306\">\n<a href=\"javascript:;\" style=\"border:0px;\" title=\"Yes\" class=\"post-useful-vote post-useful-vote-yes\" data-id=\"13306\" data-rate=\"1\">Yes<\/a>\n<a href=\"javascript:;\" style=\"border:0px;\" title=\"No\" class=\"post-useful-vote post-useful-vote-no\" data-id=\"13306\" data-rate=\"0\">No<\/a>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>To create the template of our form we use the editor that we can see in the photo, accessible from WebSite -&gt; Forms, in edit mode or when creating a new form. In the left column we find all the fields that we could insert in our form and on the right the page where [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","format":"standard","article-category":[564,603],"article-tag":[586,604],"class_list":["post-13306","article","type-article","status-publish","format-standard","hentry","article-category-e-mail-marketing","article-category-web-site-forms-en","article-tag-email-editor-en","article-tag-form-en"],"_links":{"self":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13306"}],"collection":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13306\/revisions"}],"predecessor-version":[{"id":13307,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13306\/revisions\/13307"}],"wp:attachment":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/media?parent=13306"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-category?post=13306"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-tag?post=13306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}