The button Divi left out of your shop.
Divi's Woo Products module shows your products and gives you no way to add them to the cart. This adds a fully designable Ajax button to that module — no new module, nothing to rebuild.
v1.0.0 · Launch price, normally $39.99 · 14-day refund
Field Notebook
$18.00
Canvas Apron
$42.00
Enamel Mug
$14.00
Press a button — the page never reloads and the cart count updates in place.
Where did my add to cart button go?
The Divi theme removes WooCommerce's own loop button from product grids, so a Woo Products module has no button at all until something supplies one. This supplies it.
Why can I style every button but that one?
Because it was never a Divi control. This one is: background, border, font, spacing, sizing, box shadow, alignment and the full icon set, from Divi's own button composite.
Do I have to rebuild my shop pages?
No. There is no new module to learn. Open any Woo Products module you already built and the controls are there, in the panels you already use.
Two text fields, because two things happen.
Type in the fields on the left. Each one only rewrites the products it actually governs — the rest keep the wording WooCommerce already gets right.
Elements
Add To Cart
Add To Cart Button
Divi's own button composite, not a copy of it. The same seven control groups you get on a Call To Action button, including the complete icon controls — which icon, its colour, its placement, and whether it only appears on hover.
Grouped, external and out of stock products keep WooCommerce's wording. Labelling them "Add to cart" would promise something that does not happen.
One button, done properly.
Adds without a reload
A click adds the product and refreshes your cart fragments, so mini carts and counters update in place. Your theme's own added_to_cart handlers still fire.
No new module
The controls are added to Divi's own Woo Products module. Open a page you built last year and they are there, under Content → Elements and Design → Add To Cart Button.
Divi's own button controls
Background, border, text and font, spacing, sizing, box shadow, alignment and the complete icon set — because it is the same control set a Call To Action button uses, not a rebuild of it.
Labels that tell the truth
One label for products that add in place, another for variable products that open their page. Grouped, external and out of stock products keep WooCommerce's own wording.
Cache safe by design
The security token is fetched on the first click rather than printed into the page, so a cached page can never serve a stale one. Rate limited per visitor.
Works without JavaScript
Every button is a real link to a real URL, exactly as WooCommerce's own is. The script intercepts the click when it can and steps aside when it cannot.
It behaves like part of Divi, because it is
Divi 5 ships both rendering engines, so the plugin detects which one is drawing the page rather than guessing from the theme version. Divi 4.27.7 and Divi 5.9.0 are the floors.
The button is only replaced inside Divi's Woo Products module. Your shop page, category archives and any other plugin's product loops are untouched.
The add-to-cart token is issued by its own uncacheable REST route on first interaction, so full-page caching cannot serve an expired one. If a token is rejected the client refetches and retries once.
A product is only added in place when WooCommerce says it supports it, is purchasable and is in stock. The standard validation filters run, and the "redirect to cart after adding" setting is honoured.
Three ways to get a button
| Capability | Divi alone | A functions.php snippet | This plugin |
|---|---|---|---|
| A button in Woo Products at all | ✕ | ✓ | ✓ |
| Adds without a page reload | ✕ | — | ✓ |
| Styled from the Divi Design tab | ✕ | ✕ | ✓ |
| Per-module on/off toggle | ✕ | ✕ | ✓ |
| Correct label per product type | ✕ | — | ✓ |
| Survives a full-page cache | ✕ | — | ✓ |
| Still works with JavaScript off | ✕ | — | ✓ |
| Time cost | no button | a snippet to maintain | a toggle |
One plugin. Every product grid on the site.
Divi Ajax Add To Cart
Renews for updates & support
- Every control, on Divi 4 and Divi 5
- Works on the Woo Products modules you already built
- Use on your own and client sites
- 1 year of updates and support
- 14-day money-back guarantee
Launch price for a limited time — the regular price is $39.99. Requires WooCommerce 8.0 and either Divi 4.27.7 or Divi 5.9.0.
Before you ask
Does it work on Divi 4 and Divi 5?
Yes, from one codebase. Divi 5 ships both engines, so the plugin detects which one is rendering rather than guessing from the theme version. Divi 4.27.7 or Divi 5.9.0 is the minimum.
Will activating it change my existing pages?
Yes, and deliberately. The Divi theme removes WooCommerce's own loop button from product grids, so a Woo Products module has no button until this plugin supplies one. The toggle defaults to on, so every existing module gains a button — switch it off on any module that should not have one.
What happens if a visitor has JavaScript disabled?
The product is still added to the cart. Every button is a real link to a real URL, exactly as WooCommerce's own loop button is; the script intercepts the click when it can and steps aside when it cannot.
Why are there two text fields?
Because two different things happen. WooCommerce only allows a one-click add for products that support it, are purchasable and are in stock. A variable product needs its options chosen first, so its button opens the product page. Labelling both "Add to cart" would promise something that does not happen.
Does it work with a page cache?
Yes. The security token for the add-to-cart request is fetched when a visitor first clicks rather than printed into the page, so a cached page never serves a stale one.
Does it affect other product loops on my site?
No. The button is only replaced inside Divi's Woo Products module. Shop pages, category archives and other plugins' loops are untouched.
Is anything different inside the Divi 5 builder?
One thing, and it is worth knowing before you buy. While editing on the Divi 5 canvas the button previews with its default label rather than your custom text. The settings panel and the published page are both correct, and the show/hide toggle previews live. Divi 4's builder preview updates as you type.
Let people buy the thing.
Install it, open a Woo Products module, and the button is already there — waiting to be styled like everything else on the page.
Launch price, normally $39.99 · 14-day money-back guarantee · v1.0.0 · WooCommerce 8.0+
Divi Ajax Add To Cart is an independent product for the Divi theme. Divi is a trademark of Elegant Themes and WooCommerce is a trademark of Automattic. DiviMint is not affiliated with or endorsed by either.