๐ Applies to Shopify only
๐ณ Available on Growth and Plus plans
๐ค Accessible to all roles
The customer account loyalty page gives customers somewhere to view their loyalty points, track rewards, and redeem points for available rewards - all in one place. Make the page feel like part of your brand by following these steps.
โ Tip: Add a loyalty page to customer accounts by following our guide: Add loyalty page to customer account.
Page logo, colors & typography
Shopify customer accounts belong to the checkout architecture. Therefore the logo, colors and typography are inherited from checkout settings.
From Shopify Admin, click Settings > Checkout.
Select your checkout profile > Customize.
In the top bar, select Loyalty Page.
In the action bar (left), click Settings.
Adjust branding settings.
Click Save.
โ ๏ธ Warning: Changes made here will apply to both the customer account loyalty page and checkout.
Page heading, description & section titles
The customer account loyalty page heading, description, and section titles are configured directly in the customer account editor. The account editor is accessed through the checkout editor.
From Shopify Admin, click Settings > Checkout.
Select your checkout profile > Customize.
In the action bar (left), click Apps > Added > Loyalty page.
Enter your custom text.
Click Save.
โ
โน๏ธ Note: Changes made here are only applicable to the customer account loyalty page.
Hero image & other imagery
Due to no image upload support in the checkout & account editor, images are inherited and configured from Smile Admin.
Image | Location on page | How to change |
Hero image | Page header |
|
Redemption popup cover image | Redemption popup | โ๏ธ As above. |
Product fallback image | Points shop thumbnail & redemption popup if no product image is defined in Shopify | โ๏ธ As above. |
Points balance icon | Next to points balance section in header | โ๏ธ As above. |
โน๏ธ Note: Changes made here are only applicable to the customer account loyalty page.
Earn, redeem, referral & VIP card labels & icons
Card labels and icons are inherited directly from your loyalty program settings.
Image | Location on page | How to change |
Earn points labels & icons | Earn points grid |
|
Spend points labels & icons | Spend points grid, redemption popup |
|
Referral labels & icons | Referrals card |
|
VIP tier labels & icons | VIP header card, VIP program grid |
|
โ ๏ธ Warning: Changes made here will apply to both the customer account loyalty page and the storefront loyalty popup (if enabled).
Previewing changes before saving
If your customer account loyalty page is placed on a live checkout & account profile, your customers might be able to access the page and see your pages immediately. Customer discovery is generally determined by whether a link to the new page has been added to the customer account navigation bar.
If you need time to preview your changes before your customers see them, delay adding a link to the customer account navigation until you're ready for customers to see it, or consider configuring the page on a non-live checkout & account profile.