A "Buy now" button is a button on the product page that adds the product to cart and redirects you directly to the Checkout process, removing friction.

Checkout X will automatically modify some themes to make the "Buy now" button work, however, often you'll need to replace your button in the theme's code for it to work properly. If you're not comfortable with editing html, please contact our support do to it for you.

Step 1: Find your Add to cart button

Go to Online Store > Themes > Actions > Edit code and look for the html file where your add to cart buttons are located. Usually this will be one of the following files: product-form.liquid , product-template.liquid , product.liquid  or something of that sort.

Look through the code to find the Add to cart button and Buy now buttons. e.g. :

Step 2: Remove the "Buy now" button and add a new button with a checkout x selector

Once you've located the buy now button/buttons, remove them and on their place add a new button that has the following class: checkout-x-buy-now-btn  

An example of such button is:

<button type="button" class="checkout-x-buy-now-btn shopify-payment-button__button shopify-payment-button__button--unbranded">Buy it now</button>

Feel free to add classes to match your own styling


That's it! You have a Buy now button!

Did this answer your question?