Embedding an Apple Music Playlist or Song into Smart Builder

Follow

Share various content from Apple Music to your landing page, including songs, albums, radio stations, and playlists.

When a visitor to your landing page clicks the link, the song, album, or playlist opens in Apple Music on the web, where they can play it, add it to their library, and more.

This article explains how to add Apple Music to your Smart Builder page, an extension as part of Unbounce Apps.

Installing the Apple Music Button App

  1. Navigate to the Apps tab on the left-hand side of Smart Builder.
  2. Search and locate the Apple Music App.
  3. Click the plus button next to Apple Music 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 an Apple Music Song/Playlist to Your Smart Builder page

To add the Apply Music playlist or song to Smart Builder, you'll need to replace any element on your page with this App. 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 Apple Music from the list:
    Change element to Apple Music button.
  3. The Apple Music button placeholder will appear on your page:
    Apple Music button  in Smart Builder.
  4. Click the blue Add Music button; the Apple Music Settings dialog box will appear. 
  5. Within the Apple Music URL field, paste the URL of the song, album, playlist, or artist. 
    • To copy a song, album, playlist, or artist from Apple Music, see their documentation on how to grab that link: Share from Apple Music. Or, here's a screenshot:
      Copy music link settings from Apple Music.
      Click Copy Link from the menu options.
  6. Click anywhere outside the Apple Music Settings dialog box, and the song, playlist etc., will appear: 
    Gif demonstration of a user adding Apple Music 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 Apple Music feature on your page,

  1. Single-click the Apple Music section in Smart Builder. 
  2. Click the gear icon to launch the Apple Music 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 Apple Music Settings dialog box:

Compact player for Apple Music.

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