Loyalty Page: Ways to Earn block

Overview

Recommended placement: Add it as the third block to your loyalty page template.

The "Love: Ways to Earn" app block shows the ways your customers can earn points which you've set up in the app admin. The title of the cards are the earning rule titles and below is shown the number of points that can be earned.

If the customer is logged in earning rules that were already achieved are marked with a checkmark. They can perform social media actions (eg.: Follow on Instagram) and set their birthday by clicking the buttons.

Logged out customers will see a Join program pop-up if they click these buttons.



The ways to earn cards show up in the order you've set up on the "Loyalty program" page in the app, you can change the order of them by dragging them.


The app block can be added to any Page template and to the Home page, just click the "Add section" button on the left in the theme editor and select "Love: Ways to Earn" app block from the "Apps" tab:

Styling options

You can edit the style of the Ways to Earn block by clicking the name of it in the theme editor:


Available customizations:

Background Color: Background color for the section
Title Color: Color of the title text
Subtitle Color: Color of the subtitle text
Card Background Color: Background color of the ways to earn cards
Card Border Color: Border color of the ways to earn cards
Card Border Radius: Border radius of the ways to earn cards
Rule Name Color: Color of the earning rule name
Points Text Color: Color of points awarded texts
Button Color: Background color of the buttons
Button Border Color: Border color of the buttons
Button Border Radius: Border radius of the buttons

Additional styling customizations can be done with custom CSS on the Customize Storefront > General Style page in the app.
Contact us via Live Chat and we're happy to make any custom styling changes for you free of charge.

Changing the texts

Title, Subtitle and Join pop-up texts: Can be changed in the "Customize storefront > Dedicated Loyalty Page" page in the app.
Earning rule names: Can be changed by editing the earning rule title of the earning rule on the "Loyalty program" page in the app.
Button and "Earn 1 point for every $1 spent" texts: Can be changed in the "Customize storefront > Account page: Point balance" page in the app.

Updated on: 08/01/2025