For Shopify eCommerce Brands
Using a Shopify Online Store 2.0 compatible theme
👾 This feature is currently in Closed Beta 👾
If you'd like to join the beta, please contact our support team.
Make loyalty impossible to miss by surfacing customers' point balances directly on your Shopify online store. The Points Balance Loyalty Block provides a branded and cohesive loyalty experience—no developer support or custom code required.
Before you get started
Before you can add your customers' loyalty status to your Shopify online store, ensure you meet the following requirements:
Shopify is enabled in Marsello > Integrations.
Your Marsello loyalty program is active.
Your Customer Portal is published (launcher can be visible or hidden).
You have permission to edit your Shopify theme.
You are using a Shopify Online Store 2.0 compatible theme.
Theme app extensions are enabled in your Shopify store.
How do I add point balances to my Shopify online store?
Follow the steps below to add the Points Balance Loyalty Block to your Shopify online store and display each customer’s current points balance.
📝 Note: The Points Balance Loyalty Block can be added to almost any page of your Shopify storefront, including your home page, product pages, loyalty explainer pages, and cart.
At this time, the block is not supported on Checkout or Customer Account pages.
Using Shopify Plus? You can add the rewards block to your Checkout screen following these steps.
1. In your Shopify Admin, go to Online Store > Themes
2. Click Edit on your active theme.
3. Use the dropdown to select the page where you want the block to appear.
4. On the sidebar, click Add Block, and then click the Apps tab.
5. Search for Marsello.
6. Click Marsello Points Balance.
7. Preview, then drag and drop the block to your preferred location.
8. Click Save.
When you publish your theme, the points balance block will appear on your store.
How do I customize the points balance block?
Shopify Online Loyalty Embeds follow your Shopify theme for colors, fonts, and buttons. You can also customize each loyalty block and preview changes in real time.
1. In the editor, click on the Marsello Points Balance loyalty block.
2. Choose a layout.
Card | Pill | Banner |
Member View (Signed-in):  | Member View (Signed-in): 
| Member View (Signed-in):
|
Visitor View (Not Signed-in):  | Visitor View (Not Signed-in):  | Visitor View (Not Signed-in):
 |
3. If using the Card layout, choose a button style for visitor view. The primary and secondary options are based on your Shopify theme settings.
💡 Optional Step: Edit the corner radius of the block.
Your customers' experience
For visitors (customers not signed in)
Visitors will be prompted to sign in or create an account to view their points balance.
For members (signed-in customers)
After signing in, Members will have a clear view of their points balance.
Where should I embed point balances on my storefront?
Here are a few ideas to get you started:
Near the account or login icon in your header to integrate loyalty into the shopping experience and prompt loyalty signups.
On product pages to influence purchase behavior.
On a loyalty explainer page to explain benefits and encourage point redemption.
Want to embed more loyalty details on your online store?
Brands have also searched for: