Skip to main content

App blocks and customer account extensions

Add Alliance Pro app blocks to your Shopify storefront to convey important information to members. Display membership status, membership pricing, and discount messages on product, cart, and account pages.

Written by Emily

Not finding what you're looking for?

Have a question or need help with Alliance Pro? Reach out to our support team at [email protected]. We're happy to help.

App blocks let you add app functionality to your storefront. You can add, remove, preview, reposition, and customize app blocks through the theme editor. In this article, learn about the different types of app blocks that can be configured with Alliance Pro and how to enable them.
​

🔔 App blocks may not be compatible with certain page types. To identify which of your theme sections support app blocks, refer to your theme's documentation or contact your theme developer.

Add an app block to a section

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Navigate to the page and section where you want to add the app block.

  4. On the sidebar, click Add block.

  5. In the Apps section, select the app block you want to add. To find an installed app, use the Search bar.

  6. Optional: Click and drag the ⋮⋮ icon to move the block to another available location on the page. You can also customize the block using any available settings.

  7. Click Save.
    ​

App block types

Different app blocks let you display Alliance Pro features on your storefront.


​Membership status app block

The membership status app block allows you to combine the membership details along with the customer details onto their account page.
​

To use the membership status app block, open your theme editor and navigate to the classic customer accounts > customer account template. You'll be prompted to log in to a customer account.

  1. On the sidebar, under Apps, click Add block.

  2. From the drop-down menu, in the Apps section, select the membership status block.

  3. You can drag the block around on the page, but Shopify only allows it to be placed above or below the account details.

Customizations

Customizations can be made within the theme editor on the right-hand sidebar:

  • Heading: you can change Membership status text.

  • Program message: Customize the message content.

  • Renewal message: Customize the message content.

  • Membership attributes

  • Padding

1.png

2.png

Membership price app block

The membership price app block allows you to show strikethrough pricing on the product details page. This app block is visible only to logged-in customers with an active membership.
​

In your theme editor, navigate to the product details template.

  1. On the sidebar, under Apps, click Add block.

  2. From the drop-down menu, in the Apps section, select the membership price block.

Customizations

Customizations can be made within the theme editor on the right-hand sidebar:

  • Adapt to theme: removes the custom styles and adapt to the theme styles.

  • Badge colors: customize the background color, border color, and text color of the membership group badge

  • Option to hide the original price on the membership price app block.

3.png


​

4.png


​

5.png


Login to preview membership-price is shown because this block is hidden unless you’re a member.


Membership message app block

The membership message app block informs your members that discounts will be visible in the cart. The membership message can be added to cart, collection, and product templates. It is visible only to logged-in customers with an active membership.

  1. Navigate to the cart, collection, or product template.

  2. On the sidebar, under Apps, click Add block.

  3. From the drop-down menu, in the Apps section, select the membership message block.

Customizations

Customizations can be made within the theme editor on the right-hand sidebar:

  • Font size

  • Text alignment

  • Margins and padding

  • Custom CSS

6.png


New Shopify Customer Accounts

Customer Account UI Extensions


Membership details (Profile Block Extension)

Requirements:

  • Store must be using new customer accounts (not classic/legacy)

  • Customer must be logged in

What it shows:

  • For active members: Status, Member Group, Membership Period, Discount Limit (if set)

  • For expired members: Status details + link to application form

  • For non-members: Nothing (extension is hidden)

  • For suspended/pending/rejected members: Nothing (extension is hidden)

Setup:

  1. Go to Online Store → Themes → Customize

  2. Navigate to Customer accounts → Profile page

  3. Add the Alliance Pro - Membership Details app block

  4. Position it in your desired section

Note: This is a Customer Account UI Extension, not a theme app block. It only appears in stores using Shopify's new customer accounts.

Did this answer your question?