> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yuko.so/llms.txt
> Use this file to discover all available pages before exploring further.

# Rewards Landing Page

> A standalone storefront page that explains the loyalty program and lets customers see their balance and rewards in one place.

<Note>
  **Where to find this:** Shopify admin → Apps → Yuko Loyalty → Loyalty → Widgets → Rewards Landing Page
</Note>

## Introduction

The Rewards Landing Page is a full-page widget you embed on a Shopify page (typically `/pages/rewards`) to act as the public-facing home of your loyalty program.

## What problem this solves

Marketing emails, ads and footer links need a destination. Without a landing page, the only place to learn about your program is the cart — which is too late.

## Where it appears

* A Shopify page of your choice (e.g., `/pages/rewards`).

## When to use

* You're driving customers to a loyalty page from email, ads, or footer links.
* You want a single page that explains how to earn and redeem.
* You're on legacy customer accounts and need a hub destination.

## Overview

* Hero section with value proposition.
* Earn rules listing.
* Redemption rules listing.
* VIP tier benefits (if enabled).
* Customer balance and rewards (logged-in only).

## Before you start

<Check>Yuko app is installed on your Shopify store.</Check>
<Check>Your loyalty program is enabled.</Check>
<Check>The widget is set to **Active** in **Shopify admin → Apps → Yuko Loyalty → Loyalty → Widgets**.</Check>
<Check>Your active Shopify theme supports Online Store 2.0 app blocks.</Check>

<Check>You've created a Shopify page (e.g., **Online Store → Pages → Add page**) titled *Rewards*.</Check>

## Setup guide

### 1. Configure in Yuko

<Steps>
  <Step title="Open the widget settings">
    Go to **Apps → Yuko Loyalty → Loyalty → Widgets → Rewards Landing Page**.
  </Step>

  <Step title="Configure hero copy">
    Set the headline, subheadline and CTA text shown at the top of the page.
  </Step>

  <Step title="Configure section visibility">
    Toggle each section on or off:

    * **How to earn**
    * **How to redeem**
    * **VIP tiers**
    * **Customer balance** (logged-in only)
  </Step>

  <Step title="Customise per-section copy">
    Override section titles and intros if you want.
  </Step>

  <Step title="Activate">
    Toggle **Active**.
  </Step>
</Steps>

### 2. Add the widget in Shopify

<Steps>
  <Step title="Open the Theme Editor">
    In your Shopify admin, go to **Online Store → Themes**, find your active theme, and click **Customize**.
  </Step>

  <Step title="Pick the right template">
    Use the template selector at the top to open the page where this widget should appear (Product, Cart, etc.).
  </Step>

  <Step title="Add the Yuko app block">
    Click **Add block** in the section where you want the widget. Under **Apps**, select the Yuko block listed for this widget.
  </Step>

  <Step title="Position and save">
    Drag the block to your preferred position and click **Save**.
  </Step>
</Steps>

When choosing the template, open your Rewards page and add the **Yuko Rewards Landing Page** app block as the page content.

### 3. Link customers to the page

Add the page URL to:

* Your storefront footer.
* Marketing emails (welcome series, anniversary, win-back).
* Ads and social bio links.

## How it works

* Renders inline as a full-page widget on a Shopify page.
* Pulls program configuration from Yuko (campaigns, rewards, tiers).
* Logged-in customers see their balance and personal rewards; logged-out customers see the program description and a sign-in CTA.

### Decision guidance

* **Always link to it from your footer** — it's the cheapest way to drive program awareness.
* **Use it as the destination** of your loyalty acquisition emails.
* **Skip if you've fully embraced the Customer Account hub** — they overlap.

### Limitations

* Page styling is constrained to Yuko's app-block layout.
* Doesn't replace the Customer Account hub for logged-in customers — it complements it.

## Examples

* *“Join Stars Rewards”* hero, with How to Earn / How to Redeem / VIP sections, linked from the storefront footer and welcome email.

## Best practices

<Tip>**Link from the footer of every page.** This is your loyalty equivalent of an *About* page.</Tip>
<Tip>**Pair with a polished hero image** — the hero is the first impression of the program.</Tip>

## FAQs

<AccordionGroup>
  <Accordion title="Can I have more than one rewards page?">
    Yes — the widget can be added to multiple Shopify pages, but the configuration is shared.
  </Accordion>

  <Accordion title="Does it support custom HTML or sections?">
    Not in v1. Stick to the section toggles and copy fields provided.
  </Accordion>
</AccordionGroup>

## Related

<CardGroup cols={3}>
  <Card title="Loyalty Nudges" icon="bell" href="/onsite-widgets/loyalty-nudges">
    Pinned strip + drawer on every page — your booster promotion surface.
  </Card>

  <Card title="Product Page Earn" icon="bag-shopping" href="/onsite-widgets/product-page-earn">
    Show points earnable on product detail pages.
  </Card>

  <Card title="Cart Earn" icon="cart-plus" href="/onsite-widgets/cart-earn">
    Show total earnable points in cart.
  </Card>

  <Card title="Cart Redeem" icon="gift" href="/onsite-widgets/cart-redeem">
    Surface points balance and rewards in cart.
  </Card>

  <Card title="Checkout Earn" icon="cash-register" href="/onsite-widgets/checkout-earn">
    Show earnable points inside Shopify Checkout.
  </Card>

  <Card title="Checkout Redeem" icon="ticket" href="/onsite-widgets/checkout-redeem">
    Apply rewards inside Shopify Checkout.
  </Card>

  <Card title="Order Status Earn" icon="circle-check" href="/onsite-widgets/order-status-earn">
    Confirm earned points on the thank-you page.
  </Card>

  <Card title="Order List Balance" icon="receipt" href="/onsite-widgets/order-list-balance">
    Show points balance on the order history page.
  </Card>

  <Card title="Customer Profile Balance" icon="id-badge" href="/onsite-widgets/customer-profile-balance">
    Show balance on the customer profile.
  </Card>

  <Card title="Customer Account Page" icon="user" href="/onsite-widgets/customer-account-page">
    Loyalty hub inside Shopify customer accounts.
  </Card>

  <Card title="Rewards Landing Page" icon="window-maximize" href="/onsite-widgets/rewards-landing-page">
    Standalone loyalty page for your storefront.
  </Card>

  <Card title="Floating Launcher" icon="circle-arrow-up" href="/onsite-widgets/floating-launcher">
    Persistent loyalty panel on every page.
  </Card>

  <Card title="Branding & Locale" icon="palette" href="/onsite-widgets/branding-and-locale">
    Cross-widget styling, icons and language.
  </Card>
</CardGroup>

<CardGroup cols={2}>
  <Card title="Theme App Embed" icon="plug" href="/installation-and-setup/theme-app-embed">
    Required to render any storefront widget.
  </Card>

  <Card title="Checkout UI Extension" icon="cart-shopping" href="/installation-and-setup/checkout-ui-extension">
    Show points and rewards inside Shopify checkout.
  </Card>

  <Card title="Customer Account Extension" icon="user" href="/installation-and-setup/customer-account-extension">
    Add the loyalty hub inside Shopify customer accounts.
  </Card>

  <Card title="Verify Your Setup" icon="circle-check" href="/installation-and-setup/verify-setup">
    Confirm widgets render correctly on the live storefront.
  </Card>
</CardGroup>

<CardGroup cols={2}>
  <Card title="Book a Free Setup Call" icon="phone" href="https://cal.com/rameshelamathi/yuko-demo">
    Talk to our team for personalised setup help.

    **Time:** 30 minutes
  </Card>

  <Card title="Contact Support" icon="life-ring" href="https://yuko.so/support/">
    Visit our support hub for help articles, live chat and ticket submission.
  </Card>

  <Card title="Browse the Guides" icon="book" href="/getting-started/welcome">
    Documentation across loyalty, referrals, memberships and more.
  </Card>

  <Card title="Install Yuko" icon="shop" href="https://apps.shopify.com/yuko">
    Add Yuko to your Shopify store from the Shopify App Store.
  </Card>
</CardGroup>