Articles on: Casa Loyalty

Customizing Your Casa Loyalty Landing Page

Your Casa Loyalty landing page is your storefront’s digital loyalty hub — where customers interact with your rewards program, check points, redeem rewards, refer friends, and more. With our Landing Page Editor, you have full control over the content, design, and layout of each section. This guide will walk you through every step to customize your landing page from the Casa Loyalty dashboard.



📍 Accessing the Landing Page Editor


  1. Go to your Casa Loyalty Dashboard.
  2. From the left-hand menu, click on Branding.
  3. Under the Landing Page section, click Set up, then click the Customize button.


This will open the Landing Page Editor where you can configure all content, sections, placement, and visual settings.



🛠️ General Settings & Custom Text


Each section of your loyalty landing page is editable with custom titles, descriptions, and dynamic content using variables.


Available Variables:


  • {{points}} – Displays the user's current points balance
  • {{signupBonus}} – Signup reward points
  • {{customerName}} – Logged-in customer’s name
  • {{currency}} – Your store’s currency symbol or code
  • {{customerReward}} – Reward amount customer can earn
  • {{storeName}} – Your store’s name
  • {{friendReward}} – Reward amount for referred friend


🧱 Customizable Page Sections


You can enable or disable any of these sections and modify their text and behavior. Here's a breakdown of each one:



🦸 Hero Section


The landing page’s welcome message and image area (visible when not logged in).


Editable fields:


  • Desktop & Mobile Images
  • Title (e.g., STORE REWARDS)
  • Detail (e.g., Join for free and earn rewards on every purchase!)
  • Button labels: SIGN IN and JOIN NOW



👤 Account Section (Logged-in View)


A personalized welcome view for logged-in users.


Editable fields:


  • Title (e.g., HELLO {{customerName}})
  • Detail (e.g., You currently have {{points}} points)
  • Buttons: My Rewards, My Recent Activity



🔍 How It Works


Guide customers through the core steps of the program.


Editable steps:


  1. Join – _Create an account and earn {{signupBonus}} points_
  2. EarnEarn points for purchases, reviews, birthdays, etc.
  3. Redeem – _Use points for {{currency}} rewards or VIP perks_



👯 Referral Section


Let customers refer friends and earn rewards.


Editable fields:


  • Title (e.g., GET {{customerReward}})
  • Heading (e.g., Refer a friend to {{storeName}})
  • Detail – Earn {{customerReward}} for referrals; friends get {{friendReward}}
  • Email label and CTA button (e.g., START REFERRING)
  • Sharing prompt (e.g., Share your referral link to unlock extra rewards!)



🎁 Redeem Rewards


Customers can view and redeem available rewards.


Editable fields:


  • Title (e.g., Redeem Rewards)
  • Detail (e.g., Click to redeem your points for rewards below)
  • Reward examples shown in preview (e.g., 10% Discount, Free Shipping, etc.)



⚡ Ways to Earn


Showcase all point-earning opportunities.


Editable fields:


  • Title (e.g., Ways to Earn)
  • Detail (e.g., Earn points with these glow-getting actions!)
  • Examples (e.g., Follow on Instagram, Place an Order, Celebrate Birthday)



🌟 VIP Tiers (Level Up Section)


Motivate customers to climb tiers for better perks.


Editable fields:


  • Title (e.g., Level up)
  • Detail (e.g., to unlock more perks!)
  • Tier levels with credits, rewards, and exclusive perks (Basic, Premium, Plus)



❓ FAQs


Add frequently asked questions.


Editable fields:


  • Title (e.g., FAQs)
  • Detail (e.g., Frequently Asked Questions)
  • Add Q&A pairs as needed (currently blank in the example)



🔄 Section Order & Placement


In the Placements tab, you can drag and drop each section to rearrange their order on the landing page. This gives you complete control over the layout experience.



🎨 Colors & Branding


Set your brand colors easily from the Colors tab:


  • Primary Color – Affects buttons and key accents
  • Secondary Color – Affects headings, subtext, and backgrounds


Simply input your brand’s hex codes (e.g., #69500f, #333436).



🔎 Previewing the Page


As you make changes, a live preview of each section is shown on the right side of the editor. This helps you see exactly how your content will appear to customers before publishing.



✅ Tips & Best Practices


  • Keep copy concise and customer-friendly
  • Use variables to personalize content (like {{customerName}})
  • Highlight referral and VIP benefits clearly
  • Include a strong CTA (Call to Action) like Join Now, Earn Points, or Start Referring
  • Preview on both desktop and mobile for best results



💬 Need Help?


If you need assistance with custom design or editing your landing page, our 24/7 Casa Loyalty Support Team is always here to help. Use the chat icon on the bottom right corner of your dashboard to get in touch.

Updated on: 30/05/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!