Topics started by infiniti7

1 Topic

infiniti7
infiniti7
posted in Uncategorized

Multi Step Form

Hi Community, I needed to implement multi-step form in one of my projects and this is what I came up with. Hope this helps the community and might fit someone’s use case. This is how the form looks like in the design view This is how it looks like when the page is published. Live URL: http://unbouncepages.com/unbounce-multi-step-form/ Please follow these steps if you want to implement this in your own landing page. Create the form as you would normally do, Add all the fields you want, setup validations, button text, styles etc. Paste the following Javascript code in “Before Body End Tag” <script> var multiStepConfig = { containerId: 'lp-pom-form-16', steps: [ [ "full_name","email_address", "phone_number", "your_comment_here" ], [ "address_line_1", "address_line_2", "city", "country" ], [ "industry", "preferred_contact_date" ] ], continueButton: 'Next Step', successMessage: 'Thank you. We have received your details and will get

0
T
2 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings