Our WooCommerce checkout page solution continues to be the most popular and in-demand part of the entire funnel builder pack!
Hence this release, Funnel Builder version 2.4 - is a game-changer.
It makes checkouts by FunnelKit (formerly WooFunnels) even more powerful and modern.
As a WooCommerce user, who sells physical or digital products online - you're going to love every bit of this update.
Let's get started.
Contents
If you're a user of FunnelKit (formerly WooFunnels), you know that it wasn't exactly a cakewalk to create a global checkout.
You'd first have to add a funnel, import all the steps, keep the WooCommerce checkout and thank you step and after customizing those pages - mark them as global from the main settings.
Now we've made the process of building store checkouts or global checkouts highly intuitive.
All you got to do is - access 'Store Checkout' from the WordPress menu.
When you add a new checkout page here, Funnel Builder already knows that it's your new default WooCommerce checkout page!
You just have to click on 'Create Store Checkout' and start building your flow.
You’ll get directed to the templates screen.
Choose your page builder and click on ‘Preview’ to select the template you want.
This store checkout funnel has three steps: Checkout page, One Click Upsell and Thank You page.
Choose the number of steps you want on your WooCommerce checkout page and import the funnel.
Next, enter the name of your store checkout funnel and hit ‘Add’.
Great! Your store checkout flow is ready.
You can now customize your checkout page design, modify the form fields, add optimizations, and more. Plus, you can do the same with your upsell and thank you page.
The process of customizing your funnels remains the same.
Once you’re done, hit the toggle on the top right to enable it.
The template library continues to evolve. As promised, it's an ever-expanding library.
So when you first signed up for Funnel Builder, you had a limited number of options at your disposal. But since then we've collaborated with top-notch designers to create conversion-friendly designs.
When you're using one of our templates you can be sure of leaving a great impression on the mind of your visitors.
These templates are optimized for all types of devices and can be easily customized with different page builder tools.
15% of emails collected on the checkout page are invalid. Capturing invalid emails means you cannot reach out to abandoned cart users, can't send order confirmation emails, build post-purchase relationships, and more.
FunnelKit checkouts always had the email validation feature. The only difference was - when you tried submitting the form, the error message popped up.
But that's not the case anymore!
Now the moment a user enters their email and clicks away from the box, an error message appears in case the email is wrong or there's a typo.
Take a look:
Our goal is to make your WooCommerce checkout page look classy and modern. Of course, it needs to be very intuitive and functional.
Keeping that in mind, we now have a small country flag image right next to the phone input field.
You can enable the phone field country flags and validation from the 'Optimizations' tab when customizing your checkout page.
Having a small country flag next to the phone field reassures the users and auto-selects the country code for them when they select their country.
Also, the validation checks the phone field for errors or wrong inputs and immediately notifies them with a “Please enter a valid phone number” message.
Funnel Builder version 2.4 is packed with several checkout button enhancements to make it more appealing than ever.
Ability to add the button text and subtext
We have provided the customization feature to add or customize the text/subtext of the checkout button.
You can add any text to reassure your users of their purchase.
Show total price and icon on the Checkout button
You can now show the total cart price and icon on your checkout button.
Just enable the icon and price when editing your Checkout Form widget.
It gives a visual confirmation to the users about the exact amount that’ll be deducted, further leaving no scope for any confusion or mistake.
Add text below the buy button on the Checkout page
We have provided the option to add or customize the text below the checkout button.
You can use this space to reassure your users about secure payments or privacy policies.
We have made all the customization possible for you so that your users always leave your store with a purchase.
Your checkout should give a premium feel and seamless experience to your users.
Therefore, we have modified the element loaders on the checkout pages. All the dynamic elements on the checkout pages now load in a new, modern style.
Earlier we had a traditional spinning wheel whenever the checkout page got loaded or users interacted with it.
But all of it changes from now.
We have introduced the processing order loader to provide you with a seamless checkout experience.
Now your users don't have to double guess if they have clicked on the 'Buy' button anymore.
They will now be able to see a visual message about their order being processed once they hit the 'Purchase' button.
Shouldn’t there be one section where can I manage the complete customization of the checkout page?
You GOT it 👍
We have provided some new global settings related to customizing the fonts, primary color, content color, and more on your checkout page design.
Earlier, you had to visit separate tabs to change the font and colors for different sections such as buttons, paragraphs, sections, etc.
But all this changes now with the FunnelKit Funnel Builder 2.4.
You just have to go to the checkout form widget and configure the ‘Style’ options.
Let’s say, you want to change the font of your checkout form entirely - just change the ‘Font Family’.
As you can see we have changed our font on the checkout form:
You can even change the primary colors as well as subtext colors of all the buttons on your checkout page through one single setting.
Furthermore, you can change the primary colors and it'll get reflected on all the elements such as radio buttons, checkboxes, etc. on your checkout form.
We always strive to provide you with the freedom to do things in your style.
That’s why you now have the freedom to run one-click upsells and order bumps on your store with the help of rules.
No checkout page required!
Set up your upsells and bump offers to make them run on your Existing Native WooCommerce Checkout page.
With the FunnelKit Funnel Builder 2.4, we have now introduced the 'Setup and Help' section and the 'Automations' tab.
#1: Setup and Help
We have added the ‘Setup and Help’ section to help our users when they come across any sort of trouble while using the FunnelKit Funnel Builder.
Here, you get the ‘Getting Started’ section that will assist you to create sales funnels step-by-step.
Furthermore, we have provided the option to contact our Support team, join our community and explore our documentation, blogs or video tutorials right from this section.
#2: Automations
We have now added the 'Automations' tab on the Funnel Builder that lets you try and test automated workflows for free.
This tab makes it easier to install and activate FunnelKit Automations right from this tab.
You can now use all the free recipes, import them or create your automations from scratch and run them on your store.
Please note that it's just the Lite version - You need to upgrade to FunnelKit Automations Pro if want to use the premium features.
We have introduced some minor UI improvements throughout our checkout pages to add a modern feel to them.
#1: Coupon Section
The 'Apply Coupon' button gets active whenever users start typing anything (or pasting a coupon code) there.
We have also made improvements to style the message display when a coupon gets applied:
#2: Multistep Field Preview on Mobile
We have done a minor enhancement to style the multistep field preview on WooCommerce checkout pages for mobile devices.
Take a look:
#3: Floating Checkout Form Fields
We have added a floating effect on every field of your checkout form so that it looks smooth.
You just have to start entering any details on your checkout form and you can see the difference:
There are many other minor enhancements that are difficult to list here but we're sure you'll notice them once you start setting up your checkout pages with the Funnel Builder.
Do let us know which one's your favorite! 😊
Well, there you have it!
These were the 11 new features included in the Funnel Builder Version 2.4.
Each of these features has been developed to provide you with a seamless funnel-building experience that gets you more sales and conversions than ever before.
Plus, your checkout page looks premium and smooth.
That's why we recommend you update to the latest version of the FunnelKit (formerly WooFunnels) Funnel Builder from the dashboard.
Or if you’re not a Funnel Builder user yet, get it now >>
