Shopify API: Get url that leads directly to checkout

Question

What options are there to forward people directly to a checkout page for a specific product in a Shopify store?

This is interesting for me for the following scenario:

User goes on my website where I talk about a product
Clicks a-href button
Gets directed to the checkout page (not product page) on my Shopify store

I have read the Product-sections on the API documentation but couldn't find a hint.

There are a lot of pre-made templates out there that offer that functionality so I'm guessing it is possible - could you not just make a little form with hidden quantity and product id fields and then style a button like your link so when you click on it it actually submits your product info to your checkout / basket page — Pete
Worked like a charm! Hope this will help others looking for an answer! — Jon Riel

Jon Riel Jon Riel · Accepted Answer · 2018-04-16T15:59:07

This has been easier than anticipated!

(And it also helps at dealing with product variants)

Here is my Code(a simple Form):

<form method="post" action="{{ Shopify store url }}/cart/add" id="product_form_597803827251" accept-charset="UTF-8" class="product-form product-form-product-template
" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">


  <select name="id" id="ProductSelect-product-template" class="product-form__variants no-js">


        <option selected="selected" value="7619582230579">
          Default Title
        </option>


  </select>


  <div class="product-form__item product-form__item--submit product-form__item--no-variants">
    <button type="submit" name="add" id="AddToCart-product-template" class="btn product-form__cart-submit">
      <span id="AddToCartText-product-template">

          In den Einkaufswagen legen

      </span>
    </button>

  </div>
</form>

Shopify API: Get url that leads directly to checkout

2 Answers