Add "Buy Now" button to products.

[Kay30]

Hello. I am using the brooklyn theme.  How do I add a "Buy Now" button below the products on all pages and the button should add the product to the cart but keep them on the page? Thank you.

[SWSinfotech]

Hi,

Follow these links-

https://help.shopify.com/en/themes/customization/store/dynamic-checkout-buttons.

https://help.shopify.com/en/themes/customization/products/add-to-cart/stay-on-product-page-when-item...

[Kay30]

@SWSinfotech The link did not work.

[Sunny]

Hi, @Kay30!

Sunny here from the Shopify Guru team and I would be happy to help with this!

This Buy Now button that you are looking to add to your shop is what we refer to as a Dynamic Checkout Button. This button is meant to speed up the checkout processes and it allows customers to quickly buy a product without going to the cart page, and instead, the button would take them directly to the checkout to complete their purchase. The button is displayed next to the Add to Cart on the product page and it's important to note that this button can be used to buy only single variants of a product. For example, a customer can use a Dynamic Checkout Button to buy two red t-shirts, but not a red t-shirt and a blue t-shirt. This is explained further on our help doc here that @SWSinfotech shared earlier. 

To add this button to your product pages you can follow these step-by-step instructions but as mentioned on that help doc, before adding the dynamic checkout button, you'll want to double check that it's compatible with your online store. For example, the whole point of this Buy Now button is for the customer to completely skip the cart page all together. If that page is important to you, then this button may not be very useful for you.

If you are simply looking to have a button on your product pages that says Buy Now, but it doesn't redirect the customer to the checkout, then you may want to use the Language Editor to edit the text of your Add To Cart button to read Buy Now instead. From there, you can follow this help doc that shares the coding changes that will keep your customers on your product page instead of redirecting to the cart page. Keep in mind that following this doc may not be compatible with the Dynamic Checkout Button as they do completely opposite things. 

Let me know if that helps clear things up and if you have any questions at all!

Cheers,

Sunny | Shopify Guru

[Kay30]

@Sunny Thank you very much.  This is helpful, but I would like to be able to add the cart buttons on the collection instead of just the product.  Is that possible?  Or do I need code to do it?  I used code on the debut theme to do it, but the alignment was not right for the buttons.  I since then switched to the Brooklyn theme but I do not know where to add the code or if I am using the right code because when I add it everything is misaligned.  I also don't get the variants with the button.

[Sunny]

You're very welcome. Always happy to help!

If you are looking to add an additional Add to Cart button on your collection pages, you will need to add custom code. This kind of edit is out of the scope of our design policy but in this case, I would reach out to our Shopify Experts who can help build and customize your shop however you'd like. Keep in mind that hiring an expert is an additional cost.

If you are looking to test out some code changes yourself, I came across a few forum posts shared below from those who are looking to achieve the same thing: 

1. https://community.shopify.com/c/Shopify-Design/Adding-an-quot-Add-to-Cart-quot-Button-to-Collection-...

2. https://community.shopify.com/c/Shopify-Design/Adding-Add-to-cart-button-below-products-on-collectio...

Another option is to start a new forum thread in our Design category as there are many developers hanging out in here that may be willing to share advice and code adjustments for free!

Let me know if you have any other questions at all!

Cheers,

Sunny | Shopify Guru

[ShopUrbanBetty]

Hey Sunny. How can I add the BUY NOW button to a collection page?