Add Self-Service Portal to your Shopify Store
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.
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 requires integrating with your backend. For more details about using logged-in mode, see the Platform SDK reference.