How to add a sticky add-to-cart bar to product pages?

Overview

It has always been frustrating for online business owners to see a significant number of store visitors checking out their products regularly but not making a purchase decision. The reason for this could be anything like store visitors are waiting for a price drop, doing a comparison, looking for an offer, etc.

With AfterShip Page Builder, you can easily add a sticky add-to-cart bar to your product pages.

Steps to include a sticky add-to-cart bar in product pages

• Go to the Conversion tools in your AfterShip Page Builder account to access the Sticky add to cart option

• Click the {...} icon and select Edit. You will land on the Sticky add to cart bar editor

• In the Display section, decide whether you want to show the sticky add-to-cart bar on mobile, desktop, or both. Also, choose the Image aspect ratio as per your liking

• Scroll down to the Action Buttons section and give your button a name. Choose between Stay on the same page and Go to cart page to decide the behavior of your action button. If you want to show the Shopify dynamic checkout button, click on the second checkbox

• Set the colors for your text, sale price, compare at price, button text, button background, and background

• Once done, click *Enable sticky add to cart to include a sticky add-to-cart bar in your product pages successfully

Is it possible to show the sticky add-to-cart bar on particular product pages?

If you want to show sticky add-to-cart bar on some specific product pages, go to your product page created via AfterShip Page Builder and look for its Settings

Tap on the radio button given for Specific products and then click Select products. You'll see a list of your products, so choose those on which you want to show the sticky add-to-cart bar.

For any help, feel free to contact our chat support team

Updated on: 16/05/2023