Skip to main content
Bloom auto-detects your theme’s Add to cart button and slots its widget directly below it on the product page. If your theme uses an unusual button structure and the widget appears in the wrong place - or doesn’t appear at all - use Advanced settings to override the selector.
The functionality has been heavily tested with top 20 theme developers and most used themes. If you need support contact us and we can optimise the app to work on your theme.
Most themes work without any developer configuration. Try a normal install first; only come here if the widget isn’t anchoring correctly.

​
ATC button selector

Find it at Apps → Bloom → Settings → Advanced → Add to Cart button. Paste a CSS selector that uniquely identifies your theme’s buy button. Bloom tries this first; if it doesn’t match, auto-detection still runs as a fallback.
Add to Cart button selector in Advanced settings

​
Examples

​
How to find your theme’s selector

  1. On your storefront product page, right-click the Add to cart button → Inspect.
  2. In the highlighted DOM node, look for an id, name, data-* attribute, or a stable class.
  3. Use the most specific stable identifier:
    • id is best: #add-to-cart
    • Next: name/data-* attribute: button[name="add"], [data-add-to-cart]
    • Last resort: class names - themes change these between updates.
  4. Paste into the ATC button selector field. Click Save.
  5. Reload the product page on the storefront and confirm the widget appears below the button.
Leave the field blank to use auto-detection only. If the theme is one Bloom already supports out-of-the-box, no override is needed.

​
Sticky, floating and quick-buy buttons

Bloom handles these alongside your main buy button, on by default. Their label and state - pre-order, sold out, in stock - mirror Add to cart. Controls sit in the same Add to Cart button panel:
  • Sticky & floating add to cart buttons - turn Bloom’s handling off for the whole store.
  • Sticky button selector - point Bloom at an extra sticky or floating-bar buy button to mirror. Runs alongside auto-detection; leave blank to rely on it alone.
Quick add / buy and Bundle builders have their own sections in the left column of Settings → Advanced. To move the pre-order message rather than the widget, use Product message anchor and Cart message anchor in the same Settings → Advanced column. Placement itself is set under Layout & positioning on Pre-order → Design.
Whether Notify me shows on each of these buttons is set under Notify me → Settings → Display - see Notify Me settings.