{"id":3346,"date":"2023-08-21T12:00:00","date_gmt":"2023-08-21T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=3346"},"modified":"2024-03-24T17:52:56","modified_gmt":"2024-03-24T15:52:56","slug":"multi-step-forms","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/multi-step-forms\/","title":{"rendered":"Create a multistep form"},"content":{"rendered":"\n

Creating forms requires balance. On the one hand, you need to get as much information as possible from visitors, on the other hand, people don\u2019t want to waste their time filling out forms. One way to make your forms less intimidating is to divide them up into a number of steps. A form with three fields in three steps seems a lot more approachable than a form with nine fields. <\/p>\n\n\n\n

In Elementor, forms can be divided into steps by using a special field called a Step field<\/strong>. <\/p>\n\n\n\n

[callout type=”note”]For more details about forms and  form settings, see Form widget<\/a>.[\/callout]<\/p>\n\n\n\n

To create a multistep form:<\/strong><\/p>\n\n\n\n

In the example below, we\u2019ll create a two-step form.<\/p>\n\n\n\n

    \n
  1. Add the Form <\/strong>widget to the canvas. For details, see Add elements to a page<\/a>.
    \"\"
    By default, the widget creates a form with three fields – Name<\/strong>, Email <\/strong>and Message <\/strong>and a Submit <\/strong>button under the fields.
    \"\"
    We\u2019re going to make this a multistep form letting visitors add their name and email address in the first step, and a message in the second step. 
    \"\"<\/li>\n\n\n\n
  2. In the panel, click +Add Item<\/strong>.
    \"\"<\/li>\n\n\n\n
  3. In the Field <\/strong>type dropdown menu, select Step<\/strong>.
    [callout type=”note”]In the panel, this automatically creates a field called Item #1. This marks the beginning of the form\u2019s first step. There is no need to edit Item #1.[\/callout]\u00a0
    \"\"<\/li>\n\n\n\n
  4. In the panel, drag the Step field (Item #5 in this example) so that it is between the Email <\/strong>field and the Message <\/strong>field.
    \"\"
    The field now consists of two steps, one with Name <\/strong>and Email <\/strong>fields and a Next <\/strong>button underneath, and a second step with a Message <\/strong>field. along with  Previous <\/strong>and Submit <\/strong>buttons underneath. 
    \"\"
    \"\"<\/li>\n<\/ol>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    Learn how to create multi-step forms that are divided into groups of steps.<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3cfc112080f3d1c678457"],"footnotes":""},"categories":[1448],"tags":[1389,1388,1387,1390,1398],"class_list":["post-3346","post","type-post","status-publish","format-standard","hentry","category-create-forms","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential"],"acf":[],"yoast_head":"\nCreate a multistep form | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create a multistep form in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/multi-step-forms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a multistep form | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create a multistep form in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/multi-step-forms\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-21T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-24T15:52:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1336\" \/>\n\t<meta property=\"og:image:height\" content=\"729\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Create a multistep form\",\"datePublished\":\"2023-08-21T09:00:00+00:00\",\"dateModified\":\"2024-03-24T15:52:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/\"},\"wordCount\":294,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\"],\"articleSection\":[\"Create forms\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/\",\"url\":\"https:\/\/elementor.com\/help\/multi-step-forms\/\",\"name\":\"Create a multistep form | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg\",\"datePublished\":\"2023-08-21T09:00:00+00:00\",\"dateModified\":\"2024-03-24T15:52:56+00:00\",\"description\":\"Learn everything about Create a multistep form in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/multi-step-forms\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg\",\"width\":1336,\"height\":729},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/multi-step-forms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Forms\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/forms\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Create forms\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/forms\/create-forms\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Create a multistep form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a multistep form | Elementor","description":"Learn everything about Create a multistep form in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/multi-step-forms\/","og_locale":"en_US","og_type":"article","og_title":"Create a multistep form | Elementor","og_description":"Learn everything about Create a multistep form in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/multi-step-forms\/","og_site_name":"Help","article_published_time":"2023-08-21T09:00:00+00:00","article_modified_time":"2024-03-24T15:52:56+00:00","og_image":[{"width":1336,"height":729,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg","type":"image\/jpeg"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/multi-step-forms\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/multi-step-forms\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Create a multistep form","datePublished":"2023-08-21T09:00:00+00:00","dateModified":"2024-03-24T15:52:56+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/multi-step-forms\/"},"wordCount":294,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/multi-step-forms\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential"],"articleSection":["Create forms"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/multi-step-forms\/","url":"https:\/\/elementor.com\/help\/multi-step-forms\/","name":"Create a multistep form | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/multi-step-forms\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/multi-step-forms\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg","datePublished":"2023-08-21T09:00:00+00:00","dateModified":"2024-03-24T15:52:56+00:00","description":"Learn everything about Create a multistep form in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/multi-step-forms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/multi-step-forms\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/multi-step-forms\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-7.jpeg","width":1336,"height":729},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/multi-step-forms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Forms","item":"https:\/\/elementor.com\/help\/elementor-editor\/forms\/"},{"@type":"ListItem","position":4,"name":"Create forms","item":"https:\/\/elementor.com\/help\/elementor-editor\/forms\/create-forms\/"},{"@type":"ListItem","position":5,"name":"Create a multistep form"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/3346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=3346"}],"version-history":[{"count":6,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/3346\/revisions"}],"predecessor-version":[{"id":48200,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/3346\/revisions\/48200"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=3346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=3346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=3346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}