Skip to main content

Setting Up Your Casa Loyalty Landing Page

Written by Ateeb

This guide walks you through the full process of creating and activating your Casa Loyalty landing page on your Shopify store.

1. Create the Loyalty Page

  1. Go to Shopify Admin → Online Store → Pages

  2. Click Add Page

  3. Name the page (e.g., "Rewards" or "Casa Loyalty")

  4. Click Save

2. Create the Custom Template

  1. Go to Online Store → Themes

  2. Find your published/live theme

  3. Click the three dots (...) → Edit code

For Classic Editor:

  1. In the left sidebar, expand Templates

  2. Click Add a new template

  3. Select page, then choose JSON format

  4. Name the file: casa-landing-page

  5. Click Create

For New (VS Code Style) Editor:

  1. Click the + next to Templates

  2. Choose Page

  3. Name it: casa-landing-page

  4. Click Create

  5. Alternatively, click Add a new file

  6. Name: page.casa-landing-page.json

  7. Click Done/Create

3. Add JSON Content

Paste this exact content into the new template and click Save:

{ "wrapper": "div#casa-landing-page", "sections": { "main": { "type": "main-page", "settings": {} } }, "order": ["main"] }

4. Apply the Template to Your Page

  1. Go back to Online Store → Pages

  2. Open the page you created earlier

  3. On the right, under Theme template, select casa-landing-page

  4. Click Save

5. Enable the App Embed

  1. Go to Online Store → Themes → Customize

  2. Click the puzzle icon (App embeds)

  3. Toggle Casa Landing Page to ON

  4. Click Save

6. View Your Loyalty Page

Navigate to the page you created (e.g., /pages/rewards). The Casa Loyalty landing interface should now be visible.

Common Issues & Fixes

  • Template not showing in dropdown: Make sure you're editing the live theme or publish the draft theme

  • Page appears blank: Double-check that the App Embed is ON and that the wrapper ID is div#casa-landing-page

  • Still not working?: Try a hard refresh (Ctrl + Shift + R or Cmd + Shift + R)

  • Using a vintage theme?: Casa Loyalty requires an Online Store 2.0 theme

Optional: Add Footer Button

Want to add a link to your loyalty page in the store footer?

  • Contact Casa Loyalty’s support team

  • The dev team will assist with adding the button for you

Alternative code for page/template:

{ "wrapper": "div#casa-landing-page", "sections": { "apps-section": { "type": "apps" } }, "order": [ "apps-section" ] }


Need Help?

Our support team is available 24/7. If you get stuck at any point, feel free to reach out!

Did this answer your question?