Unlock the Secrets to Customizing Your ClickFunnels 2.0 Checkout Page!
Channel: Dan Havey
Date: 2023-08-01

Original Voomly Sales Page: https://www.voomly.com/vc-checkout

For More Training on ClickFunnels 1.0 and 2.0, Membership Sites, Courses and Custom Code Hacks - Go To https://CFninjas.com

Check out the One Funnel Away Challenge here… https://funneldesignmastery.com/ofa-challenge

Welcome back, everyone! This is Dan Havey with CF Ninja Hacks, and today we're diving into a detailed step-by-step guide on how to customize your checkout page in ClickFunnels 2.0 using the Voomly sales page as our example. Someone in one of our groups had a question about the dynamic display of plan levels, and I've reverse-engineered the process to show you exactly how to set this up. Trust me, it’s a bit intricate, but once you get it down, it's pretty cool!

First, let’s look at the Voomly sales page setup. This example shows how changing plan levels can make different options appear dynamically. I replicated this to ensure accuracy. Russell's version shows everything tallying up to zero because of a 30-day free trial, which I copied, including all the text, to make sure everything lined up. For instance, the basic level shows $9 per month, and this amount reflects at the bottom of the page, both for monthly and annual plans. It's crucial that all the information you input into ClickFunnels flows correctly into these displays.

Next, let's go through the product creation process. Begin by naming your product and setting up pricing options. ClickFunnels allows you to set various price levels and options, which will then populate dynamically on your checkout page. For example, in my setup, the Voomly Light plan is free, so I entered zero dollars and set it to be free every month. The Voomly Plus plan, however, has two pricing variations—monthly and annual. I copied the text for these variations to ensure they reflected correctly on the page. Adding asterisks helped me verify the correct setup during the process.

Once you've established your product name and pricing, move on to setting options. These options will populate the drop-down lists for customers to choose from. In my case, I used plan levels like Light, Basic, and Plus. You’ll enter these options in ClickFunnels and then configure the variants. These variants will automatically populate based on the options you set. For instance, each plan level will show its specific description and pricing when selected.

After configuring options and variants, it's time to link everything to your order form. On your order form page, make sure you manage your product settings accurately. This includes linking the correct product and setting visibility for each pricing option. You can also override images and descriptions for each variant if needed. For example, changing the image for the Basic plan to a different picture can help visually differentiate between plans on your checkout page.

Finally, don't forget to update the included product settings on your order form. This step ensures that your checkout page dynamically displays the correct pricing and options. Each plan level should show its respective pricing options, and these should match the selections customers make. By following these steps, you’ll have a fully functional, customized checkout page that dynamically adjusts based on user selections.

I hope this walkthrough helps you set up your ClickFunnels checkout page with ease. It took me a couple of hours to figure it all out, but with this guide, you should be able to get there much quicker. If you have any questions or run into issues, just let me know. Happy funnel building!