Title: Modern Cart – WooCommerce Side Cart & Popup Cart Author: Brainstorm Force Published: 2025년 9월 9일 Last modified: 2026년 9월 22일 --- 플러그인 검색 ![](https://ps.w.org/modern-cart/assets/banner-772X250.png?rev=3369632) ![](https://ps.w.org/modern-cart/assets/icon.svg?rev=3369632) # Modern Cart – WooCommerce Side Cart & Popup Cart 작성자: [Brainstorm Force](https://profiles.wordpress.org/brainstormforce/) [다운로드](https://downloads.wordpress.org/plugin/modern-cart.1.1.0.zip) * [세부사항](https://ko.wordpress.org/plugins/modern-cart/#description) * [평가](https://ko.wordpress.org/plugins/modern-cart/#reviews) * [설치](https://ko.wordpress.org/plugins/modern-cart/#installation) * [개발](https://ko.wordpress.org/plugins/modern-cart/#developers) [지원](https://wordpress.org/support/plugin/modern-cart/) ## 설명 Modern Cart is the ultimate WooCommerce side cart plugin that replaces your clunky default cart page with a smooth slide-out cart drawer or popup cart – all powered by AJAX so customers never leave the page they’re on. Stop losing sales to the default WooCommerce cart page. Every time a shopper gets redirected to a separate cart page, you lose momentum. A WooCommerce side cart fixes this instantly so the cart slides open right on the page, no redirect, no reload, no lost sale. Add a free shipping progress bar, in-cart upsells, and a built-in coupon form on top, and every cart visit becomes an opportunity to grow your average order value. [Try the live demo of Modern Cart](https://try.new/modern-cart) ### Why Your Store Needs a WooCommerce Side Cart The default WooCommerce cart page kills conversions. Shoppers click “Add to Cart,” get bounced to a separate page, and lose interest. That friction costs you real money every single day. A WooCommerce side cart (also called a cart drawer, sliding cart, or floating cart) solves this immediately. The cart opens right there on the page – no redirect, no reload. A floating cart icon stays pinned in the corner at all times so shoppers always know what’s in their cart and can open it from anywhere on your store. 🏆 Trusted by 4,000,000+ WordPress users worldwide • Built by Brainstorm Force, the team behind CartFlows and Astra Theme. ### Powerful Features 🚀 * **WooCommerce Side Cart / Slide-Out Cart Drawer** – A smooth slide-in panel opens from the side of the screen when a product is added or the floating cart icon is clicked. Customers view, update, and manage their entire cart without leaving the current page. * **Popup Cart** – Prefer a popup over a slide-out? Switch to popup cart mode for a centered overlay experience. Choose the style that fits your store – both are included. * **Floating Cart Icon** – A sticky floating cart icon stays pinned in the corner of every page, showing a live item count badge. One click opens the full WooCommerce side cart from anywhere on your site. * **Free Shipping Progress Bar** – Show customers exactly how close they are to free shipping with a dynamic progress bar inside the cart drawer. The single most effective way to increase average order value – customers consistently add one more item just to unlock it. * **Cart Rewards Progress Bar** – Go beyond free shipping. Set custom reward milestones– free gifts, discounts, or any incentive – with a real-time progress bar that updates as items are added or removed. * **Built-In Coupon Form** – Let customers apply discount codes right inside the WooCommerce side cart. No page reloads, no confusion. Works seamlessly with Power Coupons for WooCommerce for auto-apply and rule-based discounts. * **In-Cart Upsells and Cross-Sells** (Pro) – Recommend relevant products directly inside the sliding cart at the exact moment customers are closest to checking out. The perfect trigger for increasing order value. * **AJAX Cart – No Page Reloads** – Adding, removing, and updating quantities all happen instantly via AJAX. No page refresh ever. The floating cart icon and side cart always show live, up-to-date totals. * **Customization and Design Flexibility** – Choose from multiple cart styles and customize colors, button labels, coupon placeholder text, icon styles, and shipping bar messages to match your store’s branding perfectly. * **Mobile-First Design** – The WooCommerce side cart and floating cart icon are built mobile-first. The sliding cart and cart drawer work beautifully on all screen sizes – especially phones and tablets where cart abandonment is highest. * **Lightweight and Fast** – Built for performance. Modern Cart won’t slow your WooCommerce store down. * **GDPR Compliant** – Modern Cart does not collect or store any personal data from shoppers and is fully GDPR compliant. ### How Does It Work? Getting started is quick and easy: Install & Activate the Modern Cart plugin Enable the cart from the settings Customize cart text, colors, icons, and more Done! Your new cart is now live and optimized ### Who Can Benefit from Modern Cart? * **WooCommerce Store Owners** who want to replace the default cart page with a modern, conversion-ready side cart experience. * **Conversion-Focused Businesses** aiming to increase average order value and reduce cart abandonment with a floating cart and free shipping bar. * **CartFlows Users** who want a high-converting WooCommerce side cart paired with their optimized checkout funnels – Modern Cart and CartFlows are built by the same team and work together seamlessly. * **Developers and Agencies** building WooCommerce stores for clients who need a professional, fully customizable cart drawer and floating cart solution. ### Reduce Cart Abandonment – Complete Stack Modern Cart keeps shoppers engaged and in-flow with a floating cart icon visible on every page. For shoppers who still leave before purchasing, pair it with Cart Abandonment Recovery for WooCommerce to automatically follow up and win them back. Together they cover your full cart funnel – engagement, retention, and recovery. ### Works Great With ✅ * **CartFlows** – Pair the slide-out cart drawer with CartFlows’ optimized checkout pages, one-click upsells, and order bumps for a complete WooCommerce sales funnel. Built by the same team. * **Power Coupons** – Auto-apply rule-based coupons that display cleanly inside the Modern Cart coupon form. * **Variation Swatches** – Let customers pick product variations with visual swatches, then add them straight to the WooCommerce side cart drawer. * **Cart Abandonment Recovery for WooCommerce** – Recover shoppers who leave before checkout with automated follow-up emails. The perfect companion plugin to Modern Cart. **Compatible Themes** * Astra * Spectra One * Blocksy * Kadence * GeneratePress * OceanWP * Hello Elementor * Storefront * Bricks Builder * Flatsome * Hestia * Neve * And many more **Compatible Plugins:** * Spectra * Elementor * Beaver Builder * Brizy Builder * Bricks Builder * Gutenberg * Oxygen Builder * CartFlows * Cart Abandonment Recovery for WooCommerce * Variation Swatches for WooCommerce * OttoKit * TutorLMS * LifterLMS * LearnPress * LearnDash * MemberPress * PrestoPlayer * WooCommerce Subscriptions And many more ### Modern Cart Pro The free version gives you a fully functional WooCommerce side cart. Upgrade to Modern Cart Pro to unlock product recommendations, empty cart product recommendations, express checkout, advanced color controls, custom icon uploads, and cart width controls. ### External services This plugin connects to external APIs provided by CartFlows to fetch changelog and documentation data, which are displayed in the plugin’s admin panel to assist site administrators. **1. Changelog Feed** * URL: https://cartflows.com/product/modern-cart/feed/ * Purpose: Retrieves the latest changelog entries shown in the “What’s New” section of the plugin admin area. * Data Sent: No user data is sent. This is a read-only request triggered when the admin panel is accessed. **2. Knowledge Base Documentation** * URL: https://cartflows.com/wp-json/powerful-docs/v1/get-docs * Purpose: Fetches documentation and knowledge base articles displayed in the “ Knowledge Base” section within the plugin admin. * Data Sent: No user data is sent. The request is triggered only when an administrator views the relevant documentation page. ## 스크린샷 [⌊Slide-in cart view⌉⌊Slide-in cart view⌉[ Slide-in cart view ## 설치 1. Install the `Modern Cart for WooCommerce` either via the WordPress plugin directory or by uploading `modern-cart.zip` to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Navigate to WooCommerce > Modern Cart to configure the settings 4. Make sure to disable caching on your checkout and thank you steps ## FAQ ### What is the difference between a side cart, cart drawer, and floating cart? They all refer to the same type of WooCommerce cart experience. A WooCommerce side cart (or cart drawer, or sliding cart) is a panel that slides in from the side of the screen when a product is added or the cart icon is clicked. A floating cart refers to the sticky cart icon always visible in the corner of the page. Modern Cart includes all of these in one plugin. ### Does Modern Cart work as a WooCommerce cart drawer? Yes! The slide-out side cart is a full WooCommerce cart drawer. It slides in from the side when a product is added or the floating cart icon is clicked. Customers can manage their entire cart without leaving the page – no redirect, no reload. ### Can I use this as a WooCommerce mini cart? Absolutely. Modern Cart works as a complete WooCommerce mini cart replacement. The floating cart icon shows the live item count at all times, and clicking it opens the full side cart drawer or popup. No separate mini cart widget is needed. ### How does the free shipping bar work inside the WooCommerce cart? Enable the free shipping progress bar in Modern Cart settings. It automatically reads your WooCommerce free shipping threshold and displays a dynamic progress bar inside the side cart showing customers exactly how much more they need to spend to qualify. It consistently drives customers to add one more item – one of the most effective AOV tactics available. ### How does the AJAX cart work in the WooCommerce side cart? Every cart action – adding products, updating quantities, removing items, applying coupons – happens via AJAX with zero page reload. The floating cart icon and side cart drawer always show live, up-to-date totals instantly as customers shop. ### Can customers apply coupons inside the WooCommerce side cart? Yes! The built-in coupon form lets customers enter and apply discount codes directly inside the cart drawer. Totals update instantly. For rule-based, auto-apply, and bulk coupons, pair it with Power Coupons for WooCommerce. ### Does Modern Cart support WooCommerce in-cart upsells? In-cart upsells and cross-sells are available in Modern Cart Pro. Product recommendations appear directly inside the sliding cart or popup cart right when customers are closest to checking out – the highest-converting moment to increase order value. ### Does Modern Cart work with CartFlows checkout funnels? Yes! Modern Cart and CartFlows are built by the same team (Brainstorm Force) and are designed to work together seamlessly. Use the Modern Cart side cart for a smooth browsing and cart experience, then hand customers off to a CartFlows-optimized checkout for maximum conversions. ### Does Modern Cart replace the WooCommerce cart page? Modern Cart adds a side cart drawer and popup cart so shoppers can manage their cart from any page without ever visiting the cart page. The default WooCommerce cart page stays in place for compatibility, but most shoppers will never need to go there. ### Does Modern Cart work with variable products and WooCommerce Subscriptions? Yes! Modern Cart supports all WooCommerce product types – simple, variable, grouped, and subscription products. Variable product attributes and subscription details display correctly inside the side cart. ### How does Modern Cart reduce WooCommerce cart abandonment? The floating cart icon keeps the cart visible on every page so customers never lose track of their items. The free shipping progress bar motivates customers to add more to unlock rewards. For shoppers who still leave before purchasing, pair Modern Cart with Cart Abandonment Recovery for WooCommerce to send automated recovery emails. ### Can I use Modern Cart on client websites? Yes! You can use Modern Cart on your own store and on client websites. Modern Cart Pro supports multiple websites – check the pricing page for site license details: https://cartflows.com/modern-cart-pricing/ ### Will Modern Cart slow down my WooCommerce store? No. Modern Cart is engineered for performance. It’s lightweight and fully optimized– it won’t add meaningful overhead to your store’s page load time. ### Does it work with my WooCommerce theme and page builder? Yes! Modern Cart works with virtually all WooCommerce-compatible themes – Astra, Storefront, GeneratePress, OceanWP, Blocksy, Kadence, Flatsome, Hello Elementor, Neve, and many more. It’s also compatible with Elementor, Spectra, Gutenberg, Beaver Builder, Bricks Builder, Oxygen Builder, and Brizy Builder. If you hit a conflict, our support team will sort it out fast. ### I am new to Modern Cart. Where can I find the documentation? Welcome to Modern Cart! [Click here](https://cartflows.com/docs-category/modern-cart-for-woocommerce/) to access our comprehensive documentation. Have questions or need help with a specific feature? Here’s how to connect with us: * [Support](https://cartflows.com/support/) * [Contact Us](https://cartflows.com/contact/) * [Join the community](https://www.facebook.com/groups/cartflows/) ## 후기 ![](https://secure.gravatar.com/avatar/30da3d21c0dfa12bbb8a4f8eda83d318c711ef628e439483b771196a51c04b16? s=60&d=retro&r=g) ### 󠀁[Brought my cart back to life](https://wordpress.org/support/topic/brought-my-cart-back-to-life/)󠁿 [Soprano](https://profiles.wordpress.org/soprano/) 2026년 9월 19일 답글 1개 I'm really enjoying this plugin for Woo, it's really brought my cart to life and has made my shop feel more modern and dynamic. ![](https://secure.gravatar.com/avatar/d3540dd35b09c438352476e1f8ed47051480e36a8957a33f51354209423ccb9b? s=60&d=retro&r=g) ### 󠀁[Great Side Cart](https://wordpress.org/support/topic/great-side-cart/)󠁿 [afterdarkgrafx](https://profiles.wordpress.org/afterdarkgrafx/) 2026년 9월 2일 답글 1개 I don't give a lot of reviews but just wanted to say thank you for creating a great FREE plugin that actually works on a lot of themes. I use this on a lot of the sites I have been developing without any issues. I have tried others but this one is the best. Thank you! ![](https://secure.gravatar.com/avatar/8e362e09ff45e4d77a1aaff1e80697851c7dc9ee5bcafa090ce57a2c4ac47547? s=60&d=retro&r=g) ### 󠀁[Best Cart Plugin & Support](https://wordpress.org/support/topic/best-cart-plugin-support-2/)󠁿 [yummyworks](https://profiles.wordpress.org/yummyworks/) 2026년 8월 28일 답글 1 개 I am a business owner and do a lot of work on my website. I really appreciate the time that Cartflows has put into not only their entire suite of funnel products but also the Modern Cart plugin. I love all of the backend and customization options. I have had zero issues with installation or performance. And above all I am writing a review because their support team is the best. I have 80+ plugins and Cartflows offers the best in technical knowledge and customer service. I would highly recommend Cartflows Modern Cart and their other suite of plugins for an entire ecosystem of funnel products. There will come a time when you need to rely on their expertise and they will be there for you! Larry W./Yummyworks LLC ![](https://secure.gravatar.com/avatar/5cbee7c9dfc6e5103d9fab46b082ce2e9dcf315c03605e728af6916cf28e3e4c? s=60&d=retro&r=g) ### 󠀁[Great support](https://wordpress.org/support/topic/great-support-6680/)󠁿 [justinada](https://profiles.wordpress.org/justinada/) 2026년 7월 15일 답글 1개 Thank you for your very quick and efficient help ![](https://secure.gravatar.com/avatar/a8c53f34325d6e22bb6c254b3da9ecf08ce94b5f46368f302807d4aa5e376b01? s=60&d=retro&r=g) ### 󠀁[不评价后台一直弹窗！](https://wordpress.org/support/topic/%e4%b8%8d%e8%af%84%e4%bb%b7%e5%90%8e%e5%8f%b0%e4%b8%80%e7%9b%b4%e5%bc%b9%e7%aa%97%ef%bc%81/)󠁿 [leoshum](https://profiles.wordpress.org/leoshum/) 2026년 6월 23일 不评价后台一直弹窗！这个设定很烦人 ![](https://secure.gravatar.com/avatar/64b71353f873ed329c5e408f3ddc4d7b6809269ddb7937892377878866c3f91e? s=60&d=retro&r=g) ### 󠀁[Modern Cart and translations](https://wordpress.org/support/topic/modern-cart-and-translations/)󠁿 [orenkom28](https://profiles.wordpress.org/orenkom28/) 2026년 6월 17일 답글 1개 I encountered a problem updating the Modern Cart plugin and, in addition, I wanted to translate titles on pages that were a bit problematic to translate, and as usual, the support team did an excellent job and didn't let up until the problem was resolved… well done, keep up the good work! [ 모든 14 평가 읽기 ](https://wordpress.org/support/plugin/modern-cart/reviews/) ## 기여자 & 개발자 “Modern Cart – WooCommerce Side Cart & Popup Cart”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다. 기여자 * [ Brainstorm Force ](https://profiles.wordpress.org/brainstormforce/) “Modern Cart – WooCommerce Side Cart & Popup Cart”(이)가 3 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/modern-cart/contributors) 님께 감사드립니다. [자국어로 “Modern Cart – WooCommerce Side Cart & Popup Cart”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/modern-cart) ### 개발에 관심이 있으십니까? [코드 탐색하기](https://plugins.trac.wordpress.org/browser/modern-cart/)는, [SVN 저장소](https://plugins.svn.wordpress.org/modern-cart/) 를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/modern-cart/) 을 [RSS](https://plugins.trac.wordpress.org/log/modern-cart/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 #### Version 1.1.0 – Tuesday, 22nd September 2026 * Improvement: Performance and UX/UI improvements * Fix: Fixed unstyled cart content appearing at the bottom of the checkout page when using express checkout options like Stripe or WooPayments. * Fix: Fixed custom product information from third-party plugins being lost when products were added to the cart using AJAX. #### Version 1.0.10 – Wednesday, 17th June 2026 * Fix: Fixed the header cart icon not updating on cart actions for themes using WooCommerce cart fragments. * Fix: Fixed WooCommerce Product Bundles compatibility for cart quantities and slide-out behavior. * Fix: Fixed incorrect coupon discount in the cart when prices are displayed including tax. * Fix: Fixed the onboarding wizard hijacking unrelated admin navigation when activated alongside other plugins. * Fix: Fixed an error in the cart and slide-out helpers during bot crawls and 404 pages when WooCommerce had not initialized the cart. #### Version 1.0.9 – Friday, 17th April 2026 * New: Added an option to delete plugin data on uninstall. * Fix: Fixed an issue where AJAX add-to-cart was ignoring custom form fields from third-party plugins. * Fix: Fixed translations not loading on non-English sites. * Fix: Fixed a fatal error when the floating cart or slide-out rendered on admin pages. #### Version 1.0.8 – Monday, 23rd March 2026 * New: Added a cart preview in the backend for a quick visual view of the cart. * Fix: Improved template loading to work better in edge cases. * Fix: Improved how news feed content is handled for a smoother experience. * Fix: Improved error handling to show clearer and more consistent messages. * Fix: Improved the accessibility to make the experience more user-friendly and accessible for everyone. * Fix: Fixed an issue where an event listener was not triggering outside the JS scope. #### Version 1.0.7 – Wednesday, 4th February 2026 * Fixed a tax calculation issue in the cart total display, ensuring accurate tax calculation and display for WooCommerce carts. * Fixed an issue where the cart appeared empty when users navigated back using the browser’s back button by properly refreshing the cart state. #### Version 1.0.6 – Tuesday, 13th January 2026 * Fix: Fixed an issue with the TranslatePress plugin where unwanted HTML was appearing in product names in the cart. * Fix: Fixed an issue with AJAX add-to-cart functionality by ensuring the form submits correctly when the add-to-cart button is clicked, improving the overall cart experience. #### Version 1.0.5 – Tuesday, 30th December 2025 * New: Added an onboarding wizard to provide a smooth onboarding experience and enable quick, guided setup. #### Version 1.0.4 – Monday, 24th November 2025 * Fix: Fixed a compatibility issue affecting WooCommerce’s Coming Soon mode when the “Apply to store pages only” option was active #### Version 1.0.3 – Thursday, 20th November 2025 * Improvement: Added success message to the free shipping progress bar. * Improvement: Plugin now detects maintenance mode to stay inactive during maintenance. * Improvement: Added option to auto-open the cart drawer when a product is added without AJAX. * Fix: Improved translation support for sale percentages and cart item text. * Fix: Corrected “added to cart” notification display by improving AJAX handling. #### Version 1.0.2 – Monday, 3rd November 2025 * Improvement: Improved AJAX handling in Modern Cart with cache-control to ensure always up-to-date cart data. * Fix: Corrected shipping calculation errors for accurate totals when shipping settings change. * Fix: Resolved Astra cart icon compatibility by refining custom trigger selector handling. * Fix: Improved coupon field reliability through better state management for smoother user experience. * Fix: Fixed Firefox CSS issues in the popup cart for consistent cross-browser display. #### Version 1.0.1 – Monday, 29th September 2025 * New: Added cart header customization options in Modern Cart > Styling Tab > Cart Header, allowing greater control over the appearance of your cart header. * Fix: Fixed issue with tax HTML renderer not displaying correctly in the cart. * Fix: Compatibility bug fixes with Modern Cart Pro. #### Version 1.0.0 – Tuesday, 9th September 2025 * Initial release of Modern Cart Starter for WooCommerce. ## 기초 * 버전 **1.1.0** * 최근 업데이트: **1주 전** * 활성화된 설치 **60,000+** * 워드프레스 버전 ** 5.4 또는 그 이상 ** * 다음까지 시험됨: **7.1.2** * PHP 버전 ** 7.4 또는 그 이상 ** * 언어 * [English (US)](https://wordpress.org/plugins/modern-cart/), [Indonesian](https://id.wordpress.org/plugins/modern-cart/), [Russian](https://ru.wordpress.org/plugins/modern-cart/), 그리고 [Turkish](https://tr.wordpress.org/plugins/modern-cart/). * [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/modern-cart) * 태그: * [cart drawer](https://ko.wordpress.org/plugins/tags/cart-drawer/)[floating cart](https://ko.wordpress.org/plugins/tags/floating-cart/) [free shipping bar](https://ko.wordpress.org/plugins/tags/free-shipping-bar/) [popup cart](https://ko.wordpress.org/plugins/tags/popup-cart/)[woocommerce side cart](https://ko.wordpress.org/plugins/tags/woocommerce-side-cart/) * [고급 보기](https://ko.wordpress.org/plugins/modern-cart/advanced/) ## 평점 별 5점 만점에 4.9점. * [ 13/5-별점 후기 ](https://wordpress.org/support/plugin/modern-cart/reviews/?filter=5) * [ 1/4-별점 후기 ](https://wordpress.org/support/plugin/modern-cart/reviews/?filter=4) * [ 0/3-별점 후기 ](https://wordpress.org/support/plugin/modern-cart/reviews/?filter=3) * [ 0/2-별점 후기 ](https://wordpress.org/support/plugin/modern-cart/reviews/?filter=2) * [ 0/1-별점 후기 ](https://wordpress.org/support/plugin/modern-cart/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/modern-cart/reviews/#new-post) [모든 리뷰 보기](https://wordpress.org/support/plugin/modern-cart/reviews/) ## 기여자 * [ Brainstorm Force ](https://profiles.wordpress.org/brainstormforce/) ## 지원 지난 2개월 동안 해결된 문제: 2 중 2 [지원 포럼 보기](https://wordpress.org/support/plugin/modern-cart/)