# Integrate into Shopify Headless Storefronts

## 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**](https://docs.getpurpledot.com/docs/platform-integration-with-shopify/integrate-purple-dot-with-your-storefront/integrate-into-shopify-headless-storefronts/shopify-headless-combined-checkout)**:** 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**](https://docs.getpurpledot.com/docs/shopify-stores/integrate-purple-dot-with-your-storefront/integrate-into-shopify-headless-storefronts/shopify-headless-express-checkout): 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.

{% hint style="info" %}
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.
{% endhint %}

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