Merchants can now add a dedicated Loyalty & Rewards page to their website, providing customers with details about their loyalty programs and rewards. This page can be easily created, edited, and previewed through the Premium Tools section under Loyalty & Rewards > Onsite Content > Landing page
Note: The Rewards Landing page will be accessible to new billing users on the Growth and Established plans.
To ensure the Rewards page is visible on your online store, follow these pre-setup steps:
Create a page or template in Shopify to display the content on your website. Refer to the How to Create a Page in Shopify article for guidance.
If you prefer using a template, check the How to Create a Template article.
Once the template is created, apply it to the newly created rewards page and link the page to your website.
Now, let’s learn about adding Flits reward block to the template or page in Shopify.
How to Add Flits block in Reward page?
From your Shopify admin, go to Online Store > Themes and click Customize on the theme.
On theme editor, from the top navigation drop-down select pages > click the template that you have linked to the Rewards page.
Now, in the editor sidebar click "Add section" under Template. This will open up a list of app blocks available to be linked.
Clicking the will "Flits rewards page" add the Flits rewards page to the selected template.
Note: Follow steps 3 and 4 by selecting a page in theme editor if you have created a page without linking it to a template and wish to add the Flits block.
Following these steps ensures that the Flits block is added to your template or page. Now, let’s take a look at how to use Flits rewards page admin settings.
Now, let's look at how rewards page admin settings will work.
As you can see in the following image, the rewards page is a collection of various sections. Mindful utilizing these sections will be beneficial in creating an impactful rewards page.
Note: merchants are required to set up and enable the loyalty and reward rules for them to appear on the Rewards page.
Let's explore the various sections of the Rewards page.
Note: Make sure to activate the sections you want to display on the reward page.
Color
Color option will allow you set a primary color for the buttons or icons on your loyalty page
Banner
The Banner option allows you to set a banner image of the landing page for both guest and logged-in users.
You can also edit the default text and button links as per your requirements.
How it works
Our loyalty program works in three simple steps. You can easily customize and modify the default content of heading and sub-heading to suit your preferences.
How to earn
The default heading and subheading in the "How to Earn" section can be customized, and you can also modify the card content using the multi-language feature..
The card rules will be generated based on the earning rules set in the Loyalty & Rewards section.
How to redeem
You can customize the default heading and subheading in the "How to Redeem" section, as well as update the card content using the multi-language feature.
The card rules will be generated according to the redeeming rules defined in the Loyalty & Rewards section.
Refer a friend
The "Refer a Friend" section's banner option lets you set a banner image on the landing page for both guest and logged-in users.
You can also edit the default text and button links as per your requirements.
Online Store visibility
Once the rewards page is set up make sure to save all changes and the page would be visible on the website like the screenshot attached
Make sure to set up the required Loyalty and Reward rules in the admin so they show up on the website when activated from the Rewards page.
For any queries or issues while setting up the reward page feel free to contact support@getflits.com.