Home About Blog Terms Docs Contact

Headless pre-orders

Table of Contents


PreProduct can generate ‘headless’ code for any of your pre-order listings. This means your brand can accept pre-orders for a product from a website other than your store. For example, a WordPress blog, affiliate site or influencer partner.
The ‘headless’ code can be pasted into any of these sites and then run as it would on your Shopify store. This allows your brand to capture pre-orders from many different sources across the internet. 

The pre-orders will still be collected in PreProduct’s dashboard and still travel through your Shopify checkout like normal.


Step-by-step #


  • Navigate to the PreProduct Dashboard and select the product listing you would like to generate headless code for.
  • Then click the button ‘generate headless code’ on the left hand side.
Generate headless code


  • PreProduct will then generate a snippet of code, for this specific product listing, which can be copy and pasted on to any webpage. This snippet of code will allow you to load PreProduct on the front-end of the webpage and collect pre-orders.


  • Ensure you test this throughly on your live site. Also please note this code snippet is not to be used on your actual Shopify store, only outside of your Shopify store.


Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *