Sliding WooCommerce Cart by FunnelKit – Skip Cart & Reach WooCommerce Checkout Faster

May 25, 2024

Sliding WooCommerce Cart by FunnelKit – Skip Cart & Reach WooCommerce Checkout Faster Plugin

FunnelKit Cart adds a beautiful sliding cart to your WooCommerce store. Let the buyers add items, edit quantity and add upsells on the side cart.

FunnelKit Cart adds a beautiful sliding cart to your WooCommerce store. Let the buyers add items, edit quantity and add upsells (Pro) on the side cart.

Skip the WooCommerce cart page and direct users to the checkout page for a much faster checkout process.

Use the Mini Cart icon in the header to trigger the side cart and have all the cart-related information at your fingertips. Shoppers can even modify their cart items and add more items to unlock smart rewards like discounts, gifts, and more.

Watch The Complete Tutorial

How Does it Work?

The Cart Icon gives shoppers access to their shopping cart items from wherever they are on the website.

Shoppers can easily add/remove items from their WooCommerce carts, providing them with a seamless buying experience.

Further, it gives users quick access to the checkout page by completely bypassing the conventional WooCommerce cart page.

Why is the WooCommerce Cart by FunnelKit unique?

If you need to transform your static WooCommerce cart into a dynamic, modern swipe cart – you need the FunnelKit Cart.

  • Get a stylish slide-in shopping cart section in WooCommerce
  • Present variable products inside the WooCommerce side cart
  • Pitch one-click upsell and cross-sell offers right inside the WooCommerce mini cart
  • Add milestone-based rewards and encourage shoppers to buy more
  • Easily manage your upsell/cross-sell offers from the same dashboard
  • Custom styling options to make your WooCommerce cart on-brand

Since FunnelKit Cart has the option to enable or disable the AJAX-based side cart, you can configure whether you want to automatically update the cart items without hitting the refresh button or not.

FunnelKit Cart Lite Features

FunnelKit Cart Lite gives you a host of customizations for your WooCommerce cart and myriad styling options to make your floating cart look on-brand.

Display Cart Icon

A Cart Icon is a small icon at the bottom of your website that allows shoppers to access their shopping cart anytime, anywhere.

You can display the cart item on the entire website or certain WooCommerce pages or nowhere (instead, you can embed it on your website header or via cart shortcode). The smart side cart icon also shows a pop-up that denotes the number of items in the cart.

The Cart Icon mainly aims at minimizing the clicks to the checkout page and reducing drop-offs.

Customize Your Cart On-Brand

Customizing the WooCommerce cart to make it look on-brand has never been this easy.

FunnelKit Cart lets you customize your WooCommerce floating cart the way you want. Add heading, change button colors, adjust background colors, customize the text, and more.

You can play around with the Cart Style or the Icon Style and make your dynamic WooCommerce mini cart on-brand.

You have total control over everything!

Modify the Items in Your Cart

FunnelKit Cart comes with a built-in mini cart that allows your shoppers to change the quantity of their items or delete an item. All with one click.

Show new buyers a “SHOP NOW” button and encourage them to add the first item to their cart. Display the Order Summary right inside your side cart.

Apply Discount Coupons

Display WooCommerce discount coupons right inside the dynamic mini cart, allowing shoppers to easily apply their coupon code.

You can display the Coupon Box in two formats – open or collapsible. The collapsible box saves space inside the WooCommerce cart. If your shopper has their own discount coupon, they can add it manually and apply the discount.

AJAX WooCommerce Cart

FunnelKit Cart provides you with the AJAX Add To Cart feature.

The AJAX add to cart and modification functionality allows you to add and update items automatically without refreshing your cart.

While disabling the AJAX add to cart option add and update the cart items by refreshing your WooCommerce cart.

With FunnelKit Cart for WooCommerce, you get both these options to use them the way you want.

FunnelKit Cart Pro Features

By upgrading to Funnel Builder Pro, you get access to premium features.

Here are some amazing FunnelKit Cart Pro features that can help boost conversions and enhance your buyer’s shopping experience:

Add Upsells and Cross-Sells to the WooCommerce Side Cart

With FunnelKit Cart, you do not need to halt the buyer’s journey with a pre-purchase upsell page – you can pitch upsell offers inside the cart!

Add default upsell products to your side cart. These offers are shown to all the buyers, regardless of which items they have in their shopping cart.

You can change the skin of your upsell offers and add style to your WooCommerce cart. Change the text, decide on maximum upsells, show offers inside the cart or on the side, and more.

Now, you can display your upsell offers in a visually appealing – and compact – way right on the checkout page.

The best part? You can offer any product as your upsell, whether simple, variable or subscriptions.

With just one click, your shoppers can add these upsell offers to their shopping carts.

Add Product-Specific Upsells/Cross-Sells on the Same Page

Show different upsell items to your customers based on what they are buying.

Currently, WooCommerce lets you add upsell/cross-sell offers to your products, but that means you have to visit every product page individually and add these items.

However, FunnelKit Cart allows you to add complementary products to individual products. And that too from the same page – No more visiting each product page!

Easily add/remove/manage your upsell and cross-sell offers with FunnelKit Cart.

This allows you to personalize your visitor’s shopping experience by suggesting hyper-relevant products to their purchase right inside the WooCommerce side cart.

Choose from a Variety of Upsell Skins

FunnelKit Cart gives you a host of customization options to make your WooCommerce cart look on-brand, but you also get sleek skins for your upsell offers.

You can either show upsell offers on the side of the mini cart or inside it, your choice.

You can even change the background color of the skin to blend in with your brand colors.

Select the Variants for Variable Products Inside Your Floating Cart

Earlier, when a customer wanted to buy a variable product. They had to go to the product page, select the variant, return to the default WooCommerce cart page, and head to the checkout page.

FunnelKit Cart has cut down this hectic journey to just one click.

If you offer a variable product as an upsell, your shopper can choose its variations after adding the upsell item to the cart – right inside this WooCommerce sliding cart.

They no longer need to visit the product page to choose a different variation – everything can be done with a click of a button inside the WooCommerce side cart.

Add Milestone-based Rewards and Incentives To WooCommerce Cart

One of the most outstanding features of WooCommerce Cart by FunnelKit is its ability to gamify the shopping experience. Encourage your shoppers to buy more in pursuit of unlocking more rewards.

Gamifying the experience simply means adding milestone-based rewards to encourage shoppers to buy more. FunnelKit Cart for WooCommerce lets you add discounts, free gifts, and free shipping as rewards.

  • Free Gifts: Give away free gifts to your shoppers after they buy items worth a certain amount. Add the product from your store as a giveaway, decide the amount to unlock, add a message, and you are done.
  • Discounts: Encourage your customers to spend more to unlock a special discount. This way, the customer will spend more and you can close the sale at a higher order value.
  • Free Shipping: Many shoppers abandon their carts because of high shipping costs. Thus, you can provide free shipping to buyers if they buy items worth a certain amount.

You can use either one of these rewards or all three of them and offer them to your shoppers inside the WooCommerce cart. The more you reward your buyers, the more they will spend.

FunnelKit Cart will surely help increase your order value by replacing your default WooCommerce cart page with a floating cart, giving shoppers a quick checkout experience.

About Us

FunnelKit Cart is a part of FunnelKit’s ever-growing ecosystem of WordPress plugins that help WooCommerce entrepreneurs put more money back into their pockets.

Our plugins are used by thousands of WooCommerce sellers. Some of our most popular plugins are:

  • FunnelKit’s Funnel Builder – The most flexible funnel builder for WordPress. Build profitable funnels using conversion-friendly templates, analyze performance and improve with built-in A/B testing.
  • FunnelKit Checkout – Send your conversions through the roof with FunnelKit’s optimized checkout pages. Get ready-to-use checkout templates, form field editor, advanced checkout optimizations, and more.
  • FunnelKit One-Click Upsells – Boost your store’s average order value by pitching hyper-relevant upsell and downsell offers right after the checkout page.
  • FunnelKit Automations – Engage with your customers on autopilot with automated email and SMS campaigns. Automate your abandoned cart recovery sequence, post-purchase emails, winback campaigns, and more.
  • FunnelKit Stripe Gateway for WooCommerce – A one-stop solution to integrate Stripe with your WooCommerce store and accept payments on your online store for web and mobile.

Installation

  1. Install ‘Cart For WooCommerce’ Plugin.
  2. Activate the Plugin.
  3. Go to FunnelKit > Cart
  4. Optimize the options.

Screenshots

FAQ

How do I add FunnelKit Cart to my WooCommerce store?

To get the Lite version, install the FunnelKit Cart plugin just like you install any other WordPress plugin and activate it.

To get the Pro version, upgrade to FunnelKit Pro. Please note that the premium version of FunnelKit’s side cart for WooCommerce is available to all FunnelKit users of the Plus plan and above.

How do I create a mini cart in WooCommerce?

FunnelKit Cart is a dynamic mini cart for WooCommerce stores. Install the plugin, go to the dashboard and customize the mini cart – change colors, add text, headings, and more.

What is the Cart Icon?

The Cart Icon is an icon at the bottom of your website. Shoppers can access their WooCommerce cart items by clicking on the icon regardless of where they are on the website.

Can I add my brand colors to the FunnelKit Cart?

Yes, FunnelKit Cart gives you a host of styling options to customize your WooCommerce mini cart as per your brand colors.

Do I need a page builder to edit the WooCommerce cart page?

No, you do not need any page builder to edit your floating cart. FunnelKit Cart replaces the default WooCommerce cart page and makes way for an efficient buying process. It comes with built-in customization options.

You can do all the customizations inside the WordPress dashboard without any page builder.

How many default upsell offers can I add?

You can add as many upsell offers to your shopping cart as you want. However, we suggest 3 to 5 items.

Can I add upsell items to individual products?

Yes, you can add hyper-relevant upsell and cross-sell items to each WooCommerce product from the same place.

How many rewards can you add?

FunnelKit Cart lets you add three types of rewards – free shipping, free gifts, and discounts.

You can add any reward from these and set milestones to unlock it. You can use just one reward or all three of them.

Does FunnelKit Cart work with variable products?

Yes, FunnelKit Cart displays products with varieties right inside the Woo cart. Your buyers do not need to visit the product page to choose varieties.

Can I display coupon codes on the cart page?

You can display coupon codes on the FunnelKit side cart or even auto-apply the coupon code.

Changelog

= 1.7.1
* Fixed: Variation product options weren’t displaying in the side cart, fixed. (#543)

= 1.7.0
* Compatible upto WordPress 6.5.3
* Compatible upto WooCommerce 8.9.1
* Added: Compatibility added with the ‘WC bookings’ plugin. Savings are not displaying for gift and booking product types. (#534)
* Improved: Displaying backorder message below product name if the product is on backorder. (#524)
* Improved: Code improvement with Funnel Builder Basic product. (#527)
* Improved: Pro > Compatibility updated with the ‘CURCY – WooCommerce Multi Currency Premium’ plugin. Allows support to remove free products. (#535)
* Fixed: Pro > Upsell styles, price HTML code fixes, now support taxes. (#516, #538)
* Fixed: Saving value decimal unit following WooCommerce decimal value. (#517)
* Fixed: Compatibility updated with the ‘Shoptimizer’ theme. Mini cart price and quantity were not updated when the product was added to the cart on the single product page. (#519)
* Fixed: PHP error in the rest API call in the backend, handling added. (#540)
* Dev: Action hook ‘fkcart_after_item_meta’ updated. (#531)
* Dev: Filter hook ‘fkcart_use_buit_in_cart_item_data_template’ to support WooCommerce native cart item. (#521)

= 1.6.0
* Compatible upto WordPress 6.5
* Compatible upto WooCommerce 8.7
* Compatible with Funnel Builder Pro 3.3
* Added: A new setting, ‘Display Regular Price’ strike, is added. (#496)
* Added: Compatibility added with the ‘WooCommerce Dynamic Pricing & Discounts’ plugin by RightPress. (#513)
* Added: Compatibility added with the ‘Yith Gift Card’ plugin to disable Ajax add to cart on their product type. (#504)
* Improved: Save the cookie once if it does not exist. (#494)
* Improved: Code execution improved during cron calls. (#509)
* Dev: Action hook ‘fkcart_after_checkout_button’ position changed. Moved below to the CTA button. (#493)

1.5.0

  • Added: Compatibility added with ‘Flexible shipping’ plugin by WPDesk. Supporting their shipping methods. (#456)
  • Added: Support of Funnel Builder 3.0 added. (#283)
  • Added: Auto-adding mini cart feature in the menu wasn’t working when menu is generated by builders like elementor, compatibility added. (#447)
  • Added: Pro > Compatibility added with ‘Price based country’ plugin for reward calculation. (>#441)
  • Improved: Admin footer text restricted to cart page only. (#464)
  • Improved: All products subscription compatibility improved. (#467)
  • Improved: WooCommerce Product bundle compatibility improved. (#449)
  • Improved: WPML multicurrency plugin compatibility updated. (#458)
  • Improved: Saving cookie earlier, as sometime quantity mismatch error comes in cached environment. (#478)
  • Improved: Pro > Adding rewards code position modified. (>#470)
  • Fixed: Custom product options via any plugin on the single product page won’t go to cart when ajax add to cart is enabled, fixed. (#443)
  • Fixed: PHP error on a setting value when made blank, fixed. (#474)
  • Fixed: Native zoom feature on the mobile of Cart wasn’t working, fixed. (#476)
  • Fixed: Cart object checking before fetching the price, fixed. (#482)
  • Fixed: Attributes are not coming for Hebrew users, fixed. (#484)
  • Dev: Filter hook ‘fkcart_checkout_button_total’ added to modify the cart subtotal. (#461)
  • Dev: Filter hook ‘fkcart_frontend_cookie_names’ to modify the cookie names. (#472)
  • Dev: Filter hook ‘fkcart_wc_you_saved_price’ to modify the product display price. (#480)

1.4.0

  • Added: Compatibility updated with ‘WooCommerce Smart Coupons’ plugin. Allowing coupon adding via URL. (#423)
  • Improved: Don’t apply discounts/ rewards on Funnel dedicated checkout pages. (#409)
  • Improved: Re-initialize slider on a certain edge cases. (#416)
  • Improved: Cart count in mini cart sometimes flicker on page load, UX improved. (#438)
  • Fixed: Nonce security verification code optimized. (#418)
  • Fixed: Auto-open side cart setting wasn’t working, fixed. (#421)

1.3.2

  • Fixed: Cart item count null checking added. (#403)
  • Fixed: Nonce security verification code optimized, working on cached home page. (#407)

1.3.1

  • Compatible upto WooCommerce 8.3.1
  • Added: Displaying Free Shipping above CTA button if cart contains free shipping. (#394)
  • Improved: Handling to load cart count when saved cookie expired. (#392)
  • Improved: Mobile in-app browser view from any apps, view improved. (#396)
  • Improved: Cart modification actions code optimized, working on full cached pages. (#400)

1.3.0

  • Compatible upto WooCommerce 8.3.0
  • Added: Pro -> Allow variation changes of free gift variable product. (#381)
  • Improved: Smart express buttons related code improvement. (#387)
  • Fixed: Resolved conflict with Klarna when free gift is applied. (#389)

1.2.1

  • Compatible upto WordPress 6.4.0 & 6.4.1
  • Added: Compatibility added with ‘All Products for WooCommerce Subscriptions’ plugin, ajax add to cart wasn’t working on respective products. (#378)
  • Improved: Code improved related to express button calling. (#374)
  • Improved: Cart view on mobile, CSS improved. (#368)
  • Fixed: Upsell slider JS issue with Siteground Optimizer plugin, fixed. (#369)
  • Dev: Action hooks ‘fkcart_before_add_to_cart’ & ‘fkcart_after_add_to_cart’ added. (#371)

1.2.0

  • Compatible upto WordPress 6.3.2
  • Added: Express checkout buttons added for quicker checkout. Compatible with Stripe.
  • Added: Allow variation change inside the cart.
  • Added: RTL support added in admin and at frontend. (#291, #302)
  • Added: WooCommerce bundle plugin support added. (#297)
  • Added: WooCommerce Points and Rewards plugin compatibility added. Hiding message during ajax call. (#321)
  • Added: Disallow product image source modification from the Litespeed plugin. (#334)
  • Added: Pro -> Reward: Allow variable product as a gift. (#301)
  • Improved: Performance optimization done. (#314, #324)
  • Improved: WPML multicurrency compatibility improved. (#295)
  • Improved: Cart icon display inside menu, sometimes not visible when page builder modified the menu, fixed. (#342)
  • Improved: Adding Variable product to cart from the side cart in case extra product options related plugin used. (#304)
  • Improved: Double item row inserted when product is added from different location. shop or single product. Fixed. (#299)
  • Improved: Side cart HTML minor DOM structure improvement. (#305)
  • Improved: Translatepress translating the classes names, Fixed. (#359)
  • Fixed: WPML language translation related code optimized. (#293, #331)
  • Dev: Action hooks ‘fkcart_before_item_meta’, ‘fkcart_after_item_meta’, ‘fkcart_before_item_quantity’ & ‘fkcart_after_item_quantity’ added. (#328)
  • Dev: Pro -> Filter hook ‘fkcart_reward_enabled’ added to allow/ disallow reward for any condition. (#316)

1.1.0

  • Compatible with WordPress 6.2.2
  • Compatible with WooCommerce 7.9
  • Compatible with WooCommerce HPOS
  • Added: New feature: Enable Ajax add to cart on product and archive pages. (#194)
  • Added: New setting: Always show default upsells added. (#192)
  • Added: RTL support added for frontend as well as backend. (#221)
  • Added: Compatibility added with WooCommerce chained product. (#216)
  • Added: Compatibility added with WooCommerce Product Bundles & WPC Product Bundles for WooCommerce. (#267)
  • Added: Cart item > You save text, display amount and percentage merge tags added. (#238)
  • Added: Decimal quantity support added for external plugins. (#250)
  • Added: Disallow cart icon on builder editor pages. (#234, #264)
  • Added: ES5 compatible JS support added. (#256)
  • Improved: Product search query optimized. (#155)
  • Improved: Mobile UX improved. (#175, #210, #252, #259)
  • Improved: Admin UI improved. (#159, #182, #191, #200)
  • Improved: Cart frontend JS and CSS code optimized. (#174, #185, #208)
  • Improved: Code optimized to support lazy load feature. (#261)
  • Improved: Frontend performance improved. (#241)
  • Improved: Disallow changing of FunnelKit Bump item quantity in side cart. (#243)
  • Improved: Side cart > quantity change triggering number input on mobile. (#177)
  • Improved: Disable auto redirect to cart page. (#193)
  • Improved: Rewards translations support added for Pro. (#189)
  • Improved: Product quick view, labels were not auto changing by external plugin. Code improved. (#231)
  • Improved: Code improved to hide quantity and dis-allow products deletion for free gift products. (#228)
  • Improved: Updating FunnelKit Cart quantity and price on WooCommerce removed from cart trigger. (#248)
  • Improved: Some compatibility issue found with external plugins, code improved. (#254)
  • Fixed: Quantity update issue with backorder products, fixed. (#219)
  • Dev: 3 filter hooks ‘fkcart_cart_link’, ‘fkcart_cart_link_text’ & ‘fkcart_item_image_size’ added. (#212, #245)
  • Dev: JS triggers to open and close side cart. (#236)

1.0.2

  • Added: New option: Auto open the side cart after adding a product to the cart. (#85)
  • Improved: Cart Enable UX improved. (#118)
  • Improved: Front side cart CSS improved, readability improved. (#122)
  • Improved: CSS improved for displaying variation product options in cart summary. (#71)
  • Improved: Admin UX improved. (#81, #83, #68, #111)
  • Improved: Product search query improved. (#126)
  • Fixed: For upsells and cross sells, restrict selection to published products only. (#78)
  • Fixed: Variable product was not available for selection in the upsells, fixed. (#95)
  • Fixed: Languages settings were not coming with WPML, fixed. (#129)
  • Fixed: Cart items – Saving percentage value was rounding off, fixed. (#132)
  • Fixed: Cart items – Current quantity is not visible in quantity change section (site specific), fixed. (#88)
  • Fixed: Rewards free product showing undo notice with FunnelKit Checkout’s mini cart module. (->#3)
  • Fixed: A PHP error during adding multiple coupons from rewards. (->#11)
  • Dev: 5 filter hooks (‘fkcart_after_header’, ‘fkcart_before_cart_items’, ‘fkcart_after_cart_items’, ‘fkcart_before_checkout_button’ & ‘fkcart_after_checkout_button’) are added in the side cart. (#97)

1.0.1

  • Added: Excluded cart icon display on Funnel checkout, upsell, optin steps pages. (#55)
  • Added: Empty cart, shop link behaviour setting added. (#60)
  • Improved: Product variation selection view has view details link which was opening new tab, fixed. (#61)
  • Fixed: PHP error with Autoptimize on saving settings, fixed. (#53)
  • Fixed: Add to cart from single product page, side cart wasn’t opening in some cases, fixed. (#63)
  • Dev: Filter hook ‘fkcart_disabled_post_types’ to disallow cart icon display on any page. (#55)

1.0.0

  • Initial Release

Details

  • Version: 1.7.1
  • Active installations: 10,000
  • WordPress Version: 5.0
  • Tested up to: 6.5.5
  • PHP Version: 7.0

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars