Loyalty Page
Creating Loyalty Page
Overview You can create a dedicated Loyalty Page for your loyalty program to encourage your customers to join the program. You can think about it as a "Landing page" for the loyalty program that you can link from anywhere on your website, emails and social media. In a nutshell you can create a Loyalty Page the following way: Create a new loyalty page template in the theme editor Add the Love loyalty page app blocks to this template In Online store PagFew readersLoyalty Page: Hero Banner block
Overview Recommended placement: Add it as the first block to your loyalty page template or as a standalone block on your home page The "Love: Hero Banner" app block provides a brief overview of your loyalty program. For logged out customers it shows a "Join program" button which redirects to the create account page on your website and a "Log in" button that redirects to the log in page of your website (https://storage.crisp.chat/users/helpdesk/website/b25595fb53cf680/hero-banneFew readersLoyalty 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" tFew readersLoyalty 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) andFew readersLoyalty Page: Ways to Redeem
Overview Recommended placement: Add it as the fourth block to your loyalty page template. The "Love: Ways to Redeem" app block shows the ways your customers can redeem points which you've set up in the app admin. The title of the cards are the "Reward titles" set up in the admin and below is shown the number of points the customer needs to spend for the reward. If the customer is logged in they can redeem rewards by clicking on the card of the reward they want to redeem. Logged outFew readers
Customer Account
Customer Account Loyalty Page
If you're using Legacy customer accounts, add this block instead: Legacy Customer Account: Account balance, ways to earn & redeem Overview You can create a dedicated page for the loyalty proFew readersCustomer Account: Point balance on Orders & Profile pages
If you're using Legacy customer accounts, add this block instead: Legacy Customer Account: Account balance, ways to earn & redeem Overview You can show the customer's loyalty point balance on the Orders and Profile pages in customer accounts. (https://stFew readersCustomer Account: Points earned Order Status Page
If you're using Legacy customer accounts, add this block instead: Legacy Customer Account: Account balance, ways to earn & redeem Overview You can show the number of loyalty points a customer earned for a given order on the Order Status page. This page is visibleFew readersLegacy Customer Account: Account balance, ways to earn & redeem
For (New) Customer accounts use these placements: Customer Account: Points earned Order Status Page, Customer Account Loyalty Page, Customer Account: Points earned Order Status Page (httpFew readers
Checkout
Checkout: Points earned at Checkout (Shopify Plus)
Overview To increase conversion rate at checkout you can show customers the number of loyalty points they'll receive if they complete the purchase. The loyalty points earned are calculated based on the order total and the place an order earning rule you've set up. ShippinFew readersCheckout: Redeem rewards at Checkout (Shopify Plus)
Overview With our Checkout extension you can let customers redeem their points right at Checkout. How it works? For logged in customers Logged in customers can see their current point balance and the available rewards for redemption. There can be 3 types of rewaFew readers
Styling
Change the stlye of your loyalty program
Change general style You can change the general style and colors of your loyalty program on the "Customize storefront General style" page. You can change the three main colors (button background, button text and text color) of your loyaltyFew readersStlye customization with CSS
You can customize the styling of your loyalty program with custom CSS on the "Customize storefront General style" page in the "Add styling with custom CSS" section. Common customizations CSS code snippets for the most common style changes. ToFew readers