If you sell products online, you need FunnelKit (formerly WooFunnels) to build an Elementor sales funnel on your WordPress website to maximize sales.
A sales funnel guides the prospects through a clearly defined path that converts them into paying customers.
Each step filters out the disinterested users and only retains the true prospective buyers on the website.
Once you’ve built your Elementor sales funnel, you can also track and know which steps of the funnel are working and converting as intended, and which ones have room for improvement.
You can then focus on improving the overall appeal and worth of your sales funnel to increase conversion rates and ultimately boost your average order value (AOV).
In this article, we’ll dig deeper and see exactly how you can design your Elementor sales funnels to increase the store's conversion rates and AOV.
This would ensure so that you’re not building just any sales funnel with Elementor but one that’s designed to convert.
Before we tell you how to build a sales funnel with Elementor, let’s take a closer look at some businesses that have built their winning sales funnels with Elementor:
Marvin Coffman uses a one-step checkout page, order bumps, and one-click upsells on his WordPress website to create a high-converting WooCommerce sales funnel that makes $2,000 per month extra for him.
Check out the full case study to see how Marvin used FunnelKit (formerly WooFunnels) Funnel Builder to build a high-converting sales funnel in Elementor.
In this section, we’ll show you how to create an Elementor sales funnel that helps you increase conversions on your online business site and boost AOV.
For this tutorial, we’ll use the FunnelKit (formerly WooFunnels) Funnel Builder on our WordPress website. We’re also using the powerful Elementor page builder to create a high-converting, visually-appealing sales funnel.
If you want advanced editing capabilities, you can even use Elementor Pro to build the sales funnel in FunnelKit (formerly WooFunnels).
Now, if you haven’t done so already, get FunnelKit (formerly WooFunnels) and install it on your WordPress website.
Then let's get started!
When you're using the Sales Funnel plugin, you can quickly import one of the many pre-built templates available for specific sales funnels into WordPress.
For example, you can create an opt-in funnel, free plus shipping sales funnel, or a self-liquidating funnel.
Once that’s done, you can customize them to fit your brand aesthetic by editing them using Elementor.
Here’s what you need to do to set up a sales funnel in FunnelKit (formerly WooFunnels):
Go to FunnelKit (formerly WooFunnels) → Funnels from the WordPress admin panel and click the Add New button.
Next, select Elementor and Sales to view the pre-designed sales funnel templates. You can preview the available sales funnel templates and click on the Import button to start using the one you like.
You’ll notice that a complete sales funnel – with a sales page, checkout page, upsell page, and thank you page – will be imported for you to start working on.
Pre-built templates make it easy to get started quickly. You simply have to modify the template’s design to get a unique look and feel that goes well with your brand.
The next step is to start customizing the sales funnel pages to match your branding. The best part is that you can do all of this using Elementor.
Click the Edit link (the pencil icon) next to the page you want to start editing.
Then, click the Edit button to start customizing the sales funnel page in Elementor.
For instance, you can modify buttons, change typography, create dividers, add text, and much more.
Once you’ve customized the sales page on your Elementor sales funnel, click the Update button to proceed.
It’s important to have the right elements on the landing page or the sales page of your Elementor sales funnel.
Let’s take a look at some of the elements of a winning landing page to help inspire you:
Why should the customers buy from you? How is your product any different from the other competing products?
Use your landing page to highlight your product's or service’s unique selling proposition clearly. You can break it down and showcase the reasons like this on the page:
This helps prospects scan through easily and understand your product before make an informed buying decision.
List the benefits of your product or service from the customer’s point of view.
So, instead of saying “Buy our face mask”, you might want to say something like “Get glowing skin with the BeeHive Face Pack”.
Such words excite the prospects about the product and its end results.
You can add social proof to landing pages on your Elementor sales funnel to build trust among the users.
These social proofs can be testimonials, product reviews, or star ratings.
It’s also a good idea to display customer photos with their reviews to put a face to the name and humanize your brand.
Make sure your landing page has a clear call to action button that tells the visitor exactly what they need to do next.
If you sell products, this button could direct them to the checkout page. And if you sell services, the call to action could lead them to a registration form.
The Sales Funnel plugin automatically creates a one-page checkout for you. You can access it by going to FunnelKit (formerly WooFunnels) → Funnels from the dashboard and clicking on your sales funnel. It should be called Checkout.
Using FunnelKit (formerly WooFunnels), you can customize the checkout page in Elementor by clicking the Edit button and following the steps we outlined in Step #2.
Once that’s done, you can add one or more products to the checkout page. Here’s how you do it:
Head over to the Products tab and click the Add Product button.
Select the product you want to sell and click the Add Product button to continue.
Next, you can enter an amount to offer a fixed amount discount or percentage discount. You can also set the quantity.
In addition to this, you can click on the Add Product button again to add multiple products to the cart at once.
When you’re done, click the Save changes button to continue.
Also, you can always go back and edit your checkout page or sales funnel in Elementor whenever you’d like.
One of the greatest features of an Elementor sales funnel is that you can make offers to your customers at different stages of their purchase journey.
FunnelKit (formerly WooFunnels) lets you do this by adding order bumps and one-click upsells to your sales funnel. This is a great way to increase your AOV.
Order bumps are perfect when you want to show complementary product offers on the checkout page in your sales funnel.
Customers can add them to their cart with one click. For example, if you sell face masks then under-eye patches make for an excellent order bump offer.
Here’s how you can add order bumps to your Elementor sales funnel:
Go to your Elementor sales funnel and click the (+) Order Bump link.
Give the order bump a name and click the Create button. Next, click the Edit button next to the order bump you just created to begin customizing it.
Click the Add Product button and select the product you want to offer as an order bump.
Same as before, you can offer a discount – either a fixed discount or a percentage discount – and enter the quantity.
Click the Save changes button to continue.
That’s it! The order bump is created. To take things further, you can go to the Design tab to customize how the order bump appears on the front end.
You can also go to the Rules tab to set up conditions that trigger the order bump.
WooCommerce Upsells are perfect for when you want the customers to explore and purchase other relevant items you have to offer in your store.
For example, if you’re selling face masks, you can offer a bundle of three face masks for a special price.
The Elementor sales funnel creates an upsells page for you.
Click the Add Product button to add the product you’d like to upsell. You can add as many products as you’d like to each upsell offer you create.
Click the Save changes button to continue. Using WooFunnnels, you can create multiple upsell offers for each product you’re selling.
Similar to order bumps, you can create rules to decide when to display the upsell offer. To do this, head over to the Rules tab.
Finally, you can go to the Design tab to customize the look and feel of the upsell offer using Elementor.
Once done, your Elementor sales funnel will be ready to go!
Using FunnelKit (formerly WooFunnels) and Elementor, you can create high-converting, visually appealing sales funnels for your WooCommerce store in no time. It’s perfect for selling both physical and digital products and services.
The FunnelKit (formerly WooFunnels) Funnel Builder plugin makes it easy for store owners to increase conversions and boost AOV by creating a one-page checkout experience and setting up one-click order bumps and upsell offers.
Wish to create an Elementor sales funnel for your online store as well? Create one with the FunnelKit (formerly WooFunnels) Funnel Builder plugin.
Get your hands on FunnelKit (formerly WooFunnels) today and get designing!