In most cases, we recommend to use the available Buy Box blocks which have "Cart" and "Checkout" button destination options built-in. Using these blocks, you can easily set them up so that when a page visitor clicks on them, it will add the product to the Cart or Checkout on your store.
If you're using a non-Buy Box block, then you can set the "button destination" to URL and use a Cart or Checkout permalink to mimic an "Add To Cart" or "Add To Checkout" button using the information below and/or the information in this Shopify article.
Add to Checkout:
The easiest method is to add the "Buy Button" sales channel in your Shopify admin. Once you do that, you can create a checkout link directly from the "Products" section of your Shopify admin by opening a product there and selecting the "Create checkout link" option from the "More actions" dropdown menu:
To manually create these links or to add Discounts to them instead, see the information and examples below.
Add 1 product to the Checkout:
yourstore.myshopify.com/cart/1234567890:1
Where 1234567890 is the product's Variant ID and 1 is the quantity.
Add multiple products to the Checkout:
yourstore.myshopify.com/cart/1234567890:1,0987654321:1
Note: You can enter a different quantity for each product's Variant ID in the URL string above.
Add a Discount code to the Checkout along with the product(s):
yourstore.myshopify.com/cart/1234567890:1?discount=YourDiscountCode
Where you append the URL string with ?discount= then enter your Shopify discount code you want auto-applied.
Add a product to the Checkout that is only visible to the Buy Button sales channel:
yourstore.myshopify.com/cart/1234567890:1?channel=buy_button
Where you append the URL string with ?channel= then enter the Sales Channel that this product is visible to, in this case buy_button
Add to Cart:
Add 1 product to the Cart:
yourstore.myshopify.com/cart/add?id=1234567890&quantity=1
Where 1234567890 is the product's Variant ID and 1 is the quantity.
Add multiple products to the Cart:
yourstore.myshopify.com/cart/add?id[]=1234567890&id[]=0987654321&quantity=1
📝 Notice the use of [] in the URL string above. You can't apply different quantities for each product Variant ID. The quantity used at the end of the url above will be applied to ALL product Variant IDs added to the URL string.
Finding the Shopify Variant ID:
Method 1:
If your product page shows the variant ID directly in the URL when selecting a variant, you can copy it from there:
Method 2:
Go to the product detail page on your storefront for the item you want to find the ID for.
At the end of the URL there, enter .xml and press enter.
The Shopify Variant ID you will need can be found as shown below:
4. After creating your link, click on it to make sure it functions correctly and adds the product(s) to the Cart or Checkout. If you get an error page, that means you have an incorrect variant ID included in your link. Go back to the .xml view of the page to try the next variant ID listed there instead. Then test the link again to ensure it works correctly.
Method 3:
If you have added the Buy Button sales channel to your online store, you can find the variant ID by following these steps:
1. Navigate to the Product in your Shopify admin.
2. Click the "More actions" dropdown menu and select "Create checkout link".
3. Find the specific variant ID from the generated link on the next screen as seen here:
