{"id":12940235,"date":"2020-06-04T19:22:36","date_gmt":"2020-06-04T19:22:36","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=12940235"},"modified":"2024-06-08T19:29:53","modified_gmt":"2024-06-08T19:29:53","slug":"spotify-embed","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/spotify-embed\/","title":{"rendered":"Spotify embed"},"content":{"rendered":"\n

Go back to the list of Blocks<\/strong><\/a><\/p>\n\n\n\n

With the Spotify Embed block, you can embed tracks, podcasts, playlists & albums into your posts and pages. You need a Spotify account to be able to listen to entire tracks. For users who are not logged in on their Spotify account, the Spotify Play button embed plays a 30-second long audio preview, and then the users are prompted to either login or to sign up. You don\u2019t need a Spotify account to embed a track, podcast, playlist or album.<\/p>\n\n\n\n

Embedded Spotify track<\/p>\n\n\n\n

\"Spotify<\/figure>\n\n\n\n

Embedded Spotify Podcast<\/p>\n\n\n\n

\"Spotify<\/figure>\n\n\n\n

Embedded Spotify Album<\/p>\n\n\n\n

\"Spotify<\/figure>\n\n\n\n

Steps to Embed a track from Spotify<\/strong><\/p>\n\n\n\n

    \n
  1. Find your track link on Spotify<\/li>\n<\/ol>\n\n\n\n

    In the Web Player select the track and click on the three dots (options menu). Click on “Share” and then click on \u201cCopy Spotify URI\u201d<\/strong>.<\/p>\n\n\n\n

    \"How<\/figure>\n\n\n\n

    Alternatively, on the Desktop application select the track and click on the options menu. Click on \u201cShare\u201d <\/strong>and then click on \u201cCopy Song Link\u201d<\/strong>.<\/p>\n\n\n\n

    \"How<\/figure>\n\n\n\n
      \n
    1. Add a Spotify Embed block to your page\/post<\/li>\n<\/ol>\n\n\n\n
      \"How<\/figure>\n\n\n\n

      Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n

        \n
      1. Paste the track link into the text box<\/li>\n<\/ol>\n\n\n\n
        \"How<\/figure>\n\n\n\n
          \n
        1. Click the \u201cEmbed\u201d button<\/li>\n<\/ol>\n\n\n\n

          If it\u2019s a link that can be successfully embedded you will see a preview in your editor.<\/p>\n\n\n\n

          \"Preview<\/figure>\n\n\n\n

          If you use a URL that can\u2019t be embedded, the block shows the message \u201cSorry, this content could not be embedded.\u201d <\/em>You will have two choices: Try again with a different URL or convert to link.<\/p>\n\n\n\n

          \"How<\/figure>\n\n\n\n
            \n
          1. Click on \u201cPreview\u201d to see how it will look on the front-end.<\/li>\n<\/ol>\n\n\n\n
            \"Preview<\/figure>\n\n\n\n

            Embed other Spotify links <\/strong><\/p>\n\n\n\n

            Podcasts, albums and playlists can also be embedded with the Spotify embed block.<\/p>\n\n\n\n

            Podcast<\/strong><\/p>\n\n\n\n

            A podcast URL can be embedded and the entire podcast can be listened from the embed box, with an additional navigation for the podcast.<\/p>\n\n\n\n

            \"Podcast<\/figure>\n\n\n\n

            Album\/Playlist<\/strong><\/p>\n\n\n\n

            A album or playlist URL can be embedded and the complete track list shows in the embed box, with an additional navigation for the current track in the top.<\/p>\n\n\n\n

            \"Spotify<\/figure>\n\n\n\n

            Block Toolbar<\/h2>\n\n\n\n

            Besides the Mover and Drag & Drop Handle, the Block Toolbar for the Spotify embed shows four buttons:<\/p>\n\n\n\n