Loyalty Page: How It Works block

Overview

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

The "Love: How It Works" app block explains how your loyalty program works in 3 easy steps.


The How It Works 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: How It Works" app block from the "Apps" tab:

Styling options

You can edit the style of the How It Works 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 cards containing the steps
Card Border Color: Border color of the cards containing the steps
Card Border Radius: Border radius of the cards containing the steps
Card Title Color: Color of the step titles
Card Subtitle Color: Color of the step description texts

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

The texts can be changed on the "Customize storefront > Dedicated Loyalty Page" page in the app.

Updated on: 06/01/2025