# Add to cart

> The values of `bundle` inside `smootify-add-to-cart`.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/reference/attributes/add-to-cart  
Updated: 2026-10-13

## At a glance

- A Webflow Form Button: text only; its Waiting text setting shows while the product is added.
- A Custom element with the tag `button` and `type="submit"`: anything inside; `data-state="default"` and `data-state="loading"` elements swap while adding.
- Buy now: a second `button` with `type="submit"` and `name="buy-now"` adds and goes to checkout (not a Webflow Button, which is a link).

More in [the guide](https://www.smootify.io/docs/build/product-page#6-add-to-cart).

## Where it can go

- **Inside** [`smootify-add-to-cart`](https://www.smootify.io/docs/reference/elements/smootify-add-to-cart).

## Values

| Attribute and value | What it is | Notes |
|---|---|---|
| `bundle="total"` | Bundle total | on text |
| `bundle="images"` | Bundle images | One per selected add-on; on image, container |
| `bundle-limit="current-total"` | Units in the bundle | on text |
| `bundle-limit="above-units"` | Units above the limit | on text |
| `bundle-limit="missing-units"` | Units missing | on text |
| `name="buy-now"` | Buy now | Goes straight to checkout; on button |
| `data-state="default"` | Idle label | on text, container; inside smootify-add-to-cart [type=“submit”], smootify-cart [type=“submit”], smootify-magic-box-cart [type=“submit”], klaviyo-back-in-stock [type=“submit”], customer-user-update [type=“submit”], create-address [type=“submit”], edit-address [type=“submit”], delete-address [type=“submit”], customer-subscribe-email [type=“submit”], customer-unsubscribe-email [type=“submit”], customer-metafields-editor [type=“submit”], subscription-activate [type=“submit”], subscription-pause [type=“submit”], subscription-cancel [type=“submit”], passwordless-login [type=“submit”], logout-form [type=“submit”], webflow-form [type=“submit”], newsletter-subscribe [type=“submit”], metaobject-creator [type=“submit”], metaobject-editor [type=“submit”], booking-form [type=“submit”], [form], customer-order [data-action=“buy-again”], order-page [data-action=“buy-again”], smootify-product [data-is=“direct-add-to-cart”] |
| `data-state="loading"` | Loading label | on text, container; inside smootify-add-to-cart [type=“submit”], smootify-cart [type=“submit”], smootify-magic-box-cart [type=“submit”], klaviyo-back-in-stock [type=“submit”], customer-user-update [type=“submit”], create-address [type=“submit”], edit-address [type=“submit”], delete-address [type=“submit”], customer-subscribe-email [type=“submit”], customer-unsubscribe-email [type=“submit”], customer-metafields-editor [type=“submit”], subscription-activate [type=“submit”], subscription-pause [type=“submit”], subscription-cancel [type=“submit”], passwordless-login [type=“submit”], logout-form [type=“submit”], webflow-form [type=“submit”], newsletter-subscribe [type=“submit”], metaobject-creator [type=“submit”], metaobject-editor [type=“submit”], booking-form [type=“submit”], [form], customer-order [data-action=“buy-again”], order-page [data-action=“buy-again”], smootify-product [data-is=“direct-add-to-cart”] |