# End User Display Introduction

The **End User Display** is the part of Gamopanda your customers see. It's an embeddable launcher button and slide-up panel that shows each member's streak, challenge and mission progress, upcoming milestones and earned rewards, right inside your website or app.

---

## What your users see

- **Launcher button**: a floating button styled to match your brand.
- **Progress panel**: current streaks, challenges and missions with progress toward each target.
- **Milestones**: upcoming checkpoints and the rewards attached to them.
- **Rewards**: issued rewards and coupon codes, with their redemption status.
- **Guest view**: visitors who aren't logged in see your public programmes, which encourages them to sign up.

---

## How it works

1. Load the End User Display on your page with a single `<script>` tag.
2. Initialize it with your account, [Template](/template), [Theme](/theme) and [Floating Widget](/floating-widget) IDs.
3. For logged-in users, your backend generates a signed [Access Token](/access-token) and passes it to the display.
4. The display fetches the member's progress and renders it using your template copy and theme styles.

---

## Customization

| Module | Controls |
|---|---|
| [Template](/template) | Labels, messages, button text and URLs. |
| [Theme](/theme) | Colours, typography and component styles. |
| [Floating Widget](/floating-widget) | Launcher position, appearance and behaviour. |

---

## Getting started

| Guide | Description |
|---|---|
| [JavaScript Integration](/javascript-integration) | Embed the End User Display on any website with a script snippet. |
| [End User Access Token](/access-token) | Generate a signed JWT on your backend to show personalised progress. |
| [Shopify Integration](/shopify) | Use the native theme block, no code required. |
| [Wix Integration](/wix) | Add the End User Display to your Wix site. |