arrow_back Embeddables
Collection Card Hub and above
The Collection Card is a single tile that previews a collection and opens it in place. Use it when you want to feature a whole series of courses rather than an individual course. The example below features a sample collection, with the card opening the full view of courses inline when clicked.
It's useful for highlighting a flagship onboarding journey, a certification track, or a curated bundle of courses on a homepage, dashboard, or content hub. It does the same job as the Course Card, but the unit being promoted is the full course collection.
API Endpoint
POST
/v1/headless/embed/collection/cardBody parameters
| Field | Type | Example | Description | Demo Value |
|---|---|---|---|---|
action | viewedit | view | Determines the target action when the card is clicked. | |
collectionId | number | 456 | — | — |
identifier | string | your-user-id | — | — |
clientIdentifier | string | your-tenant-id | — | — |
navigate | nativeeventnone | "native" | Controls card click behaviour. | |
options.fill | boolean | true | When true, the card fills the iframe. Otherwise, the card is centered at intrinsic size. |
Emitted Events
How to listen to events| Type | Event | Description | Notes |
|---|---|---|---|
navigation | open | Fires when the card is clicked with navigate set to "event". | Payload includes url, embeddable, id, and action. |