# Spotify iFrame: how it works?

**URL:** <https://community.weweb.io/t/spotify-iframe-how-it-works/13974>\
**Category:** How do I?\
**Created:** [October 17, 2024, 1:26am UTC](https://community.weweb.io/t/spotify-iframe-how-it-works/13974 "2024-10-17T01:26:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![lighthama2](https://avatars.discourse-cdn.com/v4/letter/l/7ba0ec/32.png) [@lighthama2](https://community.weweb.io/u/lighthama2)\
**Post date:** [October 17, 2024, 1:26am UTC](https://community.weweb.io/t/spotify-iframe-how-it-works/13974/1 "2024-10-17T01:26:17Z")

</div>

Hello friends,

I’m looking to integrate a spotify iframe into our reservation summary. Unfortunately, I have been unsucessfull at making it appearing on the editor / production using the iframe component.

Does any of you successfully make it happen at some point ?

The url: [Spotify Embed](https://open.spotify.com/embed/playlist/406aJRPmPQalDPfhC7uS2M) (which i got from the iframe given by Spotify)

The iframe snippet:

```auto
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/406aJRPmPQalDPfhC7uS2M?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

```

Here is a quick video of my attempt: [iFrame setup | Loom](https://www.loom.com/share/6e66c989f73d4a79a8ccbe4f7d1e951e?sid=8b69dc1b-f9b2-440a-8524-d7f2ba91759b)

Thank in advance for you assistance,

Best regards

---

<div class="post-metadata">

**Author:** ![Profound5753](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/profound5753/32/6870_2.png) [@Profound5753](https://community.weweb.io/u/Profound5753)\
**Post date:** [October 17, 2024, 3:20am UTC](https://community.weweb.io/t/spotify-iframe-how-it-works/13974/2 "2024-10-17T03:20:53Z")

</div>

Per the docs, did you load the JS script first then call the function prior to displaying the iFrame?

[https://developer.spotify.com/documentation/embeds/tutorials/using-the-iframe-api](https://developer.spotify.com/documentation/embeds/tutorials/using-the-iframe-api)

---

<div class="post-metadata">

**Author:** ![lighthama2](https://avatars.discourse-cdn.com/v4/letter/l/7ba0ec/32.png) [@lighthama2](https://community.weweb.io/u/lighthama2)\
**Post date:** [October 20, 2024, 10:54pm UTC](https://community.weweb.io/t/spotify-iframe-how-it-works/13974/3 "2024-10-20T22:54:18Z")

</div>

Hello @Profound5753,

That’s exactly what I needed 🙂

Thank you,

Best regards,