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.
Boost redemption rates and repeat purchases by surfacing customers' ways to redeem loyalty points directly on your Shopify online store. The Ways to Redeem 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.
How do I add ways to redeem to my Shopify online store?
Follow the steps below to add the Ways to Redeem Loyalty Block to your Shopify online store and display all available ways customers can redeem their loyalty points.
📝 Note: The Ways to Redeem 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 Redeem.
7. Preview, then drag and drop the block to your preferred location.
8. Click Save.
When you publish your theme, the ways to redeem block will appear on your store.
How do I customize the ways to redeem 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 Redeem 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 redeem when joining the loyalty program.
For members (signed-in customers)
After signing in, Members will have a clear view of their available rewards and can copy and paste their discount codes.
Where should I embed ways to redeem on my storefront?
Here are a few ideas to get you started:
On a loyalty explainer page to explain benefits and encourage reward redemption.
On product pages to influence purchase behavior.
On the cart page, to encourage reward redemption and loyalty program engagement.
Want to embed more loyalty details on your online store?
Brands have also searched for: