End User Display
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
- Load the End User Display on your page with a single
<script>tag. - Initialize it with your account, Template, Theme and Floating Widget IDs.
- For logged-in users, your backend generates a signed Access Token and passes it to the display.
- The display fetches the member's progress and renders it using your template copy and theme styles.
Customization
| Module | Controls |
|---|---|
| Template | Labels, messages, button text and URLs. |
| Theme | Colours, typography and component styles. |
| Floating Widget | Launcher position, appearance and behaviour. |
Getting started
| Guide | Description |
|---|---|
| JavaScript Integration | Embed the End User Display on any website with a script snippet. |
| End User Access Token | Generate a signed JWT on your backend to show personalised progress. |
| Shopify Integration | Use the native theme block, no code required. |
| Wix Integration | Add the End User Display to your Wix site. |
Last modified on