Set Up The Sticky Add To Cart App
Last updated on October 30, 2026
Having the Add to Cart button visible for your visitors at all times is very important, as no matter how far down the page they scroll, they will still be able to add the product they want to cart quickly. You will help reduce the risk of the visitor leaving without adding to the cart!
Sticky Add to Cart is included in the Vitals All-in-One plan, $29.99/month, with a 7-day free trial. Sales from Sticky Add to Cart count toward Conversion Assists: the first $1,000 a month is free, then usage charges start at $10 a month (see The Vitals All-in-one Plan).
The Sticky Add to Cart app is good to go almost out of the box, but if you wish to set everything up, you can find all the information here:
Please keep in mind that the Sticky Add to Cart bar has the same functionality as the Add to Cart button from your product page. Regardless of the button from the page or the Sticky bar's one is clicked, the result will be the same.
Here's how to set up the Sticky Add to Cart.
The Sticky Add to Cart bar is very easy to set up. However, the first thing you should do to have it working is to make sure you make it visible via Desktop, Mobile, or both.
If you want to only show the Sticky Add to Cart on Desktop rather than Mobile, or vice versa, make sure that only one of the two desired options is ticked.
The next step is to decide whether to show the quantity selector or not and choose the app's placement, be it at the top of the page or the bottom.
You can also choose to display the star rating snippets from the Product Reviews app under the product's title in the Sticky Add to Cart bar.
Furthermore, you can decide to either copy the design of the Add to Cart button from your theme or customize it yourself.
💡 Looking to have this app appear only on specific product pages? You can use the Display Rules section of the app to specify the product pages where you would like this app to appear. For more information, you can refer here: Displaying apps only on specific products using Display Rules
Frequently Asked Questions [FAQs]
Can I change the Sticky Add to Cart app's behavior to make it go to checkout instead?
Yes. In Preferences → What shoppers see → After Add to cart, choose what happens after a shopper clicks the Sticky Add to Cart button. Choose Checkout page to send shoppers straight to checkout. You can also send them to the cart page, keep them on the same page, or use Auto detect to open your cart drawer on supported themes.
Can the Sticky Add to Cart bar show how much a customer saves?
The bar can show the original compare-at price struck through next to the current price, but it cannot show a calculated savings amount such as “Save €20” or “15% off”. Enable Show compare-at price in Sticky on Desktop. On mobile, enable it in Sticky on Mobile with Style set to Complete and Show price enabled.
If you use a Vitals Volume Discount offer with Use the theme's Add to Cart button enabled, the bar follows the tier selected by the shopper. It normally shows the tier total, or the discounted price per item when the offer hides the total price. When Show compare-at price is enabled, any original price shown uses the selected tier's matching price basis.
Sticky Add to Cart App Settings List
Sticky on Mobile
- Show on Mobile Devices - when enabled, the app will appear on mobile devices as well
- When to show:
- Always on Display
- When user starts scrolling
- When user scrolls past the Add to Cart button
- Mobile Location
- Bottom
- Top
- Style
- Complete - Has all the necessary properties of the product appear in the app. If this is selected, you can disable specific product properties to hide them, such as:
- Product Image and Title
- Price
- Compare-at Price
- Variant Selector
- Quantity Selector
- Product Reviews Stars (if the product has reviews from the Vitals Product Reviews app)
- Product Reviews Count (if the product has reviews from the Vitals Product Reviews app)
- Minimal - Displays the Sticky Add to Cart app with the least amount of elements (all product properties above are disabled)
- Complete - Has all the necessary properties of the product appear in the app. If this is selected, you can disable specific product properties to hide them, such as:
Sticky on Desktop
- Show on Desktop Devices - when enabled, the app will appear on desktop devices
- When to show:
- Always on Display
- When user starts scrolling
- When user scrolls past the Add to Cart button
- Desktop Location
- Bottom
- Top
- Bar height
- Small
- Medium
- Large
- Bar Content Width - A slider that you can adjust to increase/decrease the app's overall width
- Button Size
- Small
- Large
- Show/Hide Product Title (the product image and price always show on desktop)
- Show/Hide Compare-at Price
- Show/Hide Variant Selector
- Show/Hide Quantity Selector
- Show/Hide Product Reviews Stars - If the product has reviews from the Vitals Product Reviews app, enabling this option will show it inside the app as well.
- Show/Hide Product Reviews Count - If the product has reviews from the Vitals Product Reviews app, enabling this option will show it inside the app as well.
Sticky on Homepage
- Show on homepage - If you have a featured product section on your homepage, this product will be displayed in the Sticky Add to Cart bar.
💡 Note: For the Sticky Add to Cart app to function properly on the homepage, the page must include a featured product section that contains a correctly structured product form and an Add to Cart button.
General Settings
- Background color
- Text Color
- Discounted Price Color
- Selectors border (allows you to change the border colors of the Quantity and Variant selectors)
- Add to Cart button style
- Auto-detect - Copies the style of your product page's main Add to Cart button
- Custom - Allows you to customize the background and text color of the app's Add to Cart button
- Corner Radius
- Overwrite Add to Cart button text - If this is enabled, it will allow you to customize the text inside the app's Add to Cart button itself. If disabled, it will simply copy the text of your main Add to Cart button.
- Show/Hide Button Shadow
- Apply Animated Add to Cart style - If the Animated Add to Cart app is enabled, selecting this option will apply the same style effect to the Sticky Add to Cart button.
Stop page scroll - If this is enabled, it will stop the page from automatically scrolling to the product image when a different variant is selected using the Sticky Add to Cart bar.
Troubleshooting: the button shows or opens the Size Chart
If the Sticky Add to Cart button displays “Size Chart” instead of “Add to Cart” or “Buy Now”, go to Sticky Add to Cart → Settings → General settings. Enable Overwrite Add to Cart button text and enter the label you want to show, such as “Add to Cart” or “Buy Now”.
This prevents the Sticky Add to Cart bar from copying text from your theme’s Add to Cart button. When a product is sold out or unavailable, the bar will still show the text from the theme button.
Then test the Sticky Add to Cart button on your storefront. If it opens the Size Chart instead of adding the product to the cart, move the Size Chart button away from the Add to Cart button. In Size Chart → Settings → Position, choose a location such as Product description, or select Buy buttons section and place it Below the section. Save your changes and refresh the storefront.