Setting up a loyalty landing page for your store is essential to engage customers, track points, and boost repeat sales. Casa Loyalty now offers an updated method to quickly create and activate your landing page—even if you don’t have special permissions or direct collaborator access.
Follow this step-by-step guide to get your loyalty page live.
Step 1: Create a New Page in Shopify
Log in to your Shopify Admin.
Go to Online Store → Pages → Add Page.
Enter a title for your loyalty page (e.g., “Rewards,” “Loyalty Program,” or “Points Hub”).
Save the page.
This page will serve as the container for your Casa Loyalty content.
Step 2: Create a Template for the Page
Go to Online Store → Themes → Customize.
Click on Pages in the top dropdown.
Click Create Template.
Name the template:
casa-landing-page.
Tip: If your theme restricts certain names in JSON files, using a simple variation like loyalty-page can work.
Save the template.
Step 3: Add the Casa Wrapper in the Theme Code
Go to Online Store → Themes → Edit Code.
Open the Templates folder.
Locate the file:
page.casa-landing-page.json(or your template name).At the very top of the JSON file, add:
"wrapper": "div#casa-landing-page",
This ensures the page can load Casa Loyalty’s components properly.
Save the changes.
Step 4: Assign the Template to Your Page
Return to Online Store → Pages.
Open the loyalty page you created in Step 1.
On the right side, under Theme Template, select
casa-landing-page.Hard refresh your browser to ensure changes take effect.
Save the page.
Your Casa Loyalty landing page is now live and ready for customization.
Step 5: Customize and Test
Go to your page and verify that the loyalty widget appears.
You can now edit text, colors, and images to match your store’s branding.
Test functionality by creating a dummy account to make sure points and rewards are being tracked correctly.
Step 6: Optional Next Steps
Check collaborator access: Ensure Casa Apps has the right permissions if you want support to assist directly.
Review plan settings: Make sure the loyalty program features match your subscription plan.
Collect feedback: Once the page is functional, encourage customers to try it and leave feedback.
Conclusion
The updated method for setting up the Casa Loyalty landing page is simple, flexible, and works even without direct collaborator permissions. Following this guide ensures that your loyalty program is fully functional, visually aligned with your brand, and ready to help you drive repeat sales.