How to Set Up Essential Sticky Add to Cart

The Sticky Add-to-Cart bar is a slim bar that stays on screen on the product page as the customer scrolls. It shows the product, price, variant select and an add-to-cart button, so the buy button is always in reach.

It's part of Essential Cart Drawer. Set it up in the editor, then click Enable and turn on the app embed in your theme. The Sticky Add-to-Cart bar doesn't need a paid plan. See Getting Started.

The Sticky Add-to-Cart editor has five sections: Settings, Content, Announcement bar, Design and Display.

Show on desktop and mobile

In Settings:

Show on desktop and Show on mobile: turn the bar on per device.
Don't show for sold out products: hides the bar when the product can't be bought.

Desktop and mobile have their own preview and position settings, so you can run the bar on one device only.

When the bar appears

Option	The bar shows
Always	The whole time
After scrolling past "Add to cart"	Once the customer scrolls below the theme's own add-to-cart button
When "Add to cart" is out of view	Whenever the theme's add-to-cart button is not on screen

If the bar disappears on mobile when you don't expect it, choose Always.

What the button does

Go to cart
Go to checkout
Stay on page: adds the item and stays.
Scroll to top to 'Add to cart' button: jumps to the product's main buy button.

Size and position

Full width or Condensed. With Condensed, set a Max width and the side (Left or Right).
Top or Bottom of the screen.
Offsets: fine-tune the spacing in px, per device.

What the bar shows

In Content, tick what to show: Product image, Name, Price, Compared at price, Variant select and Quantity selector.

Announcement bar and timer

The Announcement bar section adds a message line to the bar, with an optional countdown.

Enabled on desktop and Enabled on mobile: show it per device.
The message text. Use {timer} to show the countdown.
Timer Settings: Countdown to date or Fixed minutes, and what happens when it ends: Hide the timer, Repeat the timer (Fixed minutes only) or Show message. Remove all items from cart is only on the cart drawer timer. The same timer applies to desktop and mobile.

New Sticky Add-to-Cart bars start with the announcement bar off.

Remove "Get it while it lasts"

That line is the announcement bar. To remove it, open Announcement bar and untick Enabled on desktop and Enabled on mobile. Then save.

Choose which products show the bar

In Display:

Show Essential Sticky Cart: All products, Specific products, Specific collections, Exclude specific products or Exclude specific collections.
Show on Homepage: pick one product to show in the bar on your home page.

Styling

In Design:

Template: Dark or White as a starting point.
Background: a single colour or a gradient, border, drop shadow and Font.
Add to cart button and Sold out button: text size and colour, background, border, Corner radius.
Product name, price, strike-through price, variant select colours, and the announcement bar background.
Mobile has its own button text size and variant select colours.

Limits and common questions

Question	Answer
Can the bar show on collection pages, blog pages or landing pages?	No. Product pages and one product on the home page only
Can I hide it on one product template?	Use Exclude specific products or Exclude specific collections in Display
Can customers pick colour and size separately?	No. One Variant select with all options
Can it show bundle or quantity-break prices?	Yes with Essential Upsell volume discounts: the bar shows the selected tier's price and adds that tier. With other bundle apps, like Kaching Bundles, it shows the single product price
Can it show a subscription price with the full price crossed out?	No. For subscription products, use Scroll to top to 'Add to cart' button to send shoppers to your product form
With Go to cart, does it open the cart drawer?	Yes. When the cart drawer is enabled, Go to cart opens the drawer instead of the cart page
It still shows after I turned it off	Click Disable, save, and refresh your store in a private window
It doesn't show on mobile	Tick Show on mobile in Settings and check the mobile position and offsets
Something covers the bar, like a chat button	See Theme and App Conflicts
Does it need a paid plan?	No

The Sticky Add-to-Cart bar is also tracked on its own Sticky cart tab in Analytics.