> ## 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.

# Customer Account Page (Loyalty Hub)

> Add the full loyalty hub — balance, rewards, VIP status, activity — inside Shopify's new customer accounts.

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

## Introduction

The Customer Account Page widget mounts a full loyalty hub inside Shopify's New Customer Accounts. Customers see their balance, available rewards, VIP status and activity feed without leaving Shopify.

## What problem this solves

Most loyalty apps push customers to a separate page or domain. Putting the hub inside Shopify's account experience removes friction — customers find it where they already manage their orders and profile.

## Where it appears

* The new Shopify Customer Accounts.
* Both order pages (balance card) and the profile page (full hub).

## When to use

* You've enabled **New Customer Accounts** in Shopify.
* You want a loyalty hub without building a standalone landing page.
* You want the loyalty experience to feel native to Shopify.

## Overview

* Balance card on order pages.
* Full hub on the profile page.
* Includes points, rewards, VIP, activity.
* Configured via the Customer Account extension.

## 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>**New Customer Accounts** is enabled in **Shopify admin → Settings → Customer accounts**.</Check>
<Check>The Customer Account extension is activated — see [Activate the Customer Account Extension](/installation-and-setup/customer-account-extension).</Check>

## Setup guide

### 1. Configure in Yuko

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

  <Step title="Configure visible sections">
    Choose which sections render in the hub:

    * **Points balance**
    * **Earned rewards**
    * **Ways to redeem**
    * **VIP tier** (if enabled)
    * **Activity feed**
  </Step>

  <Step title="Customise headings and copy">
    Each section has a title and description you can override.
  </Step>

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

### 2. Add the extension in Shopify

<Steps>
  <Step title="Open the Customer Accounts editor">
    In your Shopify admin, go to **Settings → Customer accounts → Customize**.
  </Step>

  <Step title="Add the Yuko Loyalty block">
    Click **Add block** on the order or profile page and choose the Yuko Loyalty extension.
  </Step>

  <Step title="Position and save">
    Position the block where customers will see it and click **Save**.
  </Step>
</Steps>

<Info>
  This surface is part of Shopify's **New Customer Accounts**. Make sure new customer accounts are enabled in **Settings → Customer accounts**.
</Info>

Add the **Yuko Loyalty** block to both the order list and profile pages for full coverage.

### 3. Verify

Log in as a customer at `<store>.myshopify.com/account` and confirm the hub renders end-to-end.

## How it works

1. Shopify mounts the Yuko extension inside customer accounts.
2. The extension fetches points, rewards, tier and activity from Yuko.
3. The full hub renders on the profile page; a balance card renders on order pages.

### Decision guidance

* **Enable both placements** (order list + profile) so customers see balance everywhere.
* **Show the activity feed** if customers ask *“where did my points go?”* often — it answers that question without a support ticket.

### Limitations

* Requires Shopify's New Customer Accounts.
* Visual customisation is constrained by Shopify's extension surface.
* Some text strings have character limits enforced by Shopify.

## Examples

* A growth-stage brand replaces a `/pages/rewards` Shopify page with this hub and reduces support tickets about *"where do I see my points?"* by 40%.

## Best practices

<Tip>**Add it on day one.** Customers expect loyalty inside their account; making them hunt for it costs redemption rate.</Tip>
<Tip>**Pair with a points-balance reminder email** to bring customers back into the hub.</Tip>

## FAQs

<AccordionGroup>
  <Accordion title="Can I use this with the legacy customer accounts?">
    No — use the [Rewards Landing Page](/onsite-widgets/rewards-landing-page) instead.
  </Accordion>

  <Accordion title="Why is the VIP section empty?">
    Either VIP tiers are not enabled, or the customer hasn't been assigned a tier yet.
  </Accordion>

  <Accordion title="Can I add custom sections?">
    Not in v1. Stick with the section toggles 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>