Integrate into Shopify Themes built with Liquid

1. Enable Purple Dot in your theme

Having completed Install our app

1. Navigate to a theme where you wish to test Purple Dot

2. Click "Edit theme", then "App embeds" on the sidebar of the theme code editor

3. Search for "Purple Dot"

4. Provide the "Purple Dot API Key" and "Purple Dot Shared Secret" values that you can find at the bottom of the Integrations page in our Merchant Portal

5. Enable the embed and save the theme

2. Add the Shopper Portal

The shopper portal allows your customers to see their pre-order history and cancel pre-orders before they are fulfilled.

We recommend hosting the shopper portal iframe on a new page - e.g. /pages/manage-pre-orders - that is linked from your support pages, similar to how a returns portal would be.

The title of the page should be Manage Pre-orders.

The following snippet should be placed on a Shopify page by editing the page's HTML:

<purple-dot-self-service />