Sticky add to cart
A pinned bar that appears once the offer scrolls out of view and takes customers back to it.
The sticky bar sits at the bottom of the product page and appears only once the bundle block has scrolled out of view. It's there to catch customers who've read past your offer and want to get back to it.
It doesn't add to cart
Despite the name, the button doesn't add anything to the cart. It scrolls the customer back up to the bundle block, where they pick a tier and add to cart as normal. That's why the default button label is Choose bundle, not Add to cart.
Turn it on
Open your bundle and go to the Offers tab.
Find the Sticky add to cart card and switch it on.
On the Content tab, set your Title and Button text.
Switch Show product image on or off.
Click Save.
Content settings
| Setting | What it does |
|---|---|
| Title | The text on the bar. Use {{product}} to insert the product name — {{product_title}} works too. Leave it empty and the bar just shows the product name. |
| Button | The button label. Defaults to Choose bundle. |
| Show product image | Shows a thumbnail of the product on the bar. On by default. |
Style settings
The Style tab covers the bar's appearance:
| Setting | Controls |
|---|---|
| Background | The bar's background color. |
| Title color / Title size | The title text. |
| Button background / Button text color / Button text size | The button. |
When it appears
| State | Bar |
|---|---|
| Bundle block visible on screen | Hidden. |
| Bundle block scrolled out of view | Slides in, pinned to the bottom of the page. |
In the editor preview the bar always renders, so you can style it without scrolling.
Write the button for what it does
Because the button scrolls rather than buys, a label like Add to cart sets the wrong expectation — the customer taps it and lands back at the offer with nothing added. Labels that match the behavior:
Choose bundle(the default)See the dealPick your pack
Get it right
- Keep the title short. The bar is narrow on mobile, and a long product name plus a button leaves no room.
- Check it doesn't cover anything. Some themes have their own sticky elements or a bottom navigation bar. Scroll the full page on a phone before publishing.
- Match your theme's button so the bar doesn't read as a third-party overlay.