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.
Increase loyalty program engagement by surfacing customers' ways to earn on your Shopify online store.
The Ways to Earn 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 ways to earn to my Shopify online store?
Follow the steps below to add the Ways to Earn Loyalty Block to your Shopify online store and display all available ways to earn points.
📝 Note: The Ways to Earn 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. Click Add Block, and then click the Apps tab.
5. Search for Marsello.
6. Click Ways to Earn.
7. Preview, then drag and drop the block to your preferred location.
8. Click Save.
When you publish your theme, the ways to earn will appear on your store.
How do I customize the ways to earn 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 Ways to Earn loyalty block.
2. Choose a layout.
Grid |
Member View (Signed-in):  |
Visitor View (Not Signed-in): 
|
List View |
Member View (Signed-in):  |
Visitor View (Not Signed-in):  |
Table |
Member View (Signed-in):  |
Visitor View (Not Signed-in):  |
3. 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 see the available ways to earn when joining the loyalty program.
For members (signed-in customers)
After signing in, Members will have a clear view of their completed and available ways to earn.
Where should I embed ways to earn on my storefront?
Here are a few ideas to get you started:
On a loyalty explainer page to explain benefits and encourage loyalty program engagement.
On the home page, as an introduction to loyalty.
Want to embed more loyalty details on your online store?
Brands have also searched for: