[HideElement 63,79,81 in #oe68b3e084831] [HideBlock #oc052bf959efd,#o7d6e7167f4c7] [IfAnchor #feature.overview][ShowElement 69,73,70 in #oe68b3e084831][HideElement 63,79,81 in #oe68b3e084831] [ShowBlock #o8b725d199808][HideBlock #oc052bf959efd,#o7d6e7167f4c7] [Redirect #oa55ebf683336] [/IfAnchor] [IfAnchor #demo][ShowElement 63,79,70 in #oe68b3e084831][HideElement 69,73,81 in #oe68b3e084831] [ShowBlock #o7d6e7167f4c7][HideBlock #o8b725d199808,#oc052bf959efd] [Redirect #oa55ebf683336] [/IfAnchor] [IfAnchor #how.to.implement][ShowElement 63,73,81 in #oe68b3e084831][HideElement 69,79,70 in #oe68b3e084831] [ShowBlock #oc052bf959efd][HideBlock #o8b725d199808,#o7d6e7167f4c7] [Redirect #oa55ebf683336] [/IfAnchor] [HideColumn 14,15,16 in #o7d6e7167f4c7] [HideElement 36 in #o7d6e7167f4c7] [Calc $step=1] [EmailVerification field=email reject=risky message='Your email is invalid' suggestion=yes submit=yes] [PhoneVerification field=office_phone message='Your number is invalid' submit=no line-height=33px margin-top=21px] [IfField #o7d6e7167f4c7-email not ''][ShowElement 37 in #o7d6e7167f4c7][/IfField] [IfAnchor #step.2] [ShowColumn 14 in #o7d6e7167f4c7][HideColumn 13 in #o7d6e7167f4c7][Calc $step=2] [/IfAnchor] [GetAddress #o7d6e7167f4c7-address2 hide=no language=en gkey=AIzaSyA0Q9rRphLrALSHV03z17B3lQZU6SYvagM] [HideElement 20,21,23,26,22,25 in #o7d6e7167f4c7] [IfField #o7d6e7167f4c7-address2 not ''][ShowElement 38 in #o7d6e7167f4c7][/IfField] [IfAnchor #view.fields][ShowElement 20,21,23,26,22,25 in #o7d6e7167f4c7][HideElement 18 in #o7d6e7167f4c7][/IfAnchor] [IfAnchor #hide.fields][HideElement 20,21,23,26,22,25 in #o7d6e7167f4c7][ShowElement 18 in #o7d6e7167f4c7][/IfAnchor] [IfAnchor #step.3] [ShowColumn 15 in #o7d6e7167f4c7][HideColumn 14 in #o7d6e7167f4c7][Calc $step=3] [/IfAnchor] [HideElement 28,29,30,31 in #o7d6e7167f4c7] [IfBump 34 is checked][FillBump 35 in #o7d6e7167f4c7 with unchecked][Redirect #bonus1][/IfBump] [IfAnchor #bonus1][FillCoupon "Bonus1"][ShowElement 12 in #o7d6e7167f4c7][Calc $step=4][Redirect #done][/IfAnchor] [IfBump 35 is checked][FillBump 34 in #o7d6e7167f4c7 with unchecked][Redirect #bonus2][/IfBump] [IfAnchor #bonus2][FillCoupon "Bonus2"][ShowElement 12 in #o7d6e7167f4c7][Calc $step=4][Redirect #done][/IfAnchor]
💡 ClickFix | Multistep Forms
settings

LOGIN

MultiStep Forms

ClickFix's Multistep Forms feature provides a powerful solution for creating engaging and interactive forms that can be divided into multiple steps. This feature offers a range of benefits and use cases, allowing businesses to gather comprehensive information, enhance user experience, and increase form completion rates.

  • Improved User Experience: Multistep forms break down lengthy and complex forms into smaller, more manageable steps, resulting in a smoother and less overwhelming user experience. By guiding users through a step-by-step process, it reduces form fatigue and increases engagement.

  • Higher Form Completion Rates: Dividing forms into multiple steps can significantly boost form completion rates. Users are more likely to complete a form when they perceive it as less time-consuming and complicated. Multistep forms encourage users to progress through each step, increasing the likelihood of submission.

  • Progress Tracking: Multistep forms often include progress indicators, allowing users to visualize their progress and understand how much more is left to complete. This transparency helps users stay engaged and motivated to complete the form.

  • Conditional Logic: Multistep forms can utilize conditional logic, where subsequent steps can be dynamically displayed based on user responses in earlier steps. This allows for personalized and relevant form experiences, tailoring the questions and options based on the user's previous input.

  • Comprehensive Data Collection: By breaking a form into multiple steps, businesses can collect more detailed and comprehensive information from users. Each step can focus on specific details or sections, allowing businesses to gather more precise data for analysis and decision-making.

  • Engaging Surveys and Quizzes: Multistep forms are ideal for creating engaging surveys or quizzes. Businesses can design interactive questionnaires with different sections, scoring mechanisms, or branching logic, enabling personalized feedback or results based on user responses.

  • Progressive Profiling: Multistep forms support progressive profiling, a strategy that gradually collects user information across multiple interactions. This approach allows businesses to build a deeper understanding of users over time, without overwhelming them with extensive form fields in a single interaction.

  • Enhanced Conversion and Lead Generation: The user-friendly and interactive nature of multistep forms can significantly enhance conversion rates and lead generation efforts. By optimizing the form experience and reducing friction, businesses can capture more qualified leads and drive higher conversion rates.

  • Flexible Design and Customization: ClickFix's Multistep Forms feature offers flexibility in design and customization, allowing businesses to create visually appealing and on-brand forms that align with their website's aesthetics.

Simple :

[ MultiStep #%id_of_target_block% #%trigger.anchor%]

This shortcode will :
  • Prevent the automatic redirection that occurs on Ontraport after a visitor submits the form located in the block with ID #%id_of_target_block%
  • Send the data from the form located in the block with ID #%id_of_target_block%to Ontraport.
  • Trigger your #%trigger.anchor% when the form located in the block with ID #%id_of_target_block% is Submitted.

The Shortcode [ MultiStep] can be used multiple times on a single Ontraport page, allowing for the creation of seamless multi-step experiences for visitors while still saving all data to Ontraport in case they do not reach the final step.

It's important to note that, in general, a unique identifier such as an email address from the URL is needed to identify the contact across different forms. In such cases, our [ SyncFields] shortcode can be used to help with this.

It's also noteworthy that when using shipping on an order form in a second block, the address data from the first block may not be automatically populated, so it's necessary to add and hide the address fields on the second block.

Additionally, if "Merge via cookie data" checkbox is enabled in the form settings, it can help to alleviate potential issues that may arise when using multistep forms, such as blank contact creation if fields are not properly synched.

ATTRIBUTE                                                      TYPE                                   DESCRIPTION                                                                                                                                                                                                 
%id_of_target_block%IDThe ID of the Block in which you want to prevent the Form from being automatically Redirected while still Posting its Submited Data to Ontraport.

You can save yourself some time by using our Free Chrome Plugin to find your Block's ID.

Required.

#%block_id%ShortcodeWill Execute your %[ do_something]% Shortcode upon your [ IfAnchor] being Triggered.
#%trigger.anchor%#AnchorReplace this with the Anchor Link that will be Triggered upon your Form being Submitted.

Required.

except=#anchor%ParameterWill prevent the multistep and let the form submit normally if #anchor is found in the url. Useful if you use only one block/form to.



Advanced :

[ MultiStep #%id_of_target_block% #%trigger.$variable%]

You can use your Variable $variable defined through your [ Calc] shortcodes Trigger an Anchor.
Demo
[ProgressBar x=$step y=4 height=30 color=#f7941e]
Step 1 : Contact Information
attach_money
attach_money
attach_money
attach_money
Step 2 : Your Address
attach_money
attach_money
attach_money
attach_money
attach_money
attach_money
Step 3 : Payment Information
attach_money
attach_money
attach_money
attach_money
Pick a bonus to unlock your discount
attach_money
attach_money
Loading...
Thank you for testing this demo!
chevron_right
Documentation
arrow_drop_down_circle
Divider Text
Enter Your Email Below and Join 700+ Ontraport Users on their ClickFix Journey.
If you need help to implement this into your account or you need more information, hit "Consult an Expert" down there, send your request and we'll take it from there.
arrow_drop_down_circle
Divider Text
settings
OR
chevron_right
Consult an expert
And let us figure out together if ClickFix is right for you
arrow_drop_down_circle
Divider Text

"The Team at ClickFix are the ultimate Ontraport hackers. They make the impossible possible, and have helped out a ton of our clients with their tools."

Landon Ray
Ontraport CEO

© [TheYear] ClickFix.io | Terms of Service | Privacy Policy
[bot_catcher]