Title: Create multistep forms Last modified: July 13, 2022 --- # Create multistep forms * Resolved [patrick2997](https://wordpress.org/support/users/patrick2997/) * (@patrick2997) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/) * I just checked the demo and really like the plugin. I’m thinking about buying it. However, I couldn’t find a way to make the forms multi-step. How can I make my forms multi-stepped? * Along with that, how do I add a skip button that lets me skip to the next step of the multi-step form. - This topic was modified 3 years, 10 months ago by [patrick2997](https://wordpress.org/support/users/patrick2997/). Viewing 11 replies - 1 through 11 (of 11 total) * Plugin Author [Mark Westguard](https://wordpress.org/support/users/westguard/) * (@westguard) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15822144) * Hi Patrick * Thanks for your inquiry. * To create a multi-step form you can use tabs. You can learn more about using tabs here: * [https://wsform.com/knowledgebase/tabs/](https://wsform.com/knowledgebase/tabs/) * To create a skip button you could use a ‘Next Tab’ button: * [https://wsform.com/knowledgebase/tab_next/](https://wsform.com/knowledgebase/tab_next/) * In addition to using tabs, you can also use our conditional logic to make sections visible/hidden based upon answers to other questions. Conditional logic is a feature of our PRO edition. This is another way our users break forms into steps. You can learn more about conditional logic here: * [https://wsform.com/knowledgebase/conditional-logic/](https://wsform.com/knowledgebase/conditional-logic/) * Thanks * Mark * Thread Starter [patrick2997](https://wordpress.org/support/users/patrick2997/) * (@patrick2997) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15833383) * Hello Mark, * Thanks for the help. I suggested the form to my client and he has purchased it. * I have one more simple issue to be solved. I want the data from the previous tab into the next tab. For example: I have two radio buttons in the first tab. I want the value of the label of the radio button that was selected in the first tab transported to a field in the second tab. Is this possible or do I have to do my own custom coding? * Plugin Author [Mark Westguard](https://wordpress.org/support/users/westguard/) * (@westguard) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15833388) * Hi [@patrick2997](https://wordpress.org/support/users/patrick2997/) * You can do that with conditional logic or if you just want the radio value to appear in the next tab, e.g. in a text editor field, you could use this method: * [https://wsform.com/knowledgebase/duplicate-copy-field-values-with-text/](https://wsform.com/knowledgebase/duplicate-copy-field-values-with-text/) * To learn more about conditional logic: * [https://wsform.com/knowledgebase/conditional-logic/](https://wsform.com/knowledgebase/conditional-logic/) * Many thanks * Mark * Thread Starter [patrick2997](https://wordpress.org/support/users/patrick2997/) * (@patrick2997) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15834173) * Hi, * It worked. Thanks for the help. This is the best support I’ve received from any plugin. Will ask again if I need help. - This reply was modified 3 years, 10 months ago by [patrick2997](https://wordpress.org/support/users/patrick2997/). * Plugin Author [Mark Westguard](https://wordpress.org/support/users/westguard/) * (@westguard) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15836082) * You are very welcome and thank you for your purchase of our PRO edition! * Our PRO support channel can be found here: [https://wsform.com/support/](https://wsform.com/support/) * Thread Starter [patrick2997](https://wordpress.org/support/users/patrick2997/) * (@patrick2997) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15837355) * Hi Mark, * When I add the shortcode for the form somewhere, it changes the ID of the components of the form. I don’t want this to happen. How can I avoid it? * I was researching and found out that every field has a unique field value that doesn’t change. How can I grab that using javascript. Currently, I am using javascript to grab the ID of the field but I didn’t know they would change when placing in different pages. - This reply was modified 3 years, 10 months ago by [patrick2997](https://wordpress.org/support/users/patrick2997/). * Plugin Author [Mark Westguard](https://wordpress.org/support/users/westguard/) * (@westguard) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15837456) * Hi Patrick * The only way an ID might change would be: * – If there are multiple instances of a form on a page – If you have exported and imported the form and it was assigned new ID’s * Any elements on a web page have to have unique ID’s, you cannot have duplicate ID’s, so if you place multiple forms on a page, we will change the ID of the fields and other form components to ensure we comply with this rule. * For example, our ID for fields have the following format: * wsf-[instance_id]-field-[field_id] * The instance ID is 1 for the first form, 2 for the second form on the page, etc. All of the ID’s we generate are unique to avoid any kind of overlap between forms on a page. * This is why we recommend using your own class names if you want to target specific fields with your own CSS and/or JavaScript. So rather than using the ID’s I’d suggest adding section or field classes and then target those. You can do that by clicking on the ‘Advanced’ tab when editing a section or field and entering a class name under the ‘Classes’ settings. * I’m not sure what you mean by ‘grab that by using JavaScript’. We don’t provide custom coding support but if you need to target a particular field then adding your own class name and targeting that would be the best thing to do. * Many thanks! * Mark * Thread Starter [patrick2997](https://wordpress.org/support/users/patrick2997/) * (@patrick2997) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15840928) * Thanks. * I am currently experiencing a weird issue where I can’t disable a button. For the Next Tab button, I went to advanced and restrictions and ticked the option named disabled. It even shows a disabled icon in the edit form page but when I preview or open the page, the button is not disabled. Is there something that I’m missing? * Plugin Author [Mark Westguard](https://wordpress.org/support/users/westguard/) * (@westguard) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15840931) * Hi Patrick * I tested this feature and it is working correctly. * To assist you further could you please send me an export of your form via our support page? * [https://wsform.com/knowledgebase/import-export/](https://wsform.com/knowledgebase/import-export/) * [https://wsform.com/support/](https://wsform.com/support/) * Thanks * Mark * Thread Starter [patrick2997](https://wordpress.org/support/users/patrick2997/) * (@patrick2997) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15841157) * Hello, * I can’t find the export button next to the import button. What could be the reason? The form is added in the staging site. * Update: After using conditional logic, it is disabled but the color stays the same, instead of showing the grayish disabled color. - This reply was modified 3 years, 10 months ago by [patrick2997](https://wordpress.org/support/users/patrick2997/). * Plugin Author [Mark Westguard](https://wordpress.org/support/users/westguard/) * (@westguard) * [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15843547) * Hi Patrick * This support page is for the LITE edition of WS Form. For PRO support (e.g. for questions about conditional logic) please use our support page for requests: * [https://wsform.com/support/](https://wsform.com/support/) * The export button can be found at the top of the layout editor next to the import button. There are no conditions when that button would not appear. You can also export the form from the forms list page, simply click the ‘Export’ link next to the form. Both methods will export the form so that we can take a look at it for you. * Many thanks! * Mark Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Create multistep forms’ is closed to new replies. * ![](https://ps.w.org/ws-form/assets/icon-256x256.jpg?rev=2834651) * [WS Form LITE - Drag & Drop Contact Form Builder](https://wordpress.org/plugins/ws-form/) * [Frequently Asked Questions](https://wordpress.org/plugins/ws-form/#faq) * [Support Threads](https://wordpress.org/support/plugin/ws-form/) * [Active Topics](https://wordpress.org/support/plugin/ws-form/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/ws-form/unresolved/) * [Reviews](https://wordpress.org/support/plugin/ws-form/reviews/) ## Tags * [forms](https://wordpress.org/support/topic-tag/forms/) * 11 replies * 2 participants * Last reply from: [Mark Westguard](https://wordpress.org/support/users/westguard/) * Last activity: [3 years, 10 months ago](https://wordpress.org/support/topic/create-multistep-forms/#post-15843547) * Status: resolved