Setting up Customer Portal with Checkout Extensibility

If you’re using Shopify’s Checkout Extensibility, you need to add the Customer Portal app block in your Shopify Checkout settings before enabling Customer Portal. This article will show you the steps to:

  • Add Customer Portal add block to your Order Status page
  • Add Customer Portal add block to your Thank you page

Note: If you are using Checkout Extensibility, you don’t need to install the snippet in the Additional scripts of your order status page.

Requirements

In August 2024, Shopify will no longer support the current version of the checkout page (checkout.liquid). The current Thank you and Order Status pages will be supported till August 2025.

  • For Shopify Plus merchants: Your store must be fully upgraded to Shopify's Checkout Extensibility This includes Checkout pages, Thank you and Order status pages.

  • For Shopify Basic plans and higher: Your Thank you and Order Status pages must be replaced in your Shopify Checkout settings. This will replace your current additional script customizations with your new Thank you and Order Status page customizations.


Add the Customer Portal app block to the Order Status page

Note: The Checkout Editor UI appears slightly different for non-Shopify Plus merchants. However, the steps are similar. Please feel free to reach out if you need assistance!

  1. In your Shopify admin, go to Settings > Checkout > Customize your checkout.
  2. Under Live, select Customize.

  1. Click the dropdown at the top of the page and select Order Status.

  1. On the left column, in the Order status section, click Add app block.

  1. Select Customer Portal Edit Order Block.

  1. Click Save.

Add the Customer Portal app block to the Thank You page

  1. In your Shopify admin, go to Settings > Checkout > Customize your checkout.
  2. Under Live, select Customize.

  1. Click the dropdown at the top of the page and select Thank You.

  1. On the left column, in the Order details section, click Add app block.

  1. Select Customer Portal Edit Order Block.

  1. Click Save.

You will see a preview of your Thank You page with the Customer Portal add block added.


Any questions? Reach out to support@editorder.net!