Setting up Customer Portal extensions with Shopify Customer account extensibility

Shopify’s Customer Accounts Extensibility allows UI extensibility for apps to extend the functionality of existing customer account pages, such as the Order status page. With Cleverific, you can add customer self-serve editing extensions to the order status page via your Shopify Checkout editor. This article will show you how.

Available Customer Portal extensions on the Order Status Page

Below is the list of Customer Portal extensions available:

1. Change order block: Adds a “Change order” section to the order status page. This allows your customers to change their shipping address, edit or cancel their order, and add items directly from their Order status page. It will also display the editing window or countdown timer.

   

2. Change shipping address menu item: Adds the ability to change the shipping address via the “Manage” menu on the upper right.

3. Cancel order menu item: Adds the ability for your customers to cancel their own orders via the “Manage” menu.

4. Edit order menu: Adds the ability to edit the order items via the “Manage” menu on the upper right.

If you disable “Allow customers to cancel their orders” in your Customer Portal settings, "Cancel order" will still be displayed, but your customers won’t be able to cancel their orders. If the order is cancelled, "Cancel order" will also be displayed.

5. Edit item: This option allows your customers to edit each item directly from the order summary. This includes changing the quantity, variant, or entirely removing the item.

Change order block (new tab): Adds a “Change order” section to the order status page, allowing customer to access Customer Portal and edit their orders in a new window.

This new tab version won't inherit your store's UI and can't be customized.

Requirements

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

• Your store should not be password-protected. The nature of a customer account extension requires a specific login and authentication mechanism, which is not possible if your entire store is password-protected.

Add Customer Portal extensions via your Checkout editor

1. In your Shopify admin, go to Settings > Checkout > Configurations.

2. Click Customize.

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

4. In the left column, click the Apps icon.

5. Under Cleverific Order Editor, you will see the Customer Portal extensions that can be added.

6. Click the + icon to add the Customer Portal extensions and select the action(s) available under "Add to" or "Add action to" for each extension.

You will see a preview of each extension on your checkout editor page.

You can also access combined Customer Portal settings directly from your Checkout editor via the Change order block extension.

8. Click Save.

9. Once you've tested your setup, return to your Customer Portal settings and click the Enable button.

This final step enables customers to start editing their orders. Without this step, the extensions will show on the order status page but won't be active.

Tips to boost your Customer Portal usage

These simple adjustments can help drive more customers to Customer Portal:

• Add a second button to your order confirmation email

  Duplicate the default “View your order” button and change the text to “Update your order” to make it more straightforward for customers to take action.

• Clarify what changes customers can make

  Edit the copy in your order confirmation email to briefly explain what customers can update, like shipping address, order items, etc.

• Update your FAQ

  Let customers know they can manage certain order changes on their own, without needing to reach out to support.

Read next:

Verifying and testing your Customer Portal setup

If you have any questions or need setup assistance, please email us at [email protected]!