Multiple embedded music players?

Ask the community
,
1

I’m having trouble with
Getting a unique bandcamp player for each product page

Working in
Wix Studio Editor

Site link

What I’m trying to do
Ultimately I would like to have an embedded bandcamp player for each product page. IE. The Ghoules have a player for their music. The next page, say Wicked Trip, would have it’s own music.

What I’ve tried so far
Different embed codes, different player sizes, google, no idea what I’m actually doing

Extra context
I put the embedded player on the page for The Ghoules. It worked great only problem is, not sure how to go product by product to change them and when I checked the live page, The Ghoules bandcamp player was on every product page.

3

So this is a pretty cool thing you can accomplish with the CMS.

To start, since you’re using a embedded Bandcamp player, create a CMS collection and use a field for Rich Content. If you have access to the audio files, you could use an audio field. Most importantly, set a name to match the product for ease of finding for filtering later on.

image
image1920×958 64.4 KB

Then, enable the CMS to work with App collections so you can use on the product page.

Now on the product page, add rich content if you’ll be using the embed or an audio player if you have the audio files.

Then add a dataset for the Store products and also one for the one that you created with the audio.

From there, set the filter of the Bandcamp dataset to match the Products name (or whichever ones are the same) and the important piece is setting the Products Dataset slug field to match the URL slug. That is what filters it so it matches the product based on the URL a user is on, which then filters the Bandcamp to match to that exact same product.

image
image1104×780 91.5 KB

There’s also a step-by-step article here that uses reference fields if you want to go that route.