Embedding a Spotify Playlist or Song into Smart Builder

Follow

Embed Spotify songs, albums, artists, playlists, podcasts, and your profile into your Smart Builder landing page.

This article explains how to add a Spotify playlist/song to your page, an extension as part of Unbounce Apps.

Installing the Spotify Button App

  1. Navigate to the Apps tab on the left-hand side of Smart Builder.
  2. Search and locate the Spotify App.
  3. Click the plus button next to Spotify to install the app.
  4. You may see a dialog box explaining that you can swap an element on your page with this app:
    A pop-up on top of Smart Builder explaining that this App is swappable.

To learn more about swapping elements, see our documentation: Changing Elements on your Smart Builder Page.

Once you've installed the app, you can apply it to the landing page.

Adding the Spotify Playlist to Your Smart Builder page

Note:

At this time, you can embed individual songs or playlists on your landing page. Podcasts will not work. 

To add the Spotify playlist or song to Smart Builder, you'll need to replace any element on your page with this App instead. These steps will explain how.

  1. Single-click an element on the page & click the Change Element icon. A dialog box will appear.
  2. Within the drop-down menu, locate the Media tab. Select Spotify from the list:
    Change element to Spotify button.
  3. The Spotify button placeholder will appear on your page:
    Spotify button  in Smart Builder.
  4. Click the blue Add Music button; the Spotify Settings dialog box will appear. 
  5. Within the Spotify URL field, paste in the URL of the Spotify song, album, playlist, or artist. 
    • To copy a song, album, playlist, or artist from Spotify, see their documentation on how to grab that link: Share from Spotify. Or, here's a screenshot:
      Copy music link settings from Spotify.
  6. Click anywhere outside the Spotify Settings dialog box, and the song, playlist etc. will appear: 
    Gif demonstration of a user adding Spotify playlist to Unbounce.

And that's it! Please remember to Save and Republish your page to finalize these changes. 

Updating a Song, Album, Playlist, or Artist

To make changes to the embedded Spotify feature on your page,

  1. Single-click the Spotify section in Smart Builder. 
  2. Click the gear icon to launch the Spotify Settings again.
  3. Then, change the URL with a different song, album, playlist, or artist link.

To shrink the player's size, click the Compact Player button from the Spotify Settings dialog box:

Compact player for Spotify.

Be sure to Save and Republish/Publish your landing page when you're happy with the changes.  


Do you agree or disagree with this statement: This article helped me find the information I needed quickly and easily.

Select an option and leave us some feedback in the comments:

Strongly DisagreeDisagreeSomewhat DisagreeUndecidedSomewhat AgreeAgreeStrongly Agree

Measuring Customer Effort Score with Nicereply