Accessing Landing Page Settings
To modify the settings of your Loyalty Landing Page, navigate from your Rivo dashboard to Loyalty Program > Onsite, and then click on Landing Page.
β¨ The Loyalty Landing Page is available on the Scale & Plus plans. See pricing β
Theme Selection
Before customizing your landing page content, select which Shopify theme you want to integrate your loyalty landing page with. This ensures your loyalty page matches your store's design and appears correctly on your storefront.
π‘ Pro Tip: Changes to your theme selection will automatically sync the loyalty page assets with your chosen theme to maintain design consistency.
General Settings
This section allows you to customize button styles on the Loyalty Landing Page, including the Login/Signup banner buttons, their versions for logged-in users, and the modal button. You can match these buttons to your site's theme by copying the class name from an existing button and pasting it here.
How to Copy a Button's Class Name:
On your storefront, right-click on the button whose style you want to copy.
Select 'Inspect' from the right-click menu.
In the console, find the highlighted HTML of the button which displays its class name.
Copy this class name.
Paste the class name into the corresponding field in Rivo for the button you're customizing.
β οΈ Important: Button class names must match exactly as they appear in your theme's CSS. Incorrect class names may result in unstyled buttons.
Banner Settings
The banner is the first thing customers see on your loyalty landing page. Customize this section to create compelling messaging that encourages sign-ups and engagement. You can set different content for visitors who aren't logged in versus existing loyalty members.
Logged Out Visitors
These settings control what non-members see when they visit your loyalty landing page:
Title: Your main headline to attract new members (e.g., "Join our Loyalty Program", "Become a VIP Member")
Subtitle: Supporting text that explains the value proposition (e.g., "Join for free and begin earning points & rewards every time you shop")
Sign Up Button Text: Call-to-action for new registrations (e.g., "Join Now", "Sign Up Free", "Become a Member")
Login Button Text: For existing members to access their account (e.g., "Sign In", "Member Login", "Access Account")
Logged In Members
These settings control what existing loyalty members see when they visit the page:
Title: Personalized welcome message (e.g., "Welcome back, [Name]!", "Your Loyalty Dashboard")
Subtitle: Status update or encouragement (e.g., "You have [X] points available", "Keep shopping to reach the next tier")
Earn Button Text: Link to earning opportunities (e.g., "Earn More Points", "View Ways to Earn")
Redeem Button Text: Link to rewards catalog (e.g., "Shop Rewards", "Redeem Points", "View Rewards")
How it Works / Activity Settings
This section explains your loyalty program process to customers. You can customize the messaging for both new visitors learning about the program and existing members viewing their activity.
Logged Out (How It Works)
Create clear, step-by-step instructions that guide new customers through your loyalty program:
Step Titles: Clear action words (e.g., "Sign Up", "Shop & Earn", "Redeem Rewards")
Step Descriptions: Brief explanations of each step in the customer journey
Visual Flow: Ensure the steps create a logical progression from signup to reward redemption
Logged In (Member Activity)
Personalized content for existing members including:
Points Display: Current points balance and recent activity
Tier Status: Current VIP tier and progress to next level
Recent Activity: Latest points earned and redeemed
Available Rewards: Rewards they can currently afford with their points
Expiration Alerts: Notifications about points or rewards expiring soon
Ways to Earn
This section showcases all the different methods customers can use to earn points in your loyalty program. Customize the messaging to highlight your most valuable earning opportunities.
Common Earning Opportunities:
Purchase Points: Points earned per dollar spent
Account Creation: Welcome bonus for new members
Birthday Rewards: Special points or rewards on customer birthdays
Social Sharing: Points for sharing on social media
Product Reviews: Points for leaving product reviews
Referrals: Points for referring friends who make purchases
π‘ Best Practice: Include modal copy for interactive earning methods like birthday collection. Provide clear instructions and user-friendly form fields.
Ways to Redeem
Showcase your rewards catalog and explain how customers can redeem their points. This section should highlight your most attractive rewards and create excitement about the redemption process.
Popular Reward Types:
Discount Rewards: Percentage or fixed amount discounts
Free Shipping: Complimentary shipping on orders
Free Products: Complimentary items or samples
Exclusive Access: Early access to sales or new products
Gift Cards: Store credit for future purchases
π° Tip: Display point values clearly (e.g., "500 points = $5 off") to help customers understand the value of their points.
VIP Tiers
If you have VIP tiers enabled, this section explains the tier system to customers. Customize the messaging to highlight the exclusive benefits and create aspiration for higher tiers.
VIP Tier Messaging:
Tier Benefits: Clearly explain what customers get at each level
Progression Path: Show how customers can advance to higher tiers
Exclusive Perks: Highlight tier-specific benefits like bonus points, free shipping, or early access
Status Recognition: Emphasize the prestige and recognition of higher tiers
πΈ To change the names of individual rewards, ways to earn, or tiers, go to their specific settings. For example, to change the title of a way to earn, click 'edit' next to it in the Points Program menu.
Create a VIP Tiers Table
Enhance your Loyalty Landing Page with a detailed VIP Tiers comparison table that showcases the benefits of each tier level. This visual representation helps customers understand the value of progressing through your VIP program.
πΈ Any fields left blank in this table will not be displayed on your storefront. Only completed rows and columns will appear to customers.
VIP Tiers Table Layout
Tier Names and Thresholds: Tier names are automatically pulled from your VIP Program Setup. You can add custom threshold descriptions that appear below each tier name (e.g., "Spend $500", "Lifetime member", "VIP status").
Perks by Tier: Create rows for each perk or benefit in your program, then specify which tiers receive each perk. This creates a clear comparison matrix showing the progression of benefits.
Table Setup Best Practices:
Perk Descriptions: Use clear, benefit-focused language (e.g., "2x Points on All Purchases" instead of "Double Points")
Progressive Benefits: Show how perks improve at higher tiers (e.g., "Free shipping on $50+" vs "Free shipping on all orders")
Visual Hierarchy: List the most valuable perks first to create immediate impact
Tier Limits: You can display up to 6 VIP tiers in the table for optimal readability
Example Tier Perks:
Points multipliers (1x, 1.5x, 2x points per dollar)
Free shipping thresholds
Exclusive discounts and early access
Birthday bonuses and special offers
Priority customer support
Exclusive products or collections
Landing Page Sections
Your loyalty landing page is built using modular sections that you can customize individually. Each section serves a specific purpose in your customer journey:
Available Page Sections:
Header Section: Main banner with signup/login options and key messaging
How It Works: Step-by-step explanation of your loyalty program
Ways to Earn: Showcase of all earning opportunities
Ways to Redeem: Display of available rewards and redemption options
VIP Tiers: Explanation and comparison of tier benefits
π¨ Theme Integration: These sections automatically integrate with your selected Shopify theme and can be managed through the Shopify Theme Editor for advanced customization.
Troubleshooting & Tips
Common Issues and Solutions:
Changes not appearing: Clear your browser cache and check that you've saved your settings
Button styling issues: Verify that the CSS class names match exactly with your theme's button classes
Missing sections: Ensure your selected theme supports all loyalty page sections
VIP table not displaying: Check that you've filled in at least one perk and tier combination
Optimization Tips:
Mobile-First: Preview your landing page on mobile devices to ensure optimal display
Clear Value Proposition: Make the benefits of joining immediately obvious in your banner text
Social Proof: Consider adding customer testimonials or member counts to build trust
Regular Updates: Keep your rewards and earning opportunities fresh to maintain customer interest
π‘ Pro Tip: All changes to your loyalty landing page settings are saved automatically and appear instantly on your storefront. Use the preview feature to see how your changes look before customers visit the page.