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

# Loyalty page

The Loyalty Page is a standalone page that displays a customer's loyalty information.

The Loyalty Page is a monolithic, self-contained component which lets customers interact with all aspects of the loyalty program, for example, viewing ways to earn points, redeeming rewards.

This is our "plug and play" component. Adding it onto a page is the fastest way to get started with LoyaltyLion.

The Loyalty Page is fully responsive and switches to a more compact, mobile friendly view on smaller screens.

## Code

```html theme={null}
<div data-lion-integrated-page=""></div>
```

## Preview

### Customer view

<Frame>
  <img src="https://mintcdn.com/loyaltylion/mzpO03HW8a1K958n/images/sdk/loyalty-page-member-view.png?fit=max&auto=format&n=mzpO03HW8a1K958n&q=85&s=d03c9f6733ba6a7cc2fa175f34cb08f5" alt="Loyalty page" width="918" height="2412" data-path="images/sdk/loyalty-page-member-view.png" />
</Frame>

### Guest view

<Frame>
  <img src="https://mintcdn.com/loyaltylion/mzpO03HW8a1K958n/images/sdk/loyalty-page-guest-view.png?fit=max&auto=format&n=mzpO03HW8a1K958n&q=85&s=f8416e03fbff194dce5d395e25f1434c" alt="Loyalty page" width="928" height="1544" data-path="images/sdk/loyalty-page-guest-view.png" />
</Frame>