How To Create Two-Step Checkout Forms In Ontraport
settings

LOGIN

How To Create Two-Step Checkout Forms In Ontraport
Hey Ontraconverts, did you know that:

“As much as 83.6% of people who make it to your checkout page STILL WON’T end up buying?”

According to some studies, a “long & confusing” checkout process is 1 of the top 5 reasons people don’t complete the process accounting for roughly 18% of the abandons.

Let me put that into context for you…

If you get 10,000 people to your checkout page every year, roughly 1500 of them will leave without giving you any moolah primarily because of the checkout process you have in place.


If you’re talking about a $100 product, that’s $150,000 you can kiss goodbye!

Thankfully, Ontraport allows us to use progressive forms to break up the steps and (theoretically) help to combat cart abandonment on our pages.

But what about those who fear things like load times or putting the checkout into popups will negate the conversion bump… or worse… lower it even more?

Well that’s where something like the ClickFix shortcode engine comes in…

Check out these two examples of multistep forms built completely in Ontraport.

The first is from a client that wanted to test if breaking up the form would lift conversions on his free plus shipping offer.

The “steps” are simply text elements with icons that were duplicated 3 times so I could change the colors to simulate progression from one to the other.

Then I put all of the fields and other elements where I wanted them to go and began using shortcodes to show/hide things based on which “step” someone was on using the [Page//IfAnchor] shortcode to trigger visibility.

The second example is just one I whipped up for all of those (ex) ClickFunnels fans out there.

You should recognize the layout from Russel’s free + shipping funnels.

This page was done the same way, except that the step “tabs” at the top of the order form were created in Photoshop.

The principle is the same though.

The prospect fills out the fields for step 1, then clicks the button to proceed to step 2 where they can then provide their payment details.

The only disadvantage I can see to doing forms like this would be that the information from the steps before they click the submit button isn’t actually being captured.
But there you have it…

A quick and easy solution for any of you who want to split-test multistep forms on your checkout pages to see if it gets you a lift.




JOIN THE ONTRAPORT EXPERTS

or
chevron_right
Consult an expert

Grab your FREE FOR LIFE account to try the shortcode system today. Immediate access. No credit card required.

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