
We’re thrilled to introduce CMS variables for the HTML embed element, enabling you to display dynamic data in your CMS pages seamlessly through custom HTML embeds.
Let’s say you have a Collection of Podcasts, each with a text field named: "Spotify ID". You can use this field to dynamically render a Spotify podcast player on each CMS page.
How to do it: Spotify Podcast example
In your collection, create a new text field and name it 'Spotify ID' or a similar descriptive name.

Create a new collection item and fill in the Spotify ID field with the unique ID of a Spotify podcast or track.
In your CMS page, add an HTML embed element.
Paste Spotify’s embed code and replace the static ID with your dynamic variable, e.g., {{ '{{' }}Spotify ID}}, matching the name of your field.

Go to your project preview to see the Spotify podcast player dynamically embedded on each CMS page.
