flycart

upsellwpdev

Sliding WooCommerce side cart and Upsells lets you add a side cart for your WooCommerce store, enabling faster checkout experience for your customers.
With this floating cart for woocommerce, customers can constantly review, edit, add or remove their current selections at any time as they continue to shop on your site. The custom mini cart keeps the cart visible in a non-intrusive way, improving the user experience and encouraging interaction.
<a href="https://demo.upsellwp.net/mini-cart" rel="nofollow ugc">Live Demo</a>
<h3>Key Features of the WooCommerce Sliding Cart</h3>
Sliding WooCommerce Cart offers extensive customizations for your side cart and numerous styling options to ensure your floating cart matches your brand.
Floating side cart icon
<ul>
<li>
A small icon at the bottom of your website that gives your customers instant access to their side cart.
</li>
<li>
It enables them to view, edit, and manage their items anytime, anywhere, enhancing the shopping experience and encouraging faster checkout.
</li>
</ul>
Modify the Items in the Cart
<ul>
<li>
Customers can easily update their cart items directly from the side cart for WooCommerce.
</li>
<li>
Add new upsell or cross-sell products, change quantities, or remove items without navigating away from their current page.
</li>
</ul>
Apply Discount Coupons
<ul>
<li>
Allow customers to quickly apply discount coupons directly from the side cart.
</li>
<li>
This feature encourages shoppers to use their discount codes and increase the rate of completed purchases.
</li>
</ul>
Display Upsells and Cross-Sells to the Side Cart for WooCommerce
<ul>
<li>
With WooCommerce side cart, you can recommend upsell and cross-sell products with an aim to encourage customers to add more items to their cart.
</li>
<li>
The Sliding cart automatically senses and displays the recommendation products based on the categories of the items in the customer’s cart.
</li>
</ul>
WooCommerce AJAX mini cart
<ul>
<li>
This sliding mini cart comes with an AJAX-based system, allowing real-time cart content updates without page reloads.
</li>
<li>
This AJAX mini cart feature for WooCommerce dynamically updates the cart contents without requiring page reloads, ensuring a smoother and faster interaction as customers add, remove, or modify items in their cart.
</li>
</ul>
Watch a Video on best ways to use Side Cart in WooCommerce
<iframe loading="lazy" class="youtube-player" width="754" height="424" src="https://www.youtube.com/embed/-8XZU2-QCM4?version=3&rel=0&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Customization Options</h3>
Widget Position: Select where the side cart widget should appear, either left or right side of your store. You can also adjust it horizontally and vertically. 
Slider Position: Choose where the slider will appear, either on the right or left side of the screen. 
Header Title: Customize the title displayed at the top of the woocommerce cart. 
Cart Items: Enable or disable the option to remove items directly from the WooCommerce mini cart. You can also choose to display prices as item subtotal or single product price. 
Coupon: Toggle the visibility of the coupon field, allowing customers to apply discount codes directly from the WooCommerce floating cart. 
Checkout Button: Customize the text for the checkout button. Also enable or disable the display of the total amount in the checkout button. 
Cart Button: Choose whether to show the cart button for quick access. 
Footer/Cart totals: Toggle the visibility of the subtotal, discount, and total amount in the mini cart footer.
<h3>Theme Customizations</h3>
Floating Widget: Customize the background and text color of the WooCommerce sliding cart widget. 
Slider: Adjust the width, background type (Solid/gradient), colors, border width, border radius, and component color of the slider. 
Header: Set the font size and text color for the floating cart header. 
Cart Items: Customize the font size, background color, and text color for items listed in the mini shopping cart. 
Coupon: Change the background color of the coupon section in the sliding WooCommerce cart. 
Actions/Buttons: Set the font size, background color, and text color for action buttons like checkout. 
Footer/Cart totals: Customize the font size, background color, and text color for the WooCommerce cart footer. 
Recommendations: Adjust the background and text color for the upsell recommendations section. 
Recommendation Items: Set the background and text color for the upsell/cross-sell recommendation items. 
Tabs: Customize the font size, background color, and text color for the tabs within your WooCommerce sliding cart.
<h3>Advanced Settings</h3>
Banner: If you want to convey any message to your customers, you can use the banner section at the top of the WooCommerce floating cart. You can add multiple banner sections with custom content. It automatically slides one after the other and moreover, you can enable or disable the banner section based on your requirements. 
Goals: If in any case you set up free shipping in woocommerce with a certain amount of threshold, minicart automatically senses it and displays that threshold under the banner section in the sliding WooCommerce cart. You can also toggle the goals section on or off within the custom mini cart. 
Recommendations: In this section, sliding cart automatically displays the related upsell products of the items in the cart. You can enable or disable this product recommendation section based on your needs. 
Offers: This feature requires <a href="https://upsellwp.com/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">UpsellWP</a> – an all-in-one WooCommerce upsell and cross-sell plugin to show the upsell offers in the floating cart. You can even toggle the offers section in the WooCommerce cart.
Sliding WooCommerce Side Cart by UpsellWP enhances your WooCommerce store with an easy-to-use floating cart, offering shoppers a quick checkout experience and boosting your order value.
<h3>Grow Revenue by combining Upsells & Side Cart for WooCommerce</h3>
<a href="https://upsellwp.com/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">UpsellWP</a> is an all-in-one WooCommerce upsell and cross-sell plugin that help WooCommerce store owners create one-click upsell and cross-sell campaigns at every step of the customer journey. It seamlessly integrates with the Side Cart plugin for WooCommerce
UpsellWP is trusted by thousands of WooCommerce store owners. Here are some of our most popular campaigns to suggest upsell and cross-sell products:
<a href="https://upsellwp.com/woocommerce-checkout-upsells/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Checkout Upsells</a>: Suggest upsells or cross-sells in the checkout page. 
<a href="https://upsellwp.com/woocommerce-post-purchase-upsell/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Post-Purchase Upsells</a>: You can offer additional items after order completion. 
<a href="https://upsellwp.com/woocommerce-cart-upsell/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Cart Upsells</a>: Suggest order bumps on the cart page. 
<a href="https://upsellwp.com/woocommerce-frequently-bought-together/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Frequently Bought Together</a>: Display related products that are often bought together. 
<a href="https://upsellwp.com/woocommerce-double-the-order/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Double the Order</a>: Offer an attractive discount to double the order with one click. 
<a href="https://upsellwp.com/woocommerce-next-order-coupon/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Next Order Coupon</a>: You can offer a discount coupon for the next purchase. 
<a href="https://upsellwp.com/woocommerce-thank-you-upsell/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Thank You Page Upsells</a>: Suggest additional products after a purchase on the thank you page. 
<a href="https://upsellwp.com/woocommerce-upsell-popups/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Upsell Popups</a>: Trigger dynamic popups with upsell offers during cart or checkout. 
<a href="https://upsellwp.com/woocommerce-product-add-ons/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Product Add-Ons</a>: Allow customers to customize purchases with relevant add-ons. 
<a href="https://upsellwp.com/woocommerce-cart-add-ons/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Cart Add-On</a>: Display additional add-ons on the cart page.
<h4>Support</h4>
Experiencing any issues or have any questions? Our dedicated support team is here to help! Please reach out to us through our <a href="https://upsellwp.com//support?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">support request form</a>. We are happy to help you and guide you with the setup.
<h4>Website</h4>
Visit our <a href="https://upsellwp.com/add-ons/mini-cart/?utm_source=mini-cart-wp-repo&utm_medium=wprepo&utm_campaign=mini-cart" rel="nofollow ugc">Sliding WooCommerce Side Cart</a> page to learn more.

UpsellWP Side Cart for WooCommerce

Boost conversions by adding a WooCommerce side cart & let customers reach checkout faster. Add upsells & cross-sells to boost AOV.

silverplugins217

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.
📄 <a href="https://www.plugin999.com/docs/floating-cart-product-for-woocommerce/" rel="nofollow ugc">Documentation</a> | 🛒 <a href="https://plugin999.com/demo/floating-cart-product-for-woocommerce/shop" rel="nofollow ugc">Live Demo</a> | ⭐ <a href="https://www.plugin999.com/plugin/floating-cart-product-for-woocommerce/" rel="nofollow ugc">Pro Version</a> | 💬 <a href="https://www.plugin999.com/support/" rel="nofollow ugc">Support</a>
<h3>💡 WHY YOUR STORE NEEDS A FLOATING CART</h3>
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.
<h3>🔑 FREE VERSION FEATURES</h3>
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 <code>fcpfw_trigger</code> 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
<h3>🚀 PRO VERSION FEATURES</h3>
Upgrade to Floating Cart Product For WooCommerce Pro to unlock the settings that are disabled in the free version’s admin panel.
👉 <a href="https://www.plugin999.com/plugin/floating-cart-product-for-woocommerce/" rel="nofollow ugc">Get the Pro Version</a>
General Tab — Display Pages
<ul>
<li>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.</li>
</ul>
General Tab — Cart Header
<ul>
<li>
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.
</li>
<li>
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!”).
</li>
<li>
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! 🎉”).
</li>
</ul>
General Tab — Cart Footer Totals
<ul>
<li>
Shipping Total — Show a shipping cost line in the cart footer totals so customers can see their estimated shipping before proceeding to checkout.
</li>
<li>
Discount Amount — Show the discount amount saved by applied coupons or sale prices as a line in the cart footer totals.
</li>
<li>
Tax Total — Show the tax amount as a separate line in the cart footer totals.
</li>
<li>
Grand Total — Show the full grand total (subtotal + shipping + tax − discounts) in the cart footer totals section.
</li>
</ul>
General Tab — Product Recommendations
<ul>
<li>
Enable on Desktop — Show the product recommendations section inside the floating cart on desktop devices.
</li>
<li>
Enable on Mobile — Show the product recommendations section inside the floating cart on mobile devices.
</li>
<li>
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.
</li>
<li>
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.
</li>
</ul>
General Tab — Cart Basket
<ul>
<li>
Show Cart Icon — Show or hide the cart icon displayed inside the basket button itself.
</li>
<li>
Show on Cart/Checkout Page — Control whether the floating cart basket is visible on the WooCommerce Cart and Checkout pages independently.
</li>
<li>
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.
</li>
</ul>
Custom Styles Tab — Cart Layout
<ul>
<li>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.</li>
</ul>
Custom Styles Tab — Header Styles
<ul>
<li>Free Shipping Text Color — Set a custom colour for the text inside the free shipping progress bar displayed in the cart header.</li>
</ul>
Translations Tab — Product Slider Buttons
<ul>
<li>
Add to Cart Button — Customise the label on the “Add to Cart” button shown inside the product recommendations slider.
</li>
<li>
View Options Button — Customise the label on the “View Options” button shown for variable products inside the product recommendations slider.
</li>
</ul>
Translations Tab — Cart Footer Labels
<ul>
<li>
Shipping Label — Customise the label shown next to the shipping cost line in the cart footer (e.g. “Shipping”, “Delivery”).
</li>
<li>
Tax Label — Customise the label shown next to the tax line in the cart footer (e.g. “Tax”, “VAT”, “GST”).
</li>
<li>
Discount Label — Customise the label shown next to the discount line in the cart footer (e.g. “Discount”, “You Save”).
</li>
<li>
Total Label — Customise the label shown next to the grand total in the cart footer (e.g. “Total”, “Order Total”).
</li>
</ul>
<h3>⚙️ HOW IT WORKS</h3>
<ol>
<li>Install and activate the plugin — WooCommerce must be installed and active.</li>
<li>Go to Floating Cart in the WordPress admin sidebar.</li>
<li>Use the General tab to configure display pages, cart behaviour, item visibility, footer options, basket settings, and custom links.</li>
<li>Use the Custom Styles tab to set colours, fonts, icon styles, widths, and layout options.</li>
<li>Use the Translations tab to customise all customer-facing text labels.</li>
<li>Save — the floating cart is live on your store immediately.</li>
</ol>

Floating Cart Product For WooCommerce


Плагин не плохой, но без танцев с бубном не обошлось. Есть ошибки в скриптах.


В целом, не плохо

Add a stunning floating side cart to WooCommerce. Real-time slide-out panel with quantity controls, coupon field, free shipping bar, product recommend …

UpsellWP Side Cart for WooCommerce vs Floating Cart Product For WooCommerce