A Divi-native cart drawer and popup

Add a cart drawer or popup to Divi.

Give shoppers a branded place to review products, change quantities, apply coupons, see totals, explore cross-sells, and continue to checkout without losing their place in the store.

  • Divi 4 and Divi 5
  • Side drawer or popup
  • 14-day refund window
Smart Cart drawer open beside a WooCommerce storefront
Live quantity, coupon, and total updates
The current store page stays visible
Divi 4 and 5 Drawer or popup AJAX cart actions 14-day refund window

WooCommerce is the engine

Control the WooCommerce cart with a Divi module.

The normal cart route remains available. Smart Cart adds a persistent interaction layer that follows the shopper through the store and can be designed with the same Divi controls as the rest of the site.

  • Keep contextReview and update the order without navigating away.
  • Stay in DiviPlace and style the module through Divi Theme Builder.
  • Connect the shopping flowOpen the cart after supported add-to-cart actions and move directly to checkout.
Smart Cart module placed inside a Divi Theme Builder footer template
Add Smart Cart to a Theme Builder footer so it can remain available across the store.

A short setup path

Set up Smart Cart in four steps.

  1. PlaceAdd Smart Cart to a Divi Theme Builder footer template.
  2. ChooseSelect a side drawer or centered popup and set its opening behavior.
  3. ShapeChoose the product details, cart actions, cross-sells, and design controls the store needs.
  4. PublishAssign the template to the store areas where shoppers should reach the cart.

Two cart layouts

Compare the side drawer and centered popup.

Use a side drawer to preserve more of the current page, or a centered popup when the cart needs focused attention.

Keep the page visible with a side drawer.

A drawer can open from the left or right, preserve the page behind it, and keep the next shopping decision close.

Smart Cart style controls showing the side drawer option

The complete cart moment

Let shoppers manage the cart before checkout.

Choose the details and actions that belong in the cart, then style each group to fit the store.

Update items and quantities

Show thumbnails, prices, quantities, subtotals, item removal, and the current cart total. Updates appear without a full page refresh.

  • Quantity
  • Remove
  • Totals

Keep the cart within reach

Use a floating launcher with a live item-count badge, then adjust its icon, size, color, and background to match the storefront.

  • Live count
  • Icon controls
  • Floating access

Add products without reloading the page

Connect supported single-product and archive add-to-cart actions to the cart without interrupting the page.

  • Single products
  • Archives

Apply coupons and show cross-sells

Let shoppers apply coupon codes and browse WooCommerce cross-sells with product images, titles, ratings, prices, and direct add-to-cart buttons.

  • Coupons
  • Recommendations
  • Quick add

View cart, checkout, or keep shopping

Offer clear cart, view cart, checkout, and continue-shopping buttons with editable labels.

  • View cart
  • Checkout
  • Continue

Style every part in Divi

Style the cart header, body, footer, launcher, product list, typography, buttons, hover states, backgrounds, borders, and shadows. Add custom CSS when the design needs finer control.

  • Section styling
  • Hover states
  • Custom CSS

Control how the cart moves

Open the cart after add to cart, choose fade or slide motion from any direction, adjust the animation speed, and allow closing by outside click or Escape.

  • Fade or slide
  • Motion speed
  • Keyboard close

Adapt across the storefront

Use responsive, touch-friendly cart controls across desktop, tablet, and phone layouts. Frontend assets load conditionally where the module is used.

  • Responsive
  • Touch-friendly
  • Conditional assets

Support when it matters

Practical help when a setup gets complicated.

Company-level feedback from customers about responsive troubleshooting and support.

★★★★★
“They helped me out and solved the problem. Highly recommended!”
Roeby de Voogd van der Straten Verified DiviKingdom customer
Review 1 of 3

Choose your license

Choose your Smart Cart license.

Choose Smart Cart with annual or lifetime billing and 1-site, 5-site, or unlimited-site coverage, or get every DiviKingdom plugin with All Access.

Divi Smart Cart

$29/ annual

  • Access to Divi Smart Cart
  • 1 Year of Support & Updates
  • 14-Day Money Back Guarantee

Compatibility and release facts

Works with Divi and WooCommerce.

Current version
2.0.0
Divi support
Divi 4 and Divi 5
Initial release
November 25, 2024
Last updated
April 27, 2026

Support and pre-sale

Questions about Smart Cart?

Ask us about features, licenses, billing, setup, or support. Our product team helps before purchase and throughout your license.

Before you buy

Smart Cart FAQs

Smart Cart for Divi

Get Smart Cart for Divi.

Add a branded cart drawer or popup with the product details and actions your store needs.

Divi 4 & 5 · WooCommerce · 14-day refund window