Introducing WooCommerce Cart by FunnelKit: Enable Faster Checkout & Drive More Sales

Editorial Team
March 13, 2023
Introducing WooCommerce Cart by FunnelKit: Enable Faster Checkout & Drive More Sales

This is an exciting piece of news!

You’ve been wanting to modify your WooCommerce cart page. Maybe have even been asking on forums:

“How can I customize the WooCommerce shopping cart?”

“Any CSS tricks?”

You know the conventional cart page doesn’t look up to the mark and is definitely not optimized for conversions.

But with the all-new FunnelKit cart, you don’t need to worry.

The newly-launched FunnelKit Cart’s Lite (free) version is available for free on WordPress.org. Upsells and rewards are available to all users of Plus plan and above.


When a user clicks on the cart icon on the website, a cart slides showing them cart items, cart total, rewards available, and more!

The new FunnelKit cart will not only get more people to complete their purchases but do so at higher order values.

We're beyond excited to launch FunnelKit Cart for people who are looking to get more sales than ever before.

Let’s dive in.

Why We Built the FunnelKit Cart?

In 2018, we launched our checkout page solution. The goal was simple - swap your default checkout page with beautifully designed, trustworthy, and modern checkouts by FunnelKit.

With our professional templates, such as Minimalist, Classic, and Shoppe, we’ve been continuously upping the game.

But a lot of you asked us:

“Hey! You have amazing checkout pages and thank you pages. Is there any solution for WooCommerce cart pages as well?”

The truth is we could have built yet another cart page modification plugin and added one more to the already existing repository of such plugins.

But we decided to go beyond that. 

We studied some kickass, high-converting stores to see how they were minimizing friction and driving more sales. 

Finally, we found a seamless add-to-cart experience for users, i.e. the slide-out cart.

We were fascinated by the idea of having the cart accessible at the shoppers' fingertips at all times. 

We knew that you didn't want yet another WooCommerce side cart plugin, you wanted the ultimate add-to-cart experience for your users. 

You wanted a smart in-cart recommendation system to offer relevant product suggestions as your users went about their shopping.

You didn't want a run-of-the-mill thoughtless plugin. So didn't we!

That is what the FunnelKit Cart is all about!

How the FunnelKit Cart Works?

FunnelKit Cart is a modern WooCommerce side cart plugin built to provide a seamless user experience.

If a user clicks on add to cart button, the cart would slide in from the side instead of redirecting them to the cart page. From here, users can modify the cart contents and go directly to the checkout page and complete their purchase.

how funnelkit woocommerce cart works

When you’re on the FunnelKit Cart dashboard, you will see five sections.

The Cart Icon Display

Decide where you want the cart icon to show up - on the entire website, WooCommerce pages, or the icon can be hidden. In case you want to hide the side cart icon for WooCommerce, you can append it to the header or footer menu. The related settings are in the cart menu section.

FunnelKit Cart icon visibility and display position

The cart menu section lets you add the cart to a menu or embed it on a page via the cart shortcode.

You can configure the icon display settings when adding the cart to a menu or embedding it on a page on your website.

FunnelKit Cart - cart menu section

This way it allows your cart to get the best display position in your store.

Append the cart to your site menu

Customizable Cart

FunnelKit’s smart slide-out cart lets you set up and configure your WooCommerce shopping cart the way you want. This means you’ll be able to customize your cart’s display, heading, position, coupon section, checkout button, and more - all with a single click.

WooCommerce Cart customizations

It gives you all the standard functionalities that you want to show in your WooCommerce side cart.

Add Upsells and Cross-sells

Choose what upsells and cross-sells you'd like to display that users can add. Each item can have different recommendations.

Furthermore, if a product doesn’t have any associated upsell or cross-sell, FunnelKit Cart provides you with the option of Default Upsells.

Show upsells and cross-sells as recommended products

WooCommerce lets you add upsells and cross-sells under the Linked Products section on individual product pages.

You can always add them on individual product pages, in fact, you may already have those defined in your store. If not, you don’t have to go to each page separately.

With FunnelKit Cart, you can now add them from a single interface with ease.

We have covered it in detail later in this post.

Configure Rewards as Incentives

75% of customers are likely to make another purchase after receiving an incentive or reward. That’s why rewards encourage shoppers to buy and even build brand loyalty.

These can be like milestones. For hitting a certain milestone in customer spend, unlock a bonus.

For example - when your shopper spends $50, they get free shipping. But, if they spend $25 more, they will receive a free gift.

FunnelKit lets you set up a total of 3 different rewards:

  • Free shipping
  • Discount coupon
  • Free gift

It gamifies your users’ shopping experience and nudges them to continue shopping. Here’s how to set it up here:

Configuring Rewards as Incentives

This is how it looks on the front end:

FunnelKit Cart - rewards front-end screen

These kinds of rewards encourage shoppers to buy more than ever.

Cart Section Styling

Make your WooCommerce side cart and icon on-brand with FunnelKit’s myriad of styling options.

Use your brand colors to blend the cart and icon with your WooCommerce store. You can change the color of the text, the button, the upsell background, and more.

Customize your cart on brand

Multilingual Compatibility

Having a multilingual store and serving people across nations is quite common. Therefore, FunnelKit Cart is compatible with multilingual plugins such as WPML, Polylang, TranslatePress and Weglot.

If you have multi-languages activated in your store, you’ll see an additional Language section.

Multi-Language compatibility

Here you can write the translation text for different languages you have in your store.

Just select the additional language in your store and write translations for different fields.

Add translation text

The user from the respective region will see their cart in the translated text.

6 Ways How FunnelKit Cart Can Boost Your AOV

We at FunnelKit always stay true to our core values - help WooCommerce entrepreneurs to run their businesses profitably.

And with FunnelKit Cart, we want to help you boost the average order value in your store.

FunnelKit Cart is not just a smart WooCommerce side cart but also a powerful addition to your eCommerce marketing arsenal that lets you make more money from each sale.

1. Faster Route to Checkout

According to Baynard’s survey, 26% of shoppers abandon their carts due to the long and complex checkout process.

This is 2023, and convenience is everything.

If you provide a convenient and easy checkout process to your customers, you WIN!

FunnelKit Cart shortens the user’s path from the product page to the checkout page. Our WooCommerce side cart just slides in coolly whenever the user hits 'add to cart'. Thus, preventing cart abandonment.

woocommerce cart for faster checkout journey

This prevents the user from leaving their shopping abruptly and suddenly landing on one page that again says - 'add to checkout'.

Your user can also input their discount code there and then make a buying decision quickly.

2. Seamless User Experience While Boosting AOV

One of the biggest drawbacks of the default WooCommerce cart page is that it does not allow you to make upsell offers.

FunnelKit Cart lets you display your premium products right on the slide-in checkout. This again shortens the user’s shopping journey as you don’t have to point them to a dedicated upsell/cross-sell page.

You can display multiple upsells in different styles and even customize their background in the styling tab.

boost AOV with on-page upsells

3. One Place to Manage All Upsell and Cross-Sell Offers

Under the Products and Upsells section, you can add upsell and cross-sell offers for individual products.

Now, of course, WooCommerce gives you the option to add upsells/cross-sells under linked products. But for that, you have to visit every single product page and link the upsell and cross-sell items.

Here, you can do that by clicking on the product name and associating the related items.

  1. Add Upsell Offers

An upsell is a sales strategy that encourages customers to purchase a more expensive, upgraded, or premium version of the selected item.

The idea is to get them to increase their spending. FunnelKit Cart lets you make those premium upsell offers when the user adds an item to their cart.

  1. Add Cross-Sell Offers

Cross-selling encourages the purchase of anything in conjunction with the primary product.

For example, if a customer has added sneakers to their cart, you can pitch durable extra soles or a cleaning kit.

Products - upsells and cross-sells inside WooCommerce side cart

4. Add Product Variations from the Cart Itself

Imagine how convenient it would be to let shoppers add a specific product variant to their cart from the recommended items. For example, a 100mg ointment or an orange mug.

Well, you got it!

FunnelKit Cart lets you present your variable products right inside the cart. The shopper can change the variety in the cart itself. No need to visit the cart page or the product page.

The UI is user-friendly and makes it easy to pick variants and add them to the cart.

You can even add variable products as an upsell/cross-sell offer and let your users choose from available varieties - right inside the cart.

Allow Shoppers to Choose Variables inside FunnelKit's WooCommerce side cart

The main goal here is to simplify the adding-to-cart experience and reduce the clicks it takes for the shopper to go to the checkout page.

Allow Shoppers to Choose Variables on the Checkout Page - 2

Now, your buyers can choose variants right from their cart.

5. Gamify the Shopping Experience with Rewards

Gamification refers to the use of elements, mechanics, and design from games in non-game settings. The main goal is to make the experience more exciting and rewarding for the users.

Retailers use gamification for a variety of reasons. Gamification is typically used to increase engagement, paving the way for other goals.

With FunnelKit Cart, you can gamify your user’s shopping experience by adding a reward system.

So there are three types of rewards that you can offer through your WooCommerce side cart:

  • Free Shipping: Encourage buyers to add more items to their cart to enable free shipping. To enable the free shipping reward, you need to set it from the WooCommerce shipping backend. Add the free shipping method to the zone you serve. Then, specify the minimum amount to set the value threshold for free shipping. Refer this guide to set up free shipping.
  • Discount: Who doesn’t love discounts? Set discounts that auto-apply when the customer spends a certain amount
  • Free Gifts: One of the most popular rewards that customers love - a free gift with their purchase. Please note that you can offer a product in your store as a gift. Thus, it must be added to the product catalog.
WooCommerce side cart - smart rewards

We recommend you create an arcade-like shopping experience for your buyers by using all three rewards available.

Create an arcade-like shopping experience with WooCommerce side cart

These milestones will encourage the buyers to purchase more to unlock more rewards - eventually giving you higher profits.

6. Give a Quicker Access to the Checkout

The ultimate goal of your store is to drive shoppers to the checkout and encourage them to complete their purchases. With the checkout button on the slide-out cart itself, you can make the checkout page a click away!

That’s why FunnelKit Cart lets you add a cart icon at the bottom of your store. This side cart icon for WooCommerce stands out and also features a count box that shows how many items are in the cart.

Nudge Users to Head to the Checkout with WooCommerce side cart icon

When somebody clicks on the cart icon, the WooCommerce side cart slides in from the right, and the buyer can easily head to the checkout page and complete the purchase.

Get Started with FunnelKit Cart Today!

FunnelKit Cart is a smart cart page solution for your WooCommerce store that lets you provide a frictionless user experience to your shoppers and cut down the number of clicks to go from product page to cart page.

With our advanced WooCommerce side cart, you can: 

  • Provide a seamless checkout experience with a slide-in cart
  • Reward your customers for their purchases and motivate them to add more to their cart
  • Direct your buyers to the checkout page right from the product page
  • Add upsell and cross-sell offers to all of your WooCommerce products - right from one place
  • Make your WooCommerce side cart on-brand with a myriad of styling options

So, what are you waiting for?

Get the complete funnel building and store checkout solution for WooCommerce 👇

Author: Editorial Team
The Editorial Team at FunnelKit (formerly WooFunnels) is a passionate group of writers and copy editors. We create well-researched posts on topics such as WordPress automation, sales funnels, online course creation, and more. We aim to deliver content that is interesting and actionable.

Increase your sales, starting today.

Grab Our Exclusive Bundle
chevron-down