How To Add An “Add To Cart” Button In Shopify

Head over to the ‘Themes’ section in the Shopify admin panel, which you’ll land upon when you first log in.

In the ‘Actions’ drop-down option of your current theme section, find and choose the ‘Edit Code’ option. This will open the ‘Shopify Theme Editor’ that will contain the coding for your store’s theme.

Find and choose the file where you wish to add the ‘Add To Cart’ button.

Now insert the following code into the file.

<form action="/cart/add" method="post" id="product-form- {{ product.id }}">
<input type="hidden" name="id" value="{{ product.variants.first.id }}">
<div>
<button type="submit" name="add">Add to cart</button>
</div>
</form>

You can click on the ‘Preview’ button to confirm the changes have been made.

Now click on the ‘Save’ option. This will complete the process.