Add Self-Service Portal to your Shopify Store

Looking to learn more about our Platform integration? See the Purple Dot Overview.
The self-service portal allows your customers to see their pre-order history and cancel pre-orders before they are fulfilled.
We recommend hosting the self-service iframe on a new page - e.g. - that is linked from your support pages, similar to how a returns portal would be.
The self-service portal works in two modes:
  • Guest mode, where the customer looks up their pre-order using the reference and the postal code.
  • Logged-in mode, where the customer sees all pre-orders made with their email if they are logged into your store.
The following snippet can be placed on a Shopify page by editing the page's HTML:
<div data-purple-dot-placement-type="pre-order-status-placement"></div>
<script>// <![CDATA[
mode: 'guest',
// ]]>
Logged-in mode requires integrating with your backend. For more details about using logged-in mode, see the Platform SDK reference.