{"id":3317,"date":"2020-10-15T08:00:00","date_gmt":"2020-10-15T12:00:00","guid":{"rendered":"https:\/\/rafflepress.com\/?p=3317"},"modified":"2025-07-22T09:45:48","modified_gmt":"2025-07-22T13:45:48","slug":"how-to-create-a-multi-step-form-in-wordpress","status":"publish","type":"post","link":"https:\/\/rafflepress.com\/how-to-create-a-multi-step-form-in-wordpress\/","title":{"rendered":"How to Create a Multi-Step Form in WordPress (Without Coding)"},"content":{"rendered":"\n<p>Want to create a multi-step form in WordPress without writing code? Multi-page forms are perfect for boosting conversions and keeping users engaged, especially when you need to collect lots of information without overwhelming visitors.<\/p>\n\n\n\n<p>In this guide, I\u2019ll show you how to create a multi-step form in WordPress using WPForms. It\u2019s fast, beginner-friendly, and helps you build forms people actually complete.<\/p>\n\n\n\n<p><a href=\"https:\/\/rafflepress.com\">RafflePress<\/a> users often embed these forms in giveaways, lead magnets, and signup pages, so this guide will walk you through every step.<\/p>\n\n\n\n<p><strong>Quick steps to create a multi-step form:<\/strong><\/p>\n\n\n<ul><li><a class=\"aioseo-toc-item\" href=\"#h-step-1-create-a-new-form-in-wordpress\">Step 1: Create a New Form in WordPress<\/a><\/li><li><a class=\"aioseo-toc-item\" href=\"#h-step-2-split-your-form-into-multiple-steps\">Step 2: Split Your Form into Multiple Steps<\/a><\/li><li><a class=\"aioseo-toc-item\" href=\"#h-step-3-show-and-customize-your-progress-bar\">Step 3: Show and Customize Your Multi-Page From Progress Bar<\/a><\/li><li><a class=\"aioseo-toc-item\" href=\"#h-step-4-configure-your-form-settings\">Step 4: Configure Your Multi-Step Form Settings<\/a><\/li><li><a class=\"aioseo-toc-item\" href=\"#h-step-5-set-up-your-form-notifications\">Step 5: Set Up Your Multi-Step Form Notifications<\/a><\/li><li><a class=\"aioseo-toc-item\" href=\"#h-step-6-choose-your-confirmation-message\">Step 6: Choose Your Confirmation Message<\/a><\/li><li><a class=\"aioseo-toc-item\" href=\"#h-step-7-add-your-multi-step-form-to-wordpress\">Step 7: Add Your Multi-Step Form to WordPress<\/a><ul><\/ul><\/li><\/ul>\n\n\n<div data-schema-only=\"false\" class=\"wp-block-aioseo-faq\" id=\"aioseo-what-is-a-multi-step-form-in-wordpress\"><h2 class=\"aioseo-faq-block-question\">What Is a Multi-Step Form in WordPress?<\/h2><div class=\"aioseo-faq-block-answer\">\n<p>A multi-step form is a web form split into several chunks or sections. It typically includes features like a progress bar to help users see how long is left until the form is complete.<\/p>\n\n\n\n<p>Multi-step forms can help reduce the fatigue that comes from filling in long forms.<\/p>\n\n\n\n<p>Users are more likely to abandon a form halfway through when it is longer. Instead, you can spread the form submission process over several steps.<\/p>\n<\/div><\/div>\n\n\n\n<p>Adding more steps to a form might seem counterintuitive. If there are more steps to take, wouldn&#8217;t it put people off completing it?<\/p>\n\n\n\n<p>A multi-step form can have the opposite effect and increase your form conversions, especially if it has more than 3 form fields.<\/p>\n\n\n\n<p>Take WhatIsMyComfortZone.com, for example. They <a href=\"https:\/\/www.ventureharbour.com\/multi-step-lead-forms-get-300-conversions\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Multistep Lead Forms get 300 Conversions\">converted 53% of visitors<\/a> into leads by allowing them to submit a multi-step form in WordPress, breaking their form into multiple parts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"278\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/whatismycomfortzone-multi-step-form-conversions-1024x278.webp\" alt=\"WhatIsMyComfortZone.com converted 53% of visitors using multi-step forms\" class=\"wp-image-12202\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/whatismycomfortzone-multi-step-form-conversions-1024x278.webp 1024w, https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/whatismycomfortzone-multi-step-form-conversions-300x82.webp 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/whatismycomfortzone-multi-step-form-conversions-768x209.webp 768w, https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/whatismycomfortzone-multi-step-form-conversions-50x14.webp 50w, https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/whatismycomfortzone-multi-step-form-conversions.webp 1184w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Aside from increasing conversion rates, multi-step forms can also:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Improve focus<\/strong>: When you break down form questions, you can group them into specific topics to help users focus.<\/li>\n\n\n\n<li><strong>Minimize form abandonment:<\/strong> Website visitors are more likely to <a href=\"https:\/\/wpforms.com\/10-research-based-tips-to-improve-contact-form-conversions\/\" target=\"_blank\" rel=\"noopener\" title=\"Research Based tips to Improve Contact Form Conversions\">complete your form<\/a> when you break it down into manageable pages rather than a single long form.<\/li>\n\n\n\n<li><strong>Increase trust:<\/strong> You can create multi-step forms using <a href=\"https:\/\/wpforms.com\/conditional-logic-form\/\" target=\"_blank\" rel=\"noopener\" title=\"WPForms Conditional Logic forms\">conditional logic<\/a> to show different pages based on the user&#8217;s answers. This ensures you only collect the information you need, making users more confident by not handing over too much personal data.<\/li>\n<\/ul>\n\n\n\n<p>Now that you know the benefits of creating a multi-page form in WordPress, let&#8217;s look at the steps to build one for your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-creating-multi-step-forms-in-wordpress\">How to Create a Multi-Step Form in WordPress<\/h2>\n\n\n\n<p>The easiest way to create a multi-step form in WordPress is with one of the many <a href=\"https:\/\/rafflepress.com\/best-wordpress-plugins\/\" title=\"Best WordPress Plugins\">WordPress plugins<\/a> available. The best tool for the job is WPForms, the <a href=\"https:\/\/rafflepress.com\/best-free-wordpress-form-builder-plugins\/\" title=\"Best Free WordPress Form Builder Plugins\">best WordPress contact form plugin<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/wpforms.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"342\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/08\/wpforms.png\" alt=\"create multi step form in WordPress with WPForms\" class=\"wp-image-9419\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/08\/wpforms.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/08\/wpforms-300x184.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/08\/wpforms-50x31.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/wpforms.com\" target=\"_blank\" rel=\"noopener\" title=\"WPForms - Drag &amp; Drop WordPress Form Builder\">WPForms<\/a> is the most beginner-friendly form builder plugin and is active on over <strong>6 million websites<\/strong> and with over 12,500+ 5-star ratings on WP.org.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"381\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/wpforms-5star-reviews.png\" alt=\"WPForms 5-star reviews\" class=\"wp-image-12203\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/wpforms-5star-reviews.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/wpforms-5star-reviews-300x204.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2023\/09\/wpforms-5star-reviews-50x34.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p> It allows you to create a WordPress form for almost any purpose without code. For instance, you can create user-friendly registration forms, signup forms, survey forms, file-upload forms, order forms, and application forms.<\/p>\n\n\n\n<p>This plugin comes with a super easy drag-and-drop form builder and various form templates to make creating your forms a breeze. It also offers add-ons for payment processors like Stripe and PayPal, allowing you to accept payments on your WooCommerce store.<\/p>\n\n\n\n<p>Similarly, the builder works seamlessly with <a href=\"https:\/\/rafflepress.com\/best-drag-and-drop-wordpress-page-builders\/\" title=\"10 Best Drag and Drop WordPress Page Builders (Expert Pick)\">popular WordPress page builder<\/a> plugins like Elementor, Divi, and SeedProd. That way, you can display forms on the front end of your site without writing code or CSS.<\/p>\n\n\n\n<p>Why not check out our <a href=\"https:\/\/rafflepress.com\/wpforms-review\/\" title=\"WPForms Review\">WPForms review<\/a> to see all the details?<\/p>\n\n\n\n<p>The free version of WPForms has all the necessary features to <a href=\"https:\/\/www.seedprod.com\/how-to-create-a-contact-form-in-wordpress\/\" target=\"_blank\" rel=\"noopener\" title=\"SeedProd How to Create a Contact Form in WordPress\">make a simple contact form<\/a>. Yet, to enjoy advanced functionality such as conditional logic, <a href=\"https:\/\/rafflepress.com\/how-to-add-a-survey-to-your-website\/\" title=\"How to Add a Survey to You Website\">survey forms<\/a>, advanced form templates, and multi-step forms, it&#8217;s best to use WPForms Pro.<\/p>\n\n\n\n<p>We&#8217;ll use the pro version of the WPForms <a href=\"https:\/\/www.seedprod.com\/7-best-contact-form-plugins\/\" target=\"_blank\" rel=\"noopener\" title=\"Best Contact Form Plugins\">contact form plugin<\/a> for this tutorial, which has everything you need to create a multi-step form in WordPress.<\/p>\n\n\n\n<p>Let&#8217;s get started.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"embed-responsive  embed-responsive-16by9\"><iframe loading=\"lazy\" class=\"embed-responsive-item\"   title=\"How to Create a Multi-Page Form in WordPress with WPForms - Easy Step-By-Step Guide!\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Gtpl-1qGbH8?feature=oembed&#038;enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-create-a-new-form-in-wordpress\">Step 1: Create a New Form in WordPress<\/h3>\n\n\n\n<p>You first need to install and activate the WPForms WordPress form builder plugin on your website. Click here to <a href=\"https:\/\/wpforms.com\/pricing\/\" target=\"_blank\" rel=\"noopener\" title=\"WPForms Pricing\">get started with WPForms<\/a>, and if you need a little help, you can learn <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners\/\" target=\"_blank\" rel=\"noopener\" title=\"How to Install a WordPress Plugin\">how to install a WordPress plugin<\/a> here.<\/p>\n\n\n\n<p>Once WPForms is installed, navigate to <strong>WPForms \u00bb Add New<\/strong> from your WordPress dashboard. This reveals the form templates page, where you can choose various form types.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"399\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/contact-form-template.png\" alt=\"Create multi step form in WordPress\" class=\"wp-image-3318\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/contact-form-template.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/contact-form-template-300x214.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/contact-form-template-50x36.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>It&#8217;s easy to split any form into a multi-step form with WPForms, so let&#8217;s look at how to do that with a contact form.&nbsp;<\/p>\n\n\n\n<p>Give your new form a name and click the <strong>Simple Contact Form<\/strong> template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"394\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/simple-contact-form.png\" alt=\"Choose the simple contact form template\" class=\"wp-image-3319\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/simple-contact-form.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/simple-contact-form-300x211.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/simple-contact-form-50x35.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>After clicking, WPForms will load your template into the drag-and-drop form builder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"398\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/drag-and-drop-form-builder.png\" alt=\"Use the WPForms drag and drop form builder to create multi step form in WordPress\" class=\"wp-image-3320\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/drag-and-drop-form-builder.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/drag-and-drop-form-builder-300x214.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/drag-and-drop-form-builder-50x36.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>You&#8217;ll see that your <a href=\"https:\/\/rafflepress.com\/how-to-create-a-contact-form-in-wordpress\/\" title=\"How to Create a Contact Form in WordPress\">simple contact form<\/a> already has the <strong>Name<\/strong>, <strong>Email<\/strong>, and <strong>Comment or Message<\/strong> form fields. You can change the fields&#8217; order by clicking, dragging, and dropping them anywhere on your form.<\/p>\n\n\n\n<p>It&#8217;s also easy to add extra text fields to your form by dragging them from the left-hand panel and dropping them onto the right. You can indicate required fields by clicking a field and adjusting the settings.<\/p>\n\n\n\n<p>When you&#8217;re happy with your fields and their position, click <strong>Save<\/strong> and move on to the next step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-split-your-form-into-multiple-steps\">Step 2: Split Your Form into Multiple Steps<\/h3>\n\n\n\n<p>You need to use the Page Break form field to split your form into different stages.<\/p>\n\n\n\n<p>To do this, navigate to the <strong>Fancy Fields<\/strong> section in the left-hand panel. Then click the <strong>Page Break<\/strong> field and drag it to your form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"399\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/page-break-form-field.png\" alt=\"select the page break field to create a multi-step form\" class=\"wp-image-3321\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/page-break-form-field.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/page-break-form-field-300x214.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/page-break-form-field-50x36.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>You can then put the Page Break where you want your form to split.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"369\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-page-break.png\" alt=\"Place the page break where you want to split your form into multiple parts\" class=\"wp-image-3322\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-page-break.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-page-break-300x198.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-page-break-50x33.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>Repeat those steps for where you want your form to break into another page. After that, you can add additional fields to those sections to complete your form.<\/p>\n\n\n\n<p>You can create as many form pages as you like in WPForms. However, it would be best if you didn&#8217;t overwhelm your visitors. Try only to include requests for the information you most need. You can always collect more details later.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-show-and-customize-your-progress-bar\">Step 3: Show and Customize Your Multi-Page From Progress Bar<\/h3>\n\n\n\n<p>You might wish to show a progress bar on your forms based on your business and website needs. Progress indicators tell users which stage they&#8217;re at in your form and how much time it will take to complete it.<\/p>\n\n\n\n<p>Since most people don&#8217;t like leaving things half-finished, showing users their progress is an excellent way to spur them into finishing and submitting your form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"300\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/wpforms-progress-indicators.png\" alt=\"WPForms Progress indicator types\" class=\"wp-image-3324\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/wpforms-progress-indicators.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/wpforms-progress-indicators-300x161.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/wpforms-progress-indicators-50x27.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>WPForms has 3 different progress bars you can add to your multi-part form, including:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Connectors:<\/strong> A breadcrumb-style bar showing a connecting bar with page titles for each form section.<\/li>\n\n\n\n<li><strong>Circles:<\/strong> Individual circles with titles for each form step.<\/li>\n\n\n\n<li><strong>Progress Bar:<\/strong> This Shows users&#8217; progress through your form with a partially colored bar.<\/li>\n<\/ol>\n\n\n\n<p>Click on the First Page break section to display and customize the progress bar on your multi-step form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"369\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/first-page-progress-indicator.png\" alt=\"Click the first page break to add a progress bar to your multi-step form\" class=\"wp-image-3325\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/first-page-progress-indicator.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/first-page-progress-indicator-300x198.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/first-page-progress-indicator-50x33.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>You&#8217;ll then see a new panel in your form builder to choose your progress indicator style and color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"260\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/progress-bar-style.png\" alt=\"choose a progress bar style to customize\" class=\"wp-image-3326\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/progress-bar-style.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/progress-bar-style-300x140.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/progress-bar-style-50x23.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>If you choose the <strong>Connectors<\/strong> or <strong>Circles<\/strong> progress indicator style, you can also change the page title to show users which stage they are in your form.<\/p>\n\n\n\n<p>The <strong>Progress Bar<\/strong> style offers a regular progress bar guiding users through the steps left to complete your form.<\/p>\n\n\n\n<p>To customize the <strong>Next Page<\/strong> title and Next button that takes users to the following form section, click the <strong>Page Break<\/strong> section you inserted into your form during setup. The customization options will appear in the left-hand panel of the form builder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"214\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/page-break-page-title.png\" alt=\"Choose a page break page title\" class=\"wp-image-3327\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/page-break-page-title.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/page-break-page-title-300x115.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/page-break-page-title-50x19.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>You can also add a <strong>Previous<\/strong> button for users to go back to the page before. To do that, turn the <strong>Display Previous<\/strong> checkbox to the <strong>On<\/strong> position. You can also change the title for that button when you do that.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"374\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/customize-previous-page-button.png\" alt=\"Click the previous page break to customize the previous page title and button label\" class=\"wp-image-3328\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/customize-previous-page-button.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/customize-previous-page-button-300x201.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/customize-previous-page-button-50x33.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>When you&#8217;re happy with your page breaks and progress indicators, click the <strong>Save<\/strong> button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-4-configure-your-form-settings\">Step 4: Configure Your Multi-Step Form Settings<\/h3>\n\n\n\n<p>In this step, we&#8217;ll look at the settings for your multi-part form. First, click the <strong>Settings<\/strong> tab and select the <strong>General<\/strong> option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"367\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/multi-step-form-general-settings.png\" alt=\"general settings for your multi-step form\" class=\"wp-image-3329\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/multi-step-form-general-settings.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/multi-step-form-general-settings-300x197.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/multi-step-form-general-settings-50x33.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>You can give your form a new name and description on this screen, customize the submit button, and enable anti-spam features such as Google Recaptcha.<\/p>\n\n\n\n<p>You can also enable AJAX settings and disable storing information to comply with <a href=\"https:\/\/rafflepress.com\/best-wordpress-gdpr-plugins\/\" title=\"Best WordPress GDPR Plugins\">GDPR requirements<\/a>.<\/p>\n\n\n\n<p>Remember to click <strong>Save<\/strong> when you&#8217;re happy with your settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-5-set-up-your-form-notifications\">Step 5: Set Up Your Multi-Step Form Notifications<\/h3>\n\n\n\n<p>Now click the <strong>Notifications<\/strong> section on the left-hand side of the settings page. That section is where you can configure notifications for your multi-page form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"359\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-notification-settings.png\" alt=\"configure your form notification settings\" class=\"wp-image-3330\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-notification-settings.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-notification-settings-300x193.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-notification-settings-50x32.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>Form notifications are emails sent to you whenever users submit a form on your website. Notifications are turned on by default in WPForms, so if you don&#8217;t wish to receive email notifications, choose <strong>Off<\/strong> from the dropdown menu.<\/p>\n\n\n\n<p>You can also use Smart Tags to send an email to each user&#8217;s email address after submitting a form. This is an excellent way to reassure users that you&#8217;ve received their responses. Many users will appreciate this after taking the time to fill out a form with multiple stages. Otherwise, it could leave them wondering if the form went through correctly.<\/p>\n\n\n\n<p>If you need help with this step, you can view the <a href=\"https:\/\/wpforms.com\/docs\/setup-form-notification-wpforms\/\" target=\"_blank\" rel=\"noopener\" title=\"Set Up Form Notifications in WPForms\">WPForms documentation on setting up form notifications<\/a>.<\/p>\n\n\n\n<p>After setting up your form notifications, click <strong>Save<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-6-choose-your-confirmation-message\">Step 6: Choose Your Confirmation Message<\/h3>\n\n\n\n<p>The next step is to choose the confirmation messages for your multi-stage form. Click the <strong>Confirmations<\/strong> heading on the <strong>Settings<\/strong> page to reveal the options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"348\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-confirmation-message.png\" alt=\"Choose a confirmation message type for your WordPress multi-step form\" class=\"wp-image-3331\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-confirmation-message.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-confirmation-message-300x187.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/form-confirmation-message-50x31.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>Form confirmations let users know their form was submitted correctly and allow you to tell them the next steps they should take.<\/p>\n\n\n\n<p>In WPForms, there are 3 confirmation types you can choose:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Message: <\/strong>This is the default confirmation type and shows a simple success message when users submit their form.<\/li>\n\n\n\n<li><strong>Show Page: <\/strong>This confirmation type takes users to a different page on your website, such as a <a href=\"https:\/\/rafflepress.com\/how-to-set-up-a-thank-you-page-in-wordpress\/\" title=\"How to Set up a Thank You Page in WordPress\">thank you page<\/a>.<\/li>\n\n\n\n<li><strong>Got to URL (Redirect):<\/strong> With this confirmation message, you can send users to a page on a different website from yours.<\/li>\n<\/ol>\n\n\n\n<p>Now choose your preferred confirmation type from the dropdown menu, then customize it with your message or URLs.<\/p>\n\n\n\n<p>When you&#8217;re happy with how everything looks, click <strong>Save<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-7-add-your-multi-step-form-to-wordpress\">Step 7: Add Your Multi-Step Form to WordPress<\/h3>\n\n\n\n<p>Once you&#8217;ve created your multi-step form, it&#8217;s time to add it to your WordPress website. With WPForms, you can add your form to various places on your website. For example, a page or post, a sidebar, or inside your <a href=\"https:\/\/www.seedprod.com\/choosing-best-wordpress-theme\/\" target=\"_blank\" rel=\"noopener\" title=\"How to Choose the best WordPress Theme\">WordPress theme<\/a> with a shortcode.<\/p>\n\n\n\n<p>The most common placement is to embed your form in a WordPress post or page, so let&#8217;s look at how to do that here.<\/p>\n\n\n\n<p>First, create a new post or page in WordPress, or you can click <strong>Edit<\/strong> on an existing one. Once inside the WordPress editor, click the <strong>plus (+)<\/strong> icon to add a new content block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"276\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/add-new-content-block.png\" alt=\"click the plus icon to add a new WordPress block\" class=\"wp-image-3332\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/add-new-content-block.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/add-new-content-block-300x148.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/add-new-content-block-50x25.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>Scroll down the popup menu to the <strong>Widgets<\/strong> heading and click the <strong>WPForms<\/strong> widget to embed the block into WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"463\" height=\"317\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/wpforms-content-block.png\" alt=\"Click the WPForms WordPress block to embed it in your new page\" class=\"wp-image-3333\" style=\"width:559px;height:undefinedpx\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/wpforms-content-block.png 463w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/wpforms-content-block-300x205.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/wpforms-content-block-50x34.png 50w\" sizes=\"auto, (max-width: 463px) 100vw, 463px\" \/><\/figure>\n\n\n\n<p>Next, click the dropdown menu and select your multi-step form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"344\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/choose-multi-step-form.png\" alt=\"Select your multi step form from the dropdown box\" class=\"wp-image-3334\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/choose-multi-step-form.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/choose-multi-step-form-300x185.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/choose-multi-step-form-50x31.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>WPForms will display the form inside your WordPress editor so you can preview how it looks before publishing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"335\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/embed-multi-step-form-WordPress.png\" alt=\"Your multi-part form will display in the WordPress editor\" class=\"wp-image-3335\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/embed-multi-step-form-WordPress.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/embed-multi-step-form-WordPress-300x180.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/embed-multi-step-form-WordPress-50x30.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p>The final step is to click <strong>Publish<\/strong> or <strong>Update<\/strong> to make your form live. Here&#8217;s an example of how it will look to your users:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"310\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/WordPress-multi-step-form-example.png\" alt=\"Publish multi step form in WordPress\" class=\"wp-image-3336\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/WordPress-multi-step-form-example.png 559w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/WordPress-multi-step-form-example-300x166.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2020\/10\/WordPress-multi-step-form-example-50x28.png 50w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-multi-step-form-examples\">Multi-Step Form Examples<\/h2>\n\n\n\n<p>If you need some inspiration for your next form, check out the examples below. They all use multi-page forms to improve user experience and collect valuable data.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-1-uber\">1. Uber<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"562\" height=\"444\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Uber-Multi-page-Form-Example.png\" alt=\"Uber multi-step form example\" class=\"wp-image-9808\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Uber-Multi-page-Form-Example.png 562w, https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Uber-Multi-page-Form-Example-300x237.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Uber-Multi-page-Form-Example-50x40.png 50w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/figure>\n\n\n\n<p>Uber&#8217;s multi-step form has several stages which help to break down the lengthy form-filling process for website visitors. The first part of the form is easy to complete, and it asks for minimal information.<\/p>\n\n\n\n<p>We love the personalization question. This sets the scene for the questions in the next step. Plus, the call-to-action button makes it clear that there are more steps to complete.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-2-sprout-social\">2. Sprout Social<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"562\" height=\"516\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Sprout-Social-Multi-step-Form-Example.png\" alt=\"Sprout social multi-step form example\" class=\"wp-image-9809\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Sprout-Social-Multi-step-Form-Example.png 562w, https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Sprout-Social-Multi-step-Form-Example-300x275.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Sprout-Social-Multi-step-Form-Example-50x46.png 50w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/figure>\n\n\n\n<p>Sprout Social uses a multi-step form to help users sign up for its free trial. Since the steps are labeled above the form, users can see how many steps there are overall.<\/p>\n\n\n\n<p>We also like how each step has a clear description. This lets users know ahead of time what information they&#8217;ll need to provide.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-3-quick-base\">3. Quick Base<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"562\" height=\"531\" src=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Quick-Base-Multi-page-Form-Example2.png\" alt=\"Quick Base multi-step form example\" class=\"wp-image-9810\" srcset=\"https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Quick-Base-Multi-page-Form-Example2.png 562w, https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Quick-Base-Multi-page-Form-Example2-300x283.png 300w, https:\/\/rafflepress.com\/wp-content\/uploads\/2022\/10\/Quick-Base-Multi-page-Form-Example2-50x47.png 50w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/figure>\n\n\n\n<p>After clicking a call-to-action on its homepage, Quick Base&#8217;s visitors are faced with the above multi-step form. It&#8217;s a simple form with only 2 fields, but it&#8217;s also clear that this screen is step 1 of 2.<\/p>\n\n\n\n<p>Once visitors get this far, they&#8217;re more likely to complete the next step and finish the form. You can improve on this example by adding a coupon for extra encouragement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-multi-step-form-frequently-asked-questions\">Create Multi-Step Form in WordPress FAQs<\/h2>\n\n\n\n<div class=\"wp-block-ht-blocks-accordion wp-block-hb-accordion\"><div class=\"wp-block-hb-accordion__section\" data-ht-blocks-accordion-block-state=\"closed\"><div class=\"wp-block-hb-accordion__title\"><span>What is a multi-step form used for?<\/span><\/div><div class=\"wp-block-hb-accordion__content\"><div class=\"wp-block-hb-accordion__contentwrap\">A multi-step form is used to collect information in smaller sections. It\u2019s ideal for contact forms, registration forms, quizzes, and surveys where too many fields on one screen might overwhelm users.<\/div><\/div><\/div><div class=\"wp-block-hb-accordion__section\" data-ht-blocks-accordion-block-state=\"closed\"><div class=\"wp-block-hb-accordion__title\"><span>Do multi-step forms increase conversions?<\/span><\/div><div class=\"wp-block-hb-accordion__content\"><div class=\"wp-block-hb-accordion__contentwrap\">Yes. By breaking long forms into steps, users are more likely to complete them. Studies show multi-step forms can boost conversions\u2014especially for forms with 3 or more fields.<\/div><\/div><\/div><div class=\"wp-block-hb-accordion__section\" data-ht-blocks-accordion-block-state=\"closed\"><div class=\"wp-block-hb-accordion__title\"><span>Can I make a multi-step form without coding?<\/span><\/div><div class=\"wp-block-hb-accordion__content\"><div class=\"wp-block-hb-accordion__contentwrap\">Absolutely. With WPForms or similar drag-and-drop plugins, you can build multi-page forms in WordPress without writing a single line of code.<\/div><\/div><\/div><div class=\"wp-block-hb-accordion__section\" data-ht-blocks-accordion-block-state=\"closed\"><div class=\"wp-block-hb-accordion__title\"><span>Which plugin is best for multi-step forms in WordPress?<\/span><\/div><div class=\"wp-block-hb-accordion__content\"><div class=\"wp-block-hb-accordion__contentwrap\">WPForms is one of the best options. It offers a simple drag-and-drop builder, page break support, progress bars, conditional logic, and payment integrations\u2014all in one plugin.<\/div><\/div><\/div><\/div>\n\n\n\n<p>That&#8217;s it!<\/p>\n\n\n\n<p>We hope this article helped you learn how to create a multi-step form in WordPress. Even better, you didn&#8217;t have to touch a single line of code!<\/p>\n\n\n\n<p>While you&#8217;re here, you might also like this comparison of the <a href=\"https:\/\/rafflepress.com\/best-lead-generation-software-and-tools\/\" title=\"Best Lead Generation Tools\">best lead-generation tools<\/a> to grow your business.<\/p>\n\n\n\n<p>And don&#8217;t forget to follow us on <a href=\"https:\/\/www.youtube.com\/channel\/UCPtN7xV_892Pa6AcoOYzbAg\" target=\"_blank\" rel=\"noopener nofollow\" title=\"RafflePress on YouTube\">YouTube<\/a>, <a href=\"https:\/\/twitter.com\/rafflepress\" target=\"_blank\" rel=\"noopener nofollow\" title=\"RafflePress on Twitter\">Twitter<\/a>, and <a href=\"https:\/\/www.facebook.com\/rafflepress\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"RafflePress on Facebook\">Facebook<\/a> for more great tips to grow your business.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to split long forms into multiple steps? We&#8217;ll show you the easy way to create a multi-step form in WordPress without needing to code.<\/p>\n","protected":false},"author":6,"featured_media":6672,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"limit_modified_date":"","last_modified_date":"2023-12-22T05:15:26","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[8],"tags":[2205,2214,2202],"class_list":["post-3317","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-how-to-create-a-contact-form-in-wordpress","tag-how-to-create-a-multi-step-form-in-wordpress","tag-wpforms"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/posts\/3317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/comments?post=3317"}],"version-history":[{"count":9,"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/posts\/3317\/revisions"}],"predecessor-version":[{"id":15839,"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/posts\/3317\/revisions\/15839"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/media\/6672"}],"wp:attachment":[{"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/media?parent=3317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/categories?post=3317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rafflepress.com\/wp-json\/wp\/v2\/tags?post=3317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}