To add the multi-page feature to your form, look under Other Fields options in your Form Editor and select the field Page Break. Two new elements will be added to your form: the page break element and the pagination progress bar.
To add new page breaks, duplicate the one that was added or drag new ones from the Add Field panel. Each horizontal line is the beginning of a new page in your form.
To customize the multi-page form feature, click on each oh the pages you have created and the Edit Field panel will open on the left side of the page.
Once there, you can create a Page Title for each page created. From the options available in the Layout dropdown list you can select how you want the pages to be displayed: Hidden means that no progress bar will be shown, although the form will have multiple pages. The other three options are Steps (1, 2, 3 displayed as basic text), Percentage (25%, 50%, 75%) and Pages (1/4, 2/4, 3/4).
The result is the following: when users access your multi-page form, they will see the first section/page and the button Next at the bottom, that will take them forward. The navigation can also be done towards previous pages, using the link Previous.
8 Comments
I’m trying to find or make a form that allows a customer to enter some detailed information in list or tabulated form: sequences of dates on which events occurred. I could use a drop-down list or columns but it would need to contain various dates for up to 20 variables. Do you have a product like that? I have clicked through many of your forms and cannot find one that allows for detailed input. Also I will want the form to have PayPal payment as well.
Hello Marc!
We offer 11 payment integration on our Platinum plan, including PayPal. If you want to upgrade, follow this link.
Regarding your first inquiry, you can resize your fields and place them as if they are in a tabular form. To resize a field, select it in the Form Editor and click on the second box that appears on the far right. That’s the resize option.
For further assistance, don’t hesitate to contact our Support Team at support@123formbuilder.com or via our contact form.
Thanks!
Hello. What about the results? Does the user see the results in real time? I mean if it were a hotel survey, does the user see how many else gave a good or bad review after filling up the survey forms?
Hello Maria!
You can opt to redirect your form users to a report. By default, each time the form is submitted, the form user will be redirected to a Thank You page. Follow the Reports section in our Knowledge Base here to learn more. In the Reports section of your form you can create a report that either generates a pie chart with all the answers given at that point by all your form users, or a data table and many more. While logged in your 123FormBuilder account, go to My Forms, select a form and click on Reports, highlighted below.
It’s all up to you to customize your hotel survey in any way you want. Also, don’t hesitate to contact our support specialists at support@123formbuilder.com or via our contact form if you need assistance or have further questions. Our Support Team is more than happy to help you in building powerful forms and surveys.
Thanks!
I think this would be a great feature if you allowed the partial saving of data as a user walks through a multi-step form. Not having this ability is a big shortcoming of the form.
if a user doesn’t fully complete the multi page form, do we still capture the info the user did complete? or does the user have to complete the entire multi page form before we capture any of their info?
for example: Joe finishes the 1st 4 pages of a 5 page form, but has to end his session before completing page 5 and submitting. Do we capture any of the 1st 4 pages of info so we can follow up with Joe to let him know to finish the form or ask him why he couldn’t finish? or gather the needed data via email or phone? etc…?
[…] using Next Page and Previous buttons and a progress bar will be placed at form top. Read more about page breaks and multi-page forms. Related Topics Basic FieldsAdvanced FieldsField ValidationForm LayoutForm PreviewMulti-Page […]