💡Want to learn more? Check out our article All about the Embed element.
In Spotify, go to the song or podcast you'd like to embed. Click on the three dots next to the title, navigate to Share, and select Embed track.
In the pop-up window that appears, click on Copy to save the embed code to your clipboard.
Paste this code in your notes to temporarily store it. The complete code will look something like this:
<iframe src="https://open.spotify.com/embed/track/07WEDHF2YwVgYuBugi2ECO" width="100%" height="380" frameBorder="0" allowtransparency="true" allow="encrypted-media"></iframe>
From this code, we need to extract the source URL, which you can find at the start. Copy the first URL. From the example above, we have copied the following URL:
https://open.spotify.com/embed/track/07WEDHF2YwVgYuBugi2ECO
Copy this URL and go to your Foleon Doc. Add an embed element to your column and paste this URL in the URL field. If the URL is correct, a preview of the Spotify embed will be visible. Click on Save to add it to your page.
You might have to alter the height and width options in the element settings to control what the embed looks like.
💡Learn how to style your embed with the element settings in our article All about the Embed element.
Related articles