Installing Divi Side Cart: From Plugin File to a Working Slide-In Cart
A slide-in cart sounds like a small detail until a shopper on your Divi store adds a product and nothing visibly happens. They wonder whether the click worked, click again, and sometimes leave. Divi Side Cart fixes that moment: when someone adds a product, a side panel slides in showing what is in the cart, with a floating cart icon to reopen it. This guide covers installing and activating the plugin, setting it up to match your store, and testing it the way a real shopper would.
Buy Divi Side Cart Plugin: message us on WhatsApp https://wa.me/8801919052411 with the product name — bKash/Nagad accepted, activation within minutes.
Before you start: the one requirement that matters
Divi Side Cart is a premium plugin for Divi theme WooCommerce sites, and it works only with the Divi theme. That is not a soft recommendation; if your site runs a different theme, this plugin is not the right tool. Before ordering or installing, confirm that Divi is the active theme on the site where the shop lives. If you run a staging copy alongside your live site, decide which site you will set up first — staging is the safer place to learn the settings, and you can repeat the final choices on the live site in minutes.
You will also need a working WooCommerce setup with at least one published product. A slide-in cart cannot be meaningfully tested on an empty shop, because there is nothing to add. Create one simple test product if your shop is still in progress, and keep it published but clearly marked as a test until you are done, or use a draft workflow your store already uses for testing.
Step 1: Get the plugin onto your site
When you buy the Divi Side Cart Plugin from WP Theme Bazar, activation is seller-assisted: the WP Theme Bazar team activates the original license directly on your site, and the private license key is never shared. You do not need to hunt for a key or paste one into a settings field yourself. If you are given a plugin file to upload, or if the team completes the installation for you, the end state you should see is the same: the plugin appears in your WordPress admin under Plugins, marked active, and its settings panel is available.
If you are uploading the file yourself, go to Plugins, then Add New, then Upload Plugin, choose the file, and click Install Now followed by Activate. If WordPress reports that the upload failed because of a file size limit, do not repeatedly retry the same upload; check with your host about the limit or ask the WP Theme Bazar team for help. A failed upload is a hosting configuration issue, not a sign that the plugin is broken.
After activation, look for the plugin's settings area in the WordPress admin. Plugin menus vary, so if you cannot find it immediately, check under the Divi menu, under Settings, or in the main admin sidebar for a DiviLife entry. Finding the settings page before changing anything else saves a lot of hunting later.
Step 2: Turn the cart on and choose how it opens
The core behaviour to configure first is the trigger: what makes the side cart appear. In most setups, adding a product to the cart opens the panel automatically through AJAX add-to-cart, so the shopper sees confirmation without a page reload. The floating cart icon then lets them reopen the panel at any time to review items, change quantities, or go to checkout.
Enable AJAX add-to-cart behaviour if your setup offers it as a distinct option, and make sure the floating icon is visible on shop and product pages. Then decide where the panel slides in from. Left or right is a design choice, but consistency matters more than novelty: if your site's navigation or checkout flow already favours one side, keep the cart on the side that feels natural for your layout. Test the choice on a phone as well as a desktop, because a panel that looks elegant on a wide screen can feel cramped or obstructive on a small one.
At this stage, do not style anything yet. Get the behaviour right first — add to cart, panel opens, icon reopens it, checkout link works — and only then move on to colours and typography. Separating behaviour from styling makes it much easier to tell whether a problem is a setting issue or a design issue.
Step 3: Make it match your brand
Divi Side Cart is customizable to match your brand, and this is where the panel stops looking like an add-on and starts looking like part of your store. Match the panel's button colours to your existing add-to-cart and checkout buttons. Use the same font family and heading style as the rest of the site. Keep the accent colour restrained: the cart panel should draw attention when it opens, but it should not clash with product pages.
Pay attention to the small text inside the panel as well. The cart title, the subtotal label, the empty-cart message, and the checkout button text are all part of the shopper's experience. Short, plain wording works best. An empty-cart message that tells the shopper what to do next — for example, pointing them back to the shop — is more helpful than a bare notice that the cart is empty.
If your store uses a particular currency format or tax display, check that the panel's totals match what shoppers see on the cart and checkout pages. WooCommerce controls those calculations; the side cart should reflect them, not restate them differently. Any mismatch here will confuse shoppers, so compare the panel subtotal against the standard cart page during testing.
Step 4: Check how it works with the rest of Divi
Divi Side Cart is made by DiviLife, the same vendor behind Divi Cart Module, and the two products complement each other rather than competing. The side cart provides the slide-in panel and floating icon; the Cart Module shows cart count and total inside Divi layouts. You do not need both to have a working slide-in cart, but if you already use the Cart Module in a header or layout, check that the two do not duplicate the same information in a confusing way. One clear cart indicator in the header plus the floating icon is usually enough; two competing totals in the same header are not.
Also check any caching or optimization plugin on your site. Cart pages and fragments are dynamic — they change per visitor — so a cache that serves a stale cart to the wrong visitor would be a serious problem. WooCommerce-aware caching setups normally exclude cart fragments, but if you have recently changed caching settings, test the cart in a private browser window after clearing the cache. If the panel shows another visitor's items, or shows an empty cart after adding a product, caching is the first place to investigate.
Step 5: Test like a shopper, not like the site owner
Site owners test differently from shoppers: they already know where everything is. To test properly, open a private or incognito browser window, visit a product page as a stranger would, and add the product to the cart. Confirm that the panel slides in promptly, shows the right product, quantity, and price, and lets you adjust quantity or remove the item. Then close the panel, use the floating icon to reopen it, and follow the checkout link to make sure it lands on the correct checkout page.
Repeat the test on a phone. Check that the floating icon does not cover an important button, that the panel is fully readable without horizontal scrolling, and that the close button is easy to tap. Then test the edge cases: add the same product twice, add two different products, remove everything until the cart is empty, and confirm the empty state looks intentional. Finally, test with a product that has variations, if your store uses them, because variation selection is a common place for add-to-cart behaviour to diverge from expectations.
If anything fails, change one setting at a time and retest. Changing five settings at once and retesting tells you nothing about which change fixed or broke the behaviour. Note the working combination once you find it, especially if more than one person manages the site.
Step 6: Go live and keep an eye on it
Once testing passes on staging, repeat the setup on the live site and run the same shopper test there. Live and staging environments can differ in caching, hosting, and plugin versions, so a pass on staging is not a guarantee for live. After going live, check the cart behaviour again after any major change: a Divi update, a WooCommerce update, a new caching plugin, or a header redesign can all affect the panel.
The Divi Side Cart Plugin is listed at WP Theme Bazar for ৳300 on sale, against a regular price of ৳500 (price may change — see the product page for the current price). The official price is listed at $49 on the product page (price may change — see the product page for the current price). That price buys the slide-in panel, floating trigger, AJAX add-to-cart, and brand customization described here — not a redesign of your store, and not a promise of higher sales. What it does is remove a small moment of doubt at the exact point where a shopper decides to keep shopping or head to checkout, and for many small stores that smoother moment is worth the setup time.
Keep the plugin updated through the normal WordPress update flow for your site, and revisit the styling whenever you rebrand or redesign the header. A cart panel that matched last year's colours but not this year's will quietly look out of place, and a two-minute colour check after a redesign keeps the whole store feeling coherent.
Frequently asked questions
Does Divi Side Cart work without the Divi theme?
No. It is built for Divi theme WooCommerce sites and works only with Divi. If your site uses a different theme, this plugin is not suitable, even if WooCommerce itself is installed.
What happens when a shopper adds a product to the cart?
With AJAX add-to-cart enabled, the side panel slides in showing the added product, quantity, and totals, without a full page reload. The floating cart icon lets the shopper reopen the panel later.
Do I need Divi Cart Module as well?
Not necessarily. The two products complement each other: Side Cart provides the slide-in panel and floating icon, while Cart Module displays cart count and total inside Divi layouts. Use both only if your layout genuinely needs both presentations.
How does activation work when buying from WP Theme Bazar?
The WP Theme Bazar team activates the original license directly on your site through seller-assisted activation, and the private license key is never shared. You do not paste a key yourself.
Will the side cart slow down my shop?
Any added feature has some cost, but a cart panel is a small, targeted feature compared with a full page builder or slider. Keeping images optimized and caching configured correctly matters far more for overall shop speed than the panel itself.
What should I test after installing?
Test adding a product, reopening the panel from the floating icon, changing quantities, removing items, reaching checkout, and the empty-cart state — on both desktop and mobile, in a private browser window.
Buy Divi Side Cart Plugin: message us on WhatsApp https://wa.me/8801919052411 with the product name — bKash/Nagad accepted, activation within minutes.
