fastory

Integrations

How to embed Spotify in your experience?

Learn how to add one or more Spotify tracks or a full album to your Fastory experience or Fanzone using an iFrame and the Embed element.

You can easily add one or more Spotify tracks to your Fastory experience, giving your users a moment that is both immersive and musical. No installation is required on their side: they can listen to the music directly within the experience.

What is it for?

Embedding Spotify lets you enrich your experience with music. You can add a single track to accompany a sequence, or a full album to set a lasting mood. Only you need a Spotify account to retrieve the tracks; your users can listen to them without having an account.

How does it work?

The integration takes three steps: grab the track link on Spotify, generate a player, then insert it into your experience.

1. Grab the link on Spotify

You need a Spotify account to retrieve a track. You have two options depending on what you want to embed:

  • A single track: to the right of the track, click the ..., then Copy Song Link.
  • A full album: below the album, click the ..., then Copy Album Link.

2. Generate the player on Spotify for Developers

Once the link is copied, go to the Spotify for Developers play button generator (https://developer.spotify.com/documentation/widgets/generate/play-button/). Paste the copied link into step 2 of the tool. The site then generates an iFrame tag in step 3. Remember to choose the final preview of the player before grabbing this tag.

3. Insert the player into your Fastory experience

In your content screen, add the Embed element, then paste the iFrame tag into its settings. And that's it: your users enjoy an immersive, musical experience, set to the rhythm of your Spotify tracks.

Embedding Spotify in your Fanzone

You can also insert your iFrame directly into your Fanzone. Simply use the Embed Block. For the detailed step-by-step guide, check out our article The Embed Block (third-party content).

Best practices

  • Check that you copied the right link (track or album) before pasting it into the generator tool.
  • Select the final preview of the player in Spotify for Developers to check the rendering before grabbing the iFrame tag.
  • Test playback directly in your experience once the iFrame is pasted, to make sure the player displays correctly.
  • Choose between a track and an album based on the format and length of your experience.

Concrete use cases

If you want to pair your experience with a signature track

Embed a single track: copy the track link from Spotify, generate the player, then add it via the Embed element in your Fastory experience.

If you want to immerse your users in a complete atmosphere

Go for a full album: copy the album link, generate the matching player, and insert it into your content screen to extend the musical immersion.

If you want to add music to your Fanzone

Retrieve your Spotify iFrame just as you would for an experience, then embed it in your Fanzone using the Embed Block.

FAQ

Do users need a Spotify account to listen to music in a Fastory experience?

No. Only you, as the creator, need a Spotify account to retrieve the tracks. Your users can listen to them directly within the experience, without having an account.

Can I embed a full album in my Fastory experience?

Yes. Below the album in Spotify, click the ..., then Copy Album Link. You then generate the matching player and insert it into your experience via the Embed element.

Can I add several tracks to my experience?

Yes, you can embed one or more Spotify tracks in your Fastory experience. Simply repeat the process for each track or album you want to add.

Which element should I use in my Fastory experience?

In your content screen, use the Embed element. Its settings are where you paste the iFrame tag generated from Spotify for Developers.

How do I embed a Spotify track in my Fanzone?

For your Fanzone, use the Embed Block and paste your Spotify iFrame into it. The procedure is described in our article The Embed Block (third-party content).

Why do I need to go through Spotify for Developers?

It is the tool that turns the link copied from Spotify into an iFrame tag. This tag is then pasted into the Embed element of your Fastory experience or into the Embed Block of your Fanzone.

Did this answer your question?
😞
😐
🤩