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.

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. 

  1. Add the Spotify app to your page using drag and drop or by swapping out an existing element. 
    •  Drag and Drop
      1. Click the Add tab on the left-hand side of Smart Builder. 
      2. Drag the Spotify app onto your page:
        Dragging and dropping Shopify app in Smart Builder.
    • Changing an Element
      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.
  2. Click the blue Add Music button; the Spotify Settings dialog box will appear. 
  3. 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.
  4. 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