Integrate into Shopify Headless Storefronts

This guide will walk you through Purple Dot's Platform integration into any Shopify Headless Storefront. If you are using our Shopify App, please see Installing our Shopify App instead. See Purple Dot Overview for the comparison of our Shopify App vs. Platform integrations.

Headless integration overview

Purple Dot integrates with your existing storefront and enables you to create pre-order experiences. When integrating with a headless storefront Purple Dot, provides a set of components that can be used to build the integration.

Purple Dot supports a number of different checkout flows for headless stores:

• Combined: This checkout method allows the shopper to add a pre-order item to their cart, but also continue shopping for other in-stock and pre-order items. When they are ready to checkout, they can be presented with a checkout that allows them to combine both pre-order and in-stock items at once, and choose to either ship them together or separately. This flow uses your store’s normal Shopify cart.

• Express: This checkout method presents a quick checkout modal to the shopper that opens directly when the Add to Cart button is clicked, so that the shopper can pre-order that single item right away. This flow (also referred to as “Separate Bag”) uses Purple Dot’s own cart, separate from your Shopify cart.

If you are unsure which checkout flow your store is configured for, please reach out to Purple Dot Support to confirm, or to switch from one checkout method to another.

The integration requirements will differ slightly depending on which checkout method is chosen.