How to Embed a Bandcamp Album Player on Your Website
To put a Bandcamp album player on your website, open the album, choose Share/Embed below its artwork, then select embed this album. Choose a layout, copy the generated code, and place it in your site's HTML or supported embed block. Publish the page and test listening, layout and the Bandcamp destination as a visitor.
Lead visual
The Bandcamp storefront loop
Release
lossless audio + story
Offer
price + pay more
Discover
tags + follow path
Evidence
plays + sales + net
complete page → direct support → follower signal → next release decision
MixPass50 founding testers wanted.
Test MixPass on a real project and share honest feedback. Receive lifetime Pro after completion is reviewed and approved.
1:24“Bring the vocal up here.”
Three months of Pro once accepted.
Choose the release before copying the player
Start with the page you want a fan to reach. A release page on your artist website can hold the story, credits and listening in one place. The player gives that page a specific job: let someone hear the recording while they read.
Open the intended Bandcamp album and check the artist, title, artwork and track order. An older single, a live version and a new album can look similar in a folder of saved links. Confirm the destination while you can still see the whole release.
The Bandcamp guide for artists covers your wider storefront plan. If the album itself needs work, use the artist-page setup guide before putting its player on another site.
How do you get the album's embed code?
Bandcamp's embedded-player instructions place the builder under Share/Embed, beneath the album artwork. Choose embed this album and use the preview to select the presentation.
Decide where the player belongs on your page before choosing its size. A narrow sidebar and a full release page give you different amounts of space. Keep the surrounding text short enough that the listening area is easy to find.
- Open the correct album's player builder.
- Choose the presentation in the preview.
- Copy the complete generated code into a plain-text handoff note.
- Keep the direct album URL in the same note so your website editor can check the destination.
Use the code the builder gives you. Copying the address from your browser bar gives you an album link, which is useful on its own but does not supply the generated player markup.
Put the code in a block that accepts HTML
Bandcamp tells you to paste its code into the website or blog's HTML. Your site's editor controls where that is allowed. Look for its supported HTML, code or embed component and check that component's own instructions.
If you paste markup into an ordinary paragraph, you may end up showing visitors the code as text. If the editor removes part of it after saving, check whether your site supports that kind of embed. Ask the person maintaining the site to inspect what was saved before repeatedly changing the Bandcamp settings.
Keep the working page recoverable
Save the current page version before replacing a listening section. Keep the new release title and destination beside the code you are installing. When several people work on a campaign, this small handoff record helps prevent the right player from landing on the wrong release page.
Add a plain link with meaningful text, such as "Listen to Harbor Glass on Bandcamp," beside the player. Use your real album title and its actual URL. Avoid a row of unexplained "click here" links that leaves the visitor guessing where each one goes.
A worked release-page handoff
Constructed website example
Harbor Glass is an imaginary album. Its artist has a release page containing the cover, a short recording story, credits and one Bandcamp player. The player sits below the opening paragraph, with a direct album link immediately after it.
| Editor hands over | Artist checks after publishing | |
|---|---|---|
| Release identity | Album title, artist name and direct Bandcamp URL | The player shows the intended release rather than an earlier single |
| Listening area | Complete generated code and chosen layout | Play starts the intended track and the visible controls remain usable |
| Phone layout | A page with space for the player beside its surrounding copy | No cropped controls or sideways page movement on the phone being checked |
| Destination | A clearly named direct album link | The link opens the correct album, with the expected offer |
Suppose the desktop page looks good, but the phone cuts off the right edge of the player. First compare the player area with its containing column. Try an appropriate generated layout and inspect the site's spacing. Do not call the page finished because the desktop screenshot passed.
If the page will later promote another release, keep the handoff note with the page name and check date. Replacing the player should trigger a new identity and destination check, even when the surrounding design stays the same.
Test the published page outside the editor
Visitor check
Follow the listening path
- 01
Open
Use the public page
Open the published website in a signed-out browser, rather than relying on the editing preview.
- 02
Listen
Try the recording
Check the track you intend to promote and use the visible player controls.
- 03
Follow
Open the album
Check the release and offer at the destination without completing a test purchase.
- 04
Repeat
Check your phone
Inspect the player, nearby text and direct link at a narrower screen size.
Check from the actual page address you plan to share. A preview link may show an unpublished draft or require an editor login. Send the public URL to a collaborator and ask them which recording they see and whether they can play it.
If the player is blank, separate the possible causes. Does the album open directly? Does the website still contain the saved embed? Is the issue present in another browser? Those checks give your site maintainer something more specific than "Bandcamp is broken."
For an advance exclusive, stop and review the exclusive-embed controls separately. That workflow can stream material unavailable on the public album page. Ordinary website listening and a publication's first-listen agreement need different decisions about access.
Share the finished page and read the right results
Write the announcement around what someone can do at that URL: hear the album, read the recording notes, or find the purchase link. Put the tested address into your campaign copy so a saved draft does not send fans to last month's release.
Keep a record of when the page went live and where you shared it. The Bandcamp statistics guide explains how to review listening and referral context without treating every visit as a purchase.
Plan the announcement and follow-up posts that point listeners to your finished release page
Bandcamp's current player instructions
Frequently asked questions
Can I change the player's colors or show the track list?+
Bandcamp's player builder includes size, color, tracklist and merchandise-image choices. Generate the layout you want, replace the saved embed on your website, and inspect the published result. Keep a copy of the previous code until the replacement is checked.
Can a publication stream tracks that are hidden on my album page?+
Bandcamp has a separate exclusive-embed workflow for eligible pre-orders, or Pro albums with streaming disabled on one or more tracks. It can expose selected tracks and restrict where the player appears. Agree on the listening window with the publication before setting that up.
Should I remove the direct album link once the player works?+
I'd keep a clearly named Bandcamp link beside it. That gives someone another route if the embedded area fails to load or they want to open the album directly. Test that link separately from the player.
Will an embedded album player increase sales?+
This setup gives visitors a place to listen. It does not establish a sales result. Judge the implementation by whether people can hear the intended recording and reach the correct release; evaluate purchases separately from page visits or playback.
Get better release strategy in your inbox
Release planning checklists, royalty explainers, and artist strategy notes from Velveteen. No daily noise.
Was this useful? Send a signal or flag a correction.
Keep reading
Topic overview
Bandcamp for artists
A current seven-part Bandcamp operating system for release setup, offers, discovery, transactions, followers, editorial submission, and evidence.
Related guide
Set up a Bandcamp artist page
A field-level storefront specification for the artist profile, release data, 16-bit/44.1 kHz lossless audio, Discover tags, payment owner, and publish gate.
Related guide
Read Bandcamp stats
A five-view Bandcamp measurement review that separates listening, discovery, relationships, commerce, and operations across native stats and exportable reports.
Put every release message on the calendar
Plan newsletters, email sequences, social posts, clips, and campaign moments around one release date so each asset has a clear job and deadline.