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. your-store.com/pages/manage-pre-orders - 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.

Guest Mode Integration

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[
window.PurpleDot.loadPreorderStatusPage({
mode: 'guest',
});
// ]]>
</script>

Logged-in Mode Integration

Logged-in mode requires integrating with your backend. For more details about using logged-in mode, see the Platform SDK reference.