Title: Floating Cart Product For WooCommerce Author: silverplugins217 Published: جولای 6, 2022 Last modified: ژوئن 29, 2026 --- Search plugins ![](https://ps.w.org/floating-cart-product-for-woocommerce/assets/banner-772x250. png?rev=2752536) ![](https://ps.w.org/floating-cart-product-for-woocommerce/assets/icon-256x256.png? rev=2752536) # Floating Cart Product For WooCommerce By [silverplugins217](https://profiles.wordpress.org/silverplugins217/) [Download](https://downloads.wordpress.org/plugin/floating-cart-product-for-woocommerce.zip) * [Details](https://haz.wordpress.org/plugins/floating-cart-product-for-woocommerce/#description) * [Reviews](https://haz.wordpress.org/plugins/floating-cart-product-for-woocommerce/#reviews) * [Installation](https://haz.wordpress.org/plugins/floating-cart-product-for-woocommerce/#installation) * [Development](https://haz.wordpress.org/plugins/floating-cart-product-for-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/) ## Description **Floating Cart Product For WooCommerce** is a powerful WooCommerce side cart plugin that shows customers a beautiful floating slide-out cart panel — without ever leaving the current page. The moment a customer clicks “Add to Cart”, the floating cart slides open and displays all cart items, quantities, totals, and a direct checkout button. No page redirects. No disrupted browsing. Just a smooth, fast cart experience that keeps customers shopping and dramatically reduces cart abandonment. 📄 [Documentation](https://www.plugin999.com/docs/floating-cart-product-for-woocommerce/) | 🛒 [Live Demo](https://plugin999.com/demo/floating-cart-product-for-woocommerce/shop) | ⭐ [Pro Version](https://www.plugin999.com/plugin/floating-cart-product-for-woocommerce/) | 💬 [Support](https://www.plugin999.com/support/) ### 💡 WHY YOUR STORE NEEDS A FLOATING CART The default WooCommerce “Add to Cart” flow redirects customers away from the product they were browsing. Every redirect is an opportunity to lose a sale. A floating side cart fixes this entirely — the cart opens as an overlay, customers review it and keep shopping, and conversions go up. Stores using a slide-out cart consistently see higher average order values because customers continue browsing and adding items instead of being forced into the checkout funnel too early. ### 🔑 FREE VERSION FEATURES **Display Pages & Basket Visibility** * Show the floating cart basket on individually selected pages: Home, Shop, Single Product, Cart, Checkout, Product Category, and Product Tag pages * Always show or always hide the cart basket using the basket visibility toggle * Automatically hide the basket icon when the cart is empty * Show or hide the floating cart independently on mobile devices * Choose cart item sort order: oldest first (ascending) or newest first (descending) **Side Cart Behaviour** * Auto-open the side cart immediately when a product is added to cart * Auto-close the side cart automatically after 3 seconds * Custom Class Trigger — add the CSS class `fcpfw_trigger` to any HTML element to make it open the floating cart on click **Cart Header** * Show or hide the cart icon in the side cart header * Show or hide the close/back icon in the side cart header **Cart Item Display** * Per-item toggle controls to show or hide: Product Image, Product Name, Product Price, Line Total, Variations, Link to Product, Delete Button, and Quantity Box * Customers can increase and decrease quantities directly inside the floating cart * Remove products from the cart with a single click * Show or hide the item count badge on the basket icon * Count badge type: total sum of all item quantities, or number of distinct products in cart **Coupon Field** * Built-in coupon input field inside the floating cart (desktop)* Enable or disable the coupon field on mobile devices independently * Toast notifications for all coupon states: coupon applied, coupon removed, invalid coupon, already applied, and empty field error **Cart Footer Totals & Buttons** * Subtotal displayed in the cart footer * Show or hide the View Cart button * Show or hide the Checkout button * Show or hide the Continue Shopping button **Custom URLs** * Override the default WooCommerce page links with your own custom URLs for: Continue Shopping, Empty Cart, Cart page, and Checkout page **Product Recommendations** * Product source selector: choose between Related Products or manually Selected Products as the source for recommendations **Cart Layout Styling** * Set the sidebar width in pixels (recommended 320–450px)* Choose sidebar height: Full screen height or Auto (content height) * Choose which side the cart opens from: Right or Left * Header font size (px) and header font colour * Choose from multiple cart icon and close icon styles **Cart Item Styling** * Product title font size and colour inside the cart **Delete Button Styling** * Choose from multiple delete icon styles **Coupon Field Styling** * Choose from multiple coupon icon styles * Apply button text colour and background colour **Footer Button Styling** * Choose from four footer button row layouts: Stack ( 1 per row), Cart & Checkout on top with Continue below, Cart on top with Checkout& Continue below, or all three in one row * Footer button background colour, text colour, and gap between buttons **Cart Basket Styling** * Choose from 6 basket icon styles * Basket shape: Square or Round * Basket vertical position: Top or Bottom * Count badge position: Top Left, Top Right, Bottom Left, or Bottom Right * Basket background colour * Count badge background colour, text colour, and font size * Basket icon size in pixels * Vertical and horizontal offset for precise basket positioning **Translations** * Cart Title (shown at top of side cart) * QTY Label (e.g. “Qty” or “Amount”) * Empty Cart Message * Coupon Section Title, Input Placeholder text, Apply Button text * All coupon toast messages: Field Empty error, Already Applied, Invalid Coupon, Coupon Applied, Coupon Removed * Subtotal Label * View Cart Button text * Checkout Button text * Continue Shopping Button text ### 🚀 PRO VERSION FEATURES Upgrade to **Floating Cart Product For WooCommerce Pro** to unlock the settings that are disabled in the free version’s admin panel. 👉 [Get the Pro Version](https://www.plugin999.com/plugin/floating-cart-product-for-woocommerce/) **General Tab — Display Pages** * **Show on All Pages** — Enable the floating cart basket across every page of your site with a single toggle. In pro version you can enable or disable this option. disabling this option unlocks page wise selection where you can enable the floating cart to a specific set of pages. **General Tab — Cart Header** * **Free Shipping Bar** — Display a progress bar inside the cart header showing customers how close they are to qualifying for free shipping. Motivates customers to add more items to reach the free shipping threshold. * **Threshold Message** — Customise the text shown in the free shipping bar while the customer has not yet reached the threshold (e.g. “Add £{amount} more for free shipping!”). * **Reached Message** — Customise the text shown in the free shipping bar once the customer has qualified for free shipping (e.g. “You’ve unlocked free shipping! 🎉”). **General Tab — Cart Footer Totals** * **Shipping Total** — Show a shipping cost line in the cart footer totals so customers can see their estimated shipping before proceeding to checkout. * **Discount Amount** — Show the discount amount saved by applied coupons or sale prices as a line in the cart footer totals. * **Tax Total** — Show the tax amount as a separate line in the cart footer totals. * **Grand Total** — Show the full grand total (subtotal + shipping + tax − discounts) in the cart footer totals section. **General Tab — Product Recommendations** * **Enable on Desktop** — Show the product recommendations section inside the floating cart on desktop devices. * **Enable on Mobile** — Show the product recommendations section inside the floating cart on mobile devices. * **Display Style** — Choose how the recommendations are presented: as an Inline Slider within the cart body, or as a dedicated Side Cart Section with its own panel area. * **Select Products** — When the product source is set to “Selected Products”, manually search for and pick specific products to feature in the recommendations section. In the free version this product picker is visible but locked; Pro makes it fully functional. **General Tab — Cart Basket** * **Show Cart Icon** — Show or hide the cart icon displayed inside the basket button itself. * **Show on Cart/Checkout Page** — Control whether the floating cart basket is visible on the WooCommerce Cart and Checkout pages independently. * **Hide on Page IDs** — Enter a comma-separated list of WordPress page IDs on which the cart basket should be hidden. Useful for suppressing the basket on landing pages, thank-you pages, or other custom pages. **Custom Styles Tab — Cart Layout** * **Empty Cart Display** — Choose what is shown when the cart is empty: either display all cart details (header, footer, buttons) in an empty state, or hide all cart details and show only a minimal empty message. **Custom Styles Tab — Header Styles** * **Free Shipping Text Color** — Set a custom colour for the text inside the free shipping progress bar displayed in the cart header. **Translations Tab — Product Slider Buttons** * **Add to Cart Button** — Customise the label on the “Add to Cart” button shown inside the product recommendations slider. * **View Options Button** — Customise the label on the “View Options” button shown for variable products inside the product recommendations slider. **Translations Tab — Cart Footer Labels** * **Shipping Label** — Customise the label shown next to the shipping cost line in the cart footer (e.g. “Shipping”, “Delivery”). * **Tax Label** — Customise the label shown next to the tax line in the cart footer( e.g. “Tax”, “VAT”, “GST”). * **Discount Label** — Customise the label shown next to the discount line in the cart footer (e.g. “Discount”, “You Save”). * **Total Label** — Customise the label shown next to the grand total in the cart footer (e.g. “Total”, “Order Total”). ### ⚙️ HOW IT WORKS 1. Install and activate the plugin — WooCommerce must be installed and active. 2. Go to **Floating Cart** in the WordPress admin sidebar. 3. Use the **General** tab to configure display pages, cart behaviour, item visibility, footer options, basket settings, and custom links. 4. Use the **Custom Styles** tab to set colours, fonts, icon styles, widths, and layout options. 5. Use the **Translations** tab to customise all customer-facing text labels. 6. Save — the floating cart is live on your store immediately. ## Screenshots [⌊General Settings — Display Pages & Cart Behaviour — Page selector toggles, auto- open, auto-close, and custom trigger class option.⌉⌊General Settings — Display Pages& Cart Behaviour — Page selector toggles, auto-open, auto-close, and custom trigger class option.⌉[ **General Settings — Display Pages & Cart Behaviour** — Page selector toggles, auto- open, auto-close, and custom trigger class option. [⌊General Settings — Cart Header — Cart icon and close icon toggles (Free); Free Shipping Bar, Threshold Message, and Reached Message (all PRO).⌉⌊General Settings— Cart Header — Cart icon and close icon toggles (Free); Free Shipping Bar, Threshold Message, and Reached Message (all PRO).⌉[ **General Settings — Cart Header** — Cart icon and close icon toggles (Free); Free Shipping Bar, Threshold Message, and Reached Message (all PRO). [⌊General Settings — Cart Item Display — Toggle controls for all per-item display elements.⌉⌊General Settings — Cart Item Display — Toggle controls for all per-item display elements.⌉[ **General Settings — Cart Item Display** — Toggle controls for all per-item display elements. [⌊General Settings — Cart Footer — Shipping Total, Discount, Tax, Grand Total (all PRO); View Cart, Checkout, Continue Shopping (Free).⌉⌊General Settings — Cart Footer— Shipping Total, Discount, Tax, Grand Total (all PRO); View Cart, Checkout, Continue Shopping (Free).⌉[ **General Settings — Cart Footer** — Shipping Total, Discount, Tax, Grand Total ( all PRO); View Cart, Checkout, Continue Shopping (Free). [⌊General Settings — Product Recommendations — Enable on Desktop/Mobile (PRO); Display Style (PRO); Product Source selector (Free); Manual product picker (PRO).⌉⌊General Settings — Product Recommendations — Enable on Desktop/Mobile (PRO); Display Style( PRO); Product Source selector (Free); Manual product picker (PRO).⌉[ **General Settings — Product Recommendations** — Enable on Desktop/Mobile (PRO); Display Style (PRO); Product Source selector (Free); Manual product picker (PRO). ## Installation **From the WordPress Dashboard** 1. Go to **Plugins Add New**. 2. Search for _Floating Cart Product For WooCommerce_. 3. Click **Install Now**, then **Activate**. **Manual Upload** 1. Download the plugin `.zip` file. 2. Go to **Plugins Add New Upload Plugin**. 3. Select the `.zip` file and click **Install Now**. 4. Click **Activate Plugin**. **After Activation** * Visit **Floating Cart** in the admin sidebar. * Configure display pages, styling, and text labels across the three settings tabs. * The floating cart appears on your store automatically. **Pro Version Installation** 1. Purchase the Pro version from [plugin999.com](https://www.plugin999.com/plugin/floating-cart-product-for-woocommerce/). 2. Download the `.zip` file from your account or order confirmation email. 3. Deactivate (do not delete) the free version — your settings are preserved. 4. Go to **Plugins Add New Upload Plugin**, upload the Pro `.zip`, and activate. ## FAQ ### How does the WooCommerce floating cart work? When a customer clicks “Add to Cart”, the plugin slides open a side cart drawer. Customers can view all items, update quantities, remove products, apply coupons, and go to checkout — all without leaving the page. ### Can I show the cart on specific pages only? Yes. In the free version you enable the basket per page: Home, Shop, Product, Cart, Checkout, Category, and Tag pages. The Pro version adds a master “Show on All Pages” toggle for instant sitewide activation. ### Does the floating cart work on mobile devices? Yes. The plugin is fully mobile responsive. You can also independently enable or disable the floating cart on mobile devices from the settings panel. ### Can I show a free shipping progress bar? Yes, this is a Pro feature. The free shipping bar shows customers how much more they need to spend to unlock free shipping, along with fully customisable threshold and success messages. ### Can customers apply coupons inside the floating cart? Yes. A built-in coupon field is available in the free version for both desktop and mobile, with full toast notification messages for all coupon states. ### Can I show shipping, tax, discount, and grand total inside the cart? Showing Shipping Total, Discount Amount, Tax Total, and Grand Total in the cart footer are Pro features. The free version displays the subtotal. ### Can I show product recommendations inside the cart? The product source selector (Related vs Selected Products) is free. Enabling recommendations on desktop/mobile, choosing the display style, and using the manual product picker are all Pro features. ### Can I open the cart from a custom button or element? Yes. Enable the Custom Class Trigger option in the free version and add the class` fcpfw_trigger` to any HTML element on your page — clicking it will open the floating cart. ### Is the plugin compatible with WPML? Yes. The plugin includes full WPML support for multilingual WooCommerce stores. ### Can I customise the cart colours, fonts, and icons? Yes. The Custom Styles tab provides extensive free controls: cart width, height, open direction, header font, product title font, basket icon, button colours, coupon icon, delete icon, and more. Free Shipping Text Color and Empty Cart Display behaviour are Pro features. ### Is WooCommerce required? Yes. This plugin requires WooCommerce to be installed and active. An admin notice will appear if WooCommerce is not detected. ## Reviews ![](https://secure.gravatar.com/avatar/141732ab54b0fe0edb659d2fd1e69fa9a820345a2f26859fc8ac39c6737f1ce5? s=60&d=retro&r=g) ### 󠀁[No floating cart](https://wordpress.org/support/topic/no-floating-cart/)󠁿 [kyledoesit](https://profiles.wordpress.org/kyledoesit/) سپتامبر 19, 2025 After the latest update there is no more floating cart. I mentioned this in support several months ago and never received a reply. I've switched to addonify floating cart and it actually has the floating cart. ![](https://secure.gravatar.com/avatar/5b1461ea185fb4488de99cd9bc13d6e230de4a37c42c464748fef28dc52c15b5? s=60&d=retro&r=g) ### 󠀁[Hide on pages ?](https://wordpress.org/support/topic/hide-on-pages-2/)󠁿 [Sandra Boulou](https://profiles.wordpress.org/debby78018/) آگوست 17, 2024 Hi, Very interesting plugin !! thanks, Is it possible to hide the floating cart on some pages please ? Best ![](https://secure.gravatar.com/avatar/9bb304517be45c88590451017cb580bc4830205ac9bb8ec563a7a0d222153346? s=60&d=retro&r=g) ### 󠀁[В целом, не плохо](https://wordpress.org/support/topic/%d0%b2-%d1%86%d0%b5%d0%bb%d0%be%d0%bc-%d0%bd%d0%b5-%d0%bf%d0%bb%d0%be%d1%85%d0%be/)󠁿 [calliko](https://profiles.wordpress.org/calliko/) مارس 28, 2024 Плагин не плохой, но без танцев с бубном не обошлось. Есть ошибки в скриптах. ![](https://secure.gravatar.com/avatar/1f4dc79fbbe4dcfd0a079c2e304127b86f9a75f23edca584dd15499946626597? s=60&d=retro&r=g) ### 󠀁[Best plugin and best support](https://wordpress.org/support/topic/best-plugin-and-best-support-20/)󠁿 [natsshop](https://profiles.wordpress.org/natsshop/) فوریه 19, 2024 The plugin has many individual settings and looks great. The best plugin of all I've tried. The price is not too expensive either. The support helps immediately if there are problems and solves my query very satisfactorily. Can I definitely recommend. ![](https://secure.gravatar.com/avatar/d20afabc53ea0a2580cbbceb9411cecbdaace11145a2fd9607e9314e6ccfa2a1? s=60&d=retro&r=g) ### 󠀁[Best floating cart plugin](https://wordpress.org/support/topic/best-floating-cart-plugin-2/)󠁿 [fejzih](https://profiles.wordpress.org/fejzih/) مارس 15, 2023 No better deal for funcionality and price ![](https://secure.gravatar.com/avatar/2d5e7ddc9ff06fd18d3a251fba72716d629da831e04f44e92d419e4f112dd3e8? s=60&d=retro&r=g) ### 󠀁[The best of its kind](https://wordpress.org/support/topic/the-best-of-its-kind-26/)󠁿 [babiskalogirou](https://profiles.wordpress.org/babiskalogirou/) دسامبر 24, 2022 It is just the best of its kind. The fullest and the most user friendly. It would be a pitty if you abandoned it. [ Read all 7 reviews ](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/reviews/) ## Contributors & Developers “Floating Cart Product For WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ silverplugins217 ](https://profiles.wordpress.org/silverplugins217/) [Translate “Floating Cart Product For WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/floating-cart-product-for-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/floating-cart-product-for-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/floating-cart-product-for-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/floating-cart-product-for-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/floating-cart-product-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.2 * Added footer button row layout options (stack, two-one, one-two, three-in-a-row). * Added product recommendations section with Related and Selected Products source. * Added custom CSS class trigger to open the cart from any page element. * Added Show on Cart/Checkout Page basket control. * Enhanced mobile responsiveness. * New React-powered admin UI with tabbed settings: General, Custom Styles, Translations. * REST API-based settings storage. #### 1.0 * Initial release. * Floating side cart with auto-open on Add to Cart. * Cart item display controls (image, name, price, quantity, delete). * Coupon field with toast notifications. * Basic basket icon with count badge. * Custom URL overrides for cart, checkout, and continue shopping links. ## Meta * Version **1.2** * Last updated **4 ماه ago** * Active installations **300+** * WordPress version ** 5.0 or higher ** * Tested up to **7.0.7** * PHP version ** 7.2 or higher ** * Language * [English (US)](https://wordpress.org/plugins/floating-cart-product-for-woocommerce/) * Tags * [ajax cart](https://haz.wordpress.org/plugins/tags/ajax-cart/)[floating cart](https://haz.wordpress.org/plugins/tags/floating-cart/) [mini cart](https://haz.wordpress.org/plugins/tags/mini-cart/)[woocommerce side cart](https://haz.wordpress.org/plugins/tags/woocommerce-side-cart/) * [Advanced View](https://haz.wordpress.org/plugins/floating-cart-product-for-woocommerce/advanced/) ## Ratings 4.3 out of 5 stars. * [ 5 5-star reviews ](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/reviews/) ## Contributors * [ silverplugins217 ](https://profiles.wordpress.org/silverplugins217/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/floating-cart-product-for-woocommerce/)