# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.getpurpledot.com/docs/shopify-stores/integrate-purple-dot-with-your-storefront/integrate-into-shopify-headless-storefronts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.