How to Add Sticky Add to Cart to Shopify

The “Add to Cart” button is one of the most important elements on any product page. But when customers scroll through a product page, the original button often disappears from view - making it harder to buy.

Progus Sticky Add to Cart Bar solves this by keeping the purchase button visible while customers browse.

In this guide, we’ll show you how to add Progus Sticky Add to Cart to your Shopify store, activate the app, and customize your sticky bar.

Step 1: Install and Open Progus Sticky Add to Cart

To get started, you can install the app in two ways:

Option 1: From the Shopify App Store

• Go to the Shopify App Store
• Search for Progus Sticky Add to Cart Bar
• Click Install

Option 2: From the Progus website

You can also install the app directly from the official page: Progus Sticky Add to Cart

After installation: open the app from your Shopify dashboard.

You’ll see the main dashboard with your setup guide, which will help you activate the app, customize your Sticky Add to Cart Bar, and confirm that it works properly on your store.

Step 2: Activate the App

After opening Progus Sticky Add to Cart from your Shopify dashboard, you’ll see the main setup guide.

Start by activating the app. Click Activate.

Shopify may open your theme app embed settings. If that happens, enable the app embed and click Save in the top-right corner.

Then return to Progus Sticky Add to Cart and refresh the setup status if needed.

Step 3: Open the Customization Panel

Once the app is active, go back to the setup guide and click Customize.

This opens the customization panel, where you can edit your Sticky Add to Cart and preview changes on the right side of the screen.

Step 4: Configure the Bar Settings

Start with the Bar section. Here, you can customize the general look and behavior of your Sticky Add to Cart Bar.

You can adjust settings such as:

• background mode and color
• bar position and visibility
• effects
• border
• spacing

Choose settings that make the bar easy to notice without distracting customers from the product page. For most stores, placing the bar at the bottom of the screen is a good starting point, especially on mobile.

Step 5: Add a Countdown or Announcement Message

Go to the Countdown section to add a short message or timer to your sticky bar.

You can set when the countdown appears, edit the message, adjust colors, and choose a fixed time or specific end date.

Use this section for real promotions or limited-time offers, and keep the message short so it supports the buying decision without distracting shoppers.

Step 6: Customize Product Information

In the Product section, choose which product details should appear in your sticky bar.

You can show or hide the product image, name, price, compare-at price, and discount badge.

For most stores, product name, price, and the Add to Cart button are enough to keep the bar clear and easy to use.

Step 7: Adjust Quantity and Variant Options

In the Quantity section, you can enable quantity and variant selectors.

If your products have variants such as size or color, showing the variant selector can make the buying experience smoother. Keep this section simple, especially on mobile, so customers can choose options without feeling overwhelmed.

Step 8: Customize the Add to Cart Button

Go to the Add To Cart section to customize the button text, colors, and click action.

You can use your own CTA copy, such as Add to Cart, Add to Bag, or Place an Order.

You can also choose what happens after a customer clicks the button:

• stay on page
• go to cart
• go to checkout

For most stores, clear and familiar copy like Add to Cart is the safest option. If you want to shorten the buying journey, you can test sending customers directly to the cart or checkout.

Step 9: Choose Where the Sticky Bar Appears

In the Display section, choose where the Sticky Add to Cart Bar should appear.

You can show it on:

• all products
• specific products
• specific collections

You can also exclude selected products or collections if needed.

If you are setting up the app for the first time, start with All products and adjust the display rules later.

Step 10: Preview, Test, and Confirm the Setup

Before finishing the setup, use the preview area to check how your Sticky Add to Cart Bar looks on both desktop and mobile. Make sure the CTA is easy to see, the text is readable, and the bar does not cover important content.

Then open one of your product pages, scroll down until the Sticky Add to Cart Bar appears, and test the button by adding a product to the cart. If everything works correctly, go back to the setup guide and click Confirm.

Your Progus Sticky Add to Cart Bar is now ready to help keep your CTA visible while customers browse your Shopify store.

Best Practices After Installation

After setup, keep your sticky bar simple, visible, and easy to use.

• Match the bar with your store colors and overall design
• Keep the CTA clear and easy to understand
• Test the mobile version carefully
• Avoid adding too many elements at once
• Use countdowns or announcement messages only when they support a real offer.

The goal is to make the buying process easier - not to distract customers from the product page.

If your Add to Cart button is visible but still not getting clicks, check out our guide: Why Users Don’t Click Add to Cart →

Summary

Adding Progus Sticky Add to Cart Bar to your Shopify store is a simple way to improve CTA visibility and make the buying journey smoother.

With the app, you can keep the Add to Cart button visible, customize the sticky bar, add promotional messages, and control where it appears.

It is designed to be quick and easy to set up, and it is free to install.

Try Progus Sticky Add to Cart and make your Add to Cart button always visible →