Shopify Ecosystem

New to Marsello: Loyalty Widget and Tab design options

new-to-marsello:-loyalty-widget-and-tab-design-options

Marsello’s Loyalty Widget and Tab have had a makeover with multiple new design options now available

Marsello’s loyalty widget and tab have had a make-over

and we can’t wait to see what you do to make it work for your store!

Now you can access a variety of options for Loyalty Widget and Tab designs, giving you the ability to adapt the designs of your loyalty program to best suit your store’s brand. Please note: the new designs are available on Marsello’s paid plans and are not yet available to BigCommerce customers.

Loyalty Widgets

Widgets are used in place of loyalty explainer pages and are readily available on retailers’ eCommerce stores or through email updates that brick-and-mortar loyalty customers receive. With widgets being a core representation of your loyalty program, we know how important it is that they embody your store’s brand and to help you customize widgets that really show off your store, we’ve added three new Loyalty Widget design options to Marsello 

Let’s take a little look at each of the available options and how some retailers have used them. 

Center Panel

Having your loyalty widget pop up in the center of your screen ensures that it’s front-and-center when your customers curiously check out your store’s loyalty options. They can easily navigate through your rewards and how they can earn points, ensuring that they feel informed and that your rewards are easily attainable.

Check out what Wellington-based retailer, Smack Bang, has done with their outstanding designs and generous loyalty program. With offers such as discounts on orders and free shipping, the team at Smack Bang are ensuring that their customers keep coming back to earn points and redeem rewards, while also offering a referral program that ensures they continue to acquire new customers who fit a similar customer profile to their current customers.

Smack Bang uses Marsello’s Center Panel loyalty widget.

Floating Panel

This widget design slides in from the side of the viewer’s screen. With smaller image size options, rounded corners, and a ‘floating’ appearance, this eye-catching display will be sure to inform and entice customers. 


We love what Good Dog have done with their widget design, opting for a cute dog-bone print as their primary image and including their store name. With a simple set of percentage discounts as their rewards, Good Dog makes it easy for their customers to earn rewards, and to decide which rewards they’d like to redeem.

Good Dog uses Marsello’s Floating Panel loyalty widget design.

Slide Panel

Similar to the floating panel, this crisp design was created with sharp lines, defined corners and sitting flush against the side of the page of an online store. You’ll notice that the image option for this widget is also small, creating a compact widget that suits fresh, clean branding. NatureMills, a Californian natural and organic food retailer, is a wonderful example of this widget style with clean, on-brand imagery and colors, generous rewards, and simple design choices. 

NatureMills uses Marsello’s Slide Panel loyalty widget design.

Loyalty Tabs

The loyalty tab is now also customizable! This great little addition to your store is the initial view that customers have of your loyalty program, encouraging them to explore your loyalty options, shop with you time and time again and to understand when they can next redeem a reward or earn points. The tab is like a sign saying, “welcome, come on in’, to your potential and current loyalty customers.

Let’s take a quick look at the new design types.

Resting:

The resting tab is a rectangular shape with rounded upper corners. You can add an icon and/or text to this tab style and design where it will sit on your online store, although its placement is restricted to the edges of the screen, this means that your customer will always be able to see the tab as it’s connected to the edge of your online store.

Marsello’s ‘Resting’ loyalty tab design.

Circle:

The circular tab is smaller than the other options, designed to be discreet yet eye-catching. It floats on your online store which means that you can place it almost anywhere on your online store and it will ‘float’ down the page as the customer scrolls. Although you can add an icon to this tab, you cannot add text.

Marsello’s ‘Circle’ loyalty tab design.

Floating:

The floating tab design is rectangular and features rounded corners; it’s also ‘floating’. With the ability to add both text and/or icons, this tab is a great way to attract customers to your rewards through a call-to-action such as ‘see our rewards’.

Marsello’s ‘Floating’ loyalty tab design

Final words:

If you haven’t yet had the opportunity, check out Marsello’s new loyalty widget and tab designs and start revamping your loyalty program or creating the widget of your dreams! If you’re not yet a MarselloPro user, did you know you can get your first 3 months free? Learn more here.

Marsello’s Loyalty Widget and Tab have had a makeover with multiple new design options now available

Marsello’s loyalty widget and tab have had a make-over

and we can’t wait to see what you do to make it work for your store!

Now you can access a variety of options for Loyalty Widget and Tab designs, giving you the ability to adapt the designs of your loyalty program to best suit your store’s brand. Please note: the new designs are available on Marsello’s paid plans and are not yet available to BigCommerce customers.

Loyalty Widgets

Widgets are used in place of loyalty explainer pages and are readily available on retailers’ eCommerce stores or through email updates that brick-and-mortar loyalty customers receive. With widgets being a core representation of your loyalty program, we know how important it is that they embody your store’s brand and to help you customize widgets that really show off your store, we’ve added three new Loyalty Widget design options to Marsello 

Let’s take a little look at each of the available options and how some retailers have used them. 

Center Panel

Having your loyalty widget pop up in the center of your screen ensures that it’s front-and-center when your customers curiously check out your store’s loyalty options. They can easily navigate through your rewards and how they can earn points, ensuring that they feel informed and that your rewards are easily attainable.

Check out what Wellington-based retailer, Smack Bang, has done with their outstanding designs and generous loyalty program. With offers such as discounts on orders and free shipping, the team at Smack Bang are ensuring that their customers keep coming back to earn points and redeem rewards, while also offering a referral program that ensures they continue to acquire new customers who fit a similar customer profile to their current customers.

Smack Bang uses Marsello’s Center Panel loyalty widget.

Floating Panel

This widget design slides in from the side of the viewer’s screen. With smaller image size options, rounded corners, and a ‘floating’ appearance, this eye-catching display will be sure to inform and entice customers. 


We love what Good Dog have done with their widget design, opting for a cute dog-bone print as their primary image and including their store name. With a simple set of percentage discounts as their rewards, Good Dog makes it easy for their customers to earn rewards, and to decide which rewards they’d like to redeem.

Good Dog uses Marsello’s Floating Panel loyalty widget design.

Slide Panel

Similar to the floating panel, this crisp design was created with sharp lines, defined corners and sitting flush against the side of the page of an online store. You’ll notice that the image option for this widget is also small, creating a compact widget that suits fresh, clean branding. NatureMills, a Californian natural and organic food retailer, is a wonderful example of this widget style with clean, on-brand imagery and colors, generous rewards, and simple design choices. 

NatureMills uses Marsello’s Slide Panel loyalty widget design.

Loyalty Tabs

The loyalty tab is now also customizable! This great little addition to your store is the initial view that customers have of your loyalty program, encouraging them to explore your loyalty options, shop with you time and time again and to understand when they can next redeem a reward or earn points. The tab is like a sign saying, “welcome, come on in’, to your potential and current loyalty customers.

Let’s take a quick look at the new design types.

Resting:

The resting tab is a rectangular shape with rounded upper corners. You can add an icon and/or text to this tab style and design where it will sit on your online store, although its placement is restricted to the edges of the screen, this means that your customer will always be able to see the tab as it’s connected to the edge of your online store.

Marsello’s ‘Resting’ loyalty tab design.

Circle:

The circular tab is smaller than the other options, designed to be discreet yet eye-catching. It floats on your online store which means that you can place it almost anywhere on your online store and it will ‘float’ down the page as the customer scrolls. Although you can add an icon to this tab, you cannot add text.

Marsello’s ‘Circle’ loyalty tab design.

Floating:

The floating tab design is rectangular and features rounded corners; it’s also ‘floating’. With the ability to add both text and/or icons, this tab is a great way to attract customers to your rewards through a call-to-action such as ‘see our rewards’.

Marsello’s ‘Floating’ loyalty tab design

Final words:

If you haven’t yet had the opportunity, check out Marsello’s new loyalty widget and tab designs and start revamping your loyalty program or creating the widget of your dreams! If you’re not yet a MarselloPro user, did you know you can get your first 3 months free? Learn more here.

This article was originally posted by our friends at Marsello