Adding the Membership Program(s) block to your Shopify store is an essential step for creating and launching a program. It enables you to display membership tiers on any page, making it easy for customers to join and manage their subscriptions.
How it works
-
Installing Single adds new 'blocks' to your Shopify theme editor, allowing you to feature different content or products from Single in your store.
-
The Membership Programs block is especially handy – it displays the different tiers of your membership program, encourages new member sign-ups, and provides options for current members to upgrade or cancel their subscriptions.
Before you start
- Make sure your membership program is all set up and published in Single.
-
If you’re new to app blocks, see our intro guide explaining what they are, how they work, and how you can add them to your store.
- When adding your membership to your store, we recommend adding the Membership Programs block to your Home Page and a dedicated Join Page.
Steps to add the block
-
Log into your Shopify admin.
-
Go Online Store > Themes.
-
Click Customize Theme to open the Shopify theme editor.
-
Open the homepage template where you want to add the app block.
-
From the left rail menu, click Add Section, then select Apps.
-
Drag and drop the Membership Tier block to your preferred location on the page.
-
Configure the block details using the key fields (outlined below).
-
Click Save to apply the changes.
Note: To also display the block on the Join page, simply repeat the steps.
Key Fields to Fill Out
|
Field |
Description |
|---|---|
| Content ID of Membership Program |
Leave blank to show all memberships. For custom displays, input a specific membership ID from the Single app. |
| Heading | Name the membership tiers section. |
| Heading Size | Pick a size: Small, Medium, or Large. |
| Description | Describe the membership tiers. |
| Number of Columns on Desktop | Decide how many columns for desktop view. |
| Column Text Alignment | Align text: Left, Center, or Right. |
| Display block | Set display preferences: always, they have access / are logged in, or they do no have access / are not logged in. |
| Program Name | The name of your membership program. |
| Tier Name | Label for each membership tier. |
| Tier Description | Details or perks of each tier. |
| Price | How much is each tier? |
| Quick Add Buttons | Add quick action buttons. |
| Quick Add Buttons Label | Defaults to "Add to Cart" - edit to change |
| Colors | Personalize using color options for the Background, Text, and Button. |
| Size settings | Customize parameters like column width, column border radius, button border radius, and vertical padding. |