# End User Display The Gamopanda End User Display can be embedded on any website — Shopify, custom storefronts, marketing pages, or web apps — using a single script tag and a small initialization snippet. It renders a launcher button and a slide-up panel that shows the logged-in customer's streak and challenge progress, milestones, and rewards. --- ## Shopify integration For Shopify stores, the Gamopanda app provides a native **Storefront Script** theme block that handles the initialization and customer authentication automatically — no manual coding required. See the [Shopify Integration](/shopify) page for setup instructions. --- ## How it works 1. Add a single ` ``` --- ## Initialization parameters Pass these fields in the `initialize` payload: | Parameter | Type | Required | Description | |---|---|---|---| | `accountId` | string | ✅ | Your Gamopanda account ID. Found in your dashboard settings. | | `templateId` | string | ✅ | ID of the [Template](/template) that controls widget copy and localisation. | | `themeId` | string | ✅ | ID of the [Theme](/theme) that controls widget colours and typography. | | `floatingWidgetId` | string | ✅ | ID of the [Floating Widget](/floating-widget) that controls the launcher button style and position. | | `accessToken` | string | ❌ | A signed JWT for the logged-in end user. Required to show personalised progress. Omit for guest/logged-out users. See [Generating an Access Token](/access-token). | | `languageCode` | string | ❌ | ISO 639-1 language code (e.g. `en`, `es`, `ar`). Defaults to `en`. Passed to the widget iframe for localisation. | --- ## Logged-in users When a customer is authenticated, your backend generates a signed JWT access token and passes it to the frontend. See [Generating an Access Token](/access-token) for how to create the token. Once you have the token, pass it in the initialize call: ```html ``` The widget uses the `accessToken` automatically once it has loaded. Your code only needs to provide it in the initialize payload. --- ## Guest users Omit `accessToken` entirely. The widget renders in guest mode — programme information is visible but personal progress is not shown until the user logs in. ```html ``` --- ## Related resources | Resource | Description | |---|---| | [Floating Widget](/floating_widget) | Configure the launcher button style, position, and label | | [Template](/template) | Widget copy and localisation | | [Theme](/theme) | Widget colours and typography | | [Generating an Access Token](/access-token) | How to sign and issue end user access tokens | | [Member](/member) | Upsert end users and retrieve their `externalId` | | [Shopify Integration](/shopify) | Native Shopify theme block — no code required |