Components

Detail pages

A page per track, so people can land on one from a search result, a share or a link. Nine components, one binding, repeated.

Every component on this page takes the same binding. Drag Raw JSON from your synced collection onto its CMS JSON control. That is the whole wiring — no id to type, and nothing else on the page has to prepare it first.

Build the page as an ordinary Framer CMS page over the Soundee Products collection, then place whichever of these you want.

A whole track detail page for Stormwalk: cover art with Share and Like beneath it, title, tags, play button and waveform. Gold callouts label the $3,000 exclusive amount as CMS price and the $49 button as Live cart price. A Free download button, producer line, description and More from the vault shelf follow.
All nine components on one page. The large price is what the exclusive rights cost, bound from your collection; the button under it offers the cheapest licence. A beat whose exclusive is by negotiation shows nothing there.

Artwork

Player

Cover art, with a placeholder colour while it loads. It fills the frame you give it.

Size the component itself, not a wrapper around it.

Play Button

Player

Plays this track. Leave the label empty for an icon-only button.

Waveform

Player

The seekable waveform. Click anywhere in it to jump.

Entity Metadata

Detail Page

BPM, key, genre and tag chips.

Description

Detail Page

The description you wrote in Soundee, clamped with a Read more toggle.

CMS JSON is the only way in — there is no id control on this one.

Add To Cart

Commerce

The buy button. It opens the licence picker so the visitor chooses what they are buying, then adds that licence.

Leave the licence unset unless you have a reason. Unset means “let them pick”, which is almost always what you want.

Like Button

Detail Page

A heart. Fills when liked.

A signed-out visitor is asked to sign in, and the like goes through afterwards.

Share Button

Detail Page

Opens the share dialog.

Needs no link of its own. It works out the URL.

Free Download

Detail Page

The demo-download button. It hides itself when the track offers no free download, so you can place it on every detail page without checking.

The nine at a glance

ComponentShows
ArtworkCover image
Play ButtonPlayback
WaveformSeekable waveform
Entity MetadataBPM, key, genre, tags
DescriptionThe written description
Add To CartLicence picker and buy
Like ButtonFavourite
Share ButtonShare dialog
Free DownloadDemo download, when offered

More on Exclude and where a list draws from

PreviousBrowsing the catalogueNextSelling