{"id":14585,"date":"2018-09-06T11:05:18","date_gmt":"2018-09-06T11:05:18","guid":{"rendered":"http:\/\/routenote.com\/blog\/?p=14585"},"modified":"2018-09-06T11:11:12","modified_gmt":"2018-09-06T11:11:12","slug":"how-to-embed-spotify-in-your-blog-or-website","status":"publish","type":"post","link":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/","title":{"rendered":"How to embed Spotify in your blog or website"},"content":{"rendered":"<h4><span style=\"color: #3366ff;\">Spotify&#8217;s Play Button is a sleek and sexy little player that fits snugly into your website or blog so your visitors can listen without going anywhere.<\/span><\/h4>\n<p>Embedding a Spotify player into your website or blog allows people to listen to your music or the music you love without heading away from the page to Spotify&#8217;s app. Adding a Play Button is simple, looks good, and gives your website visitors the pleasure of listening to your music with the simple press of a button. It&#8217;s a great tool for anyone but especially artists, allowing fans who visit your site to discover and listen to your music from your official site.<\/p>\n<p>Spotify&#8217;s Play Button is a mini, embeddable music player that allows listeners to stream music from Spotify&#8217;s massive library of music anywhere on the web. The player isn&#8217;t just a cool way of sharing music with people but also looks super sleek with a customisable size and look. The player will match it&#8217;s background colour to the album art of the current track as well so that it always looks good.<\/p>\n<p>You can embed a single song that you want to share or entire albums and artist discographies depending on what you want your frequenters to listen to. If you fancy presenting up a custom mix of tunes then post a playlist up or even a podcast that you think people need to hear. The Play Button will let logged in Spotify users listen in full and everyone else can join the fun still with 30 second preview snippets.<\/p>\n<p style=\"text-align:center\"><iframe title=\"Spotify Embed: VITAL EDM  |  YouTube\" style=\"border-radius: 12px\" width=\"100%\" height=\"380\" frameborder=\"0\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\" src=\"https:\/\/open.spotify.com\/embed\/playlist\/2i1Og1OBL0Su75nweLB9o6?si=pyNIeNaSTluMDQU82A7jQQ&#038;utm_source=oembed\"><\/iframe><\/p>\n<p><strong>Here&#8217;s how to do it:<\/strong><\/p>\n<p>Right-click any song, album, artist, playlist or podcast in the Spotify app and select \u201cShare.\u201d Click on &#8220;Copy Link&#8221; or &#8220;Copy Spotify URI&#8221; to copy the Spotify Link or URI. (Or use a shortcut and embed the code directly from the desktop app&#8217;s \u201cCopy Embed Code.\u201d)<\/p>\n<ul>\n<li>Paste into the Play Button<a class=\"md-inline-link\" href=\"https:\/\/developer.spotify.com\/documentation\/widgets\/generate\/play-button\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00a0<u class=\"md-inline-underline\">generator<\/u><\/a>.<\/li>\n<li>Copy and paste the embed code into your website.<\/li>\n<li>And voila!<\/li>\n<\/ul>\n<p>If space is limited, you can embed the compact version (just toggle to &#8220;compact&#8221; and adjust the size at the bottom of the generator page).<\/p>\n<p>If you find that your blog isn&#8217;t embedding the player in the centre of the page then place the embed link between this:<br \/>\n&lt;p style=\u201ctext-align:center\u201d&gt;<a href=\"http:\/\/Spotify%20URL%20here\">Spotify URL here<\/a>&lt;\/p&gt;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Spotify&#8217;s Play Button is a sleek and sexy little player that fits snugly into your website or blog so your visitors can listen without going anywhere. Embedding a Spotify player into your website or blog allows people to listen to your music or the music you love without heading away from the page to Spotify&#8217;s app. Adding a Play Button is simple, looks good, and gives your website visitors the pleasure of listening to your music with the simple press of a button. It&#8217;s a great tool for anyone but especially artists, allowing fans who visit your site to discover&#8230;<\/p>\n","protected":false},"author":12,"featured_media":14586,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3800],"tags":[538,711,5504,5976,10104,2511,10145,2380,5926,28,200,423,6539,558,772,825,2477,422,707],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.4.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to embed Spotify in your blog or website - RouteNote Blog<\/title>\n<meta name=\"description\" content=\"Spotify&#039;s Play Button is a sleek and sexy little player that fits snugly into your website or blog so your visitors can listen without going anywhere.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to embed Spotify in your blog or website - RouteNote Blog\" \/>\n<meta property=\"og:description\" content=\"Spotify&#039;s Play Button is a sleek and sexy little player that fits snugly into your website or blog so your visitors can listen without going anywhere.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/\" \/>\n<meta property=\"og:site_name\" content=\"RouteNote Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-06T11:05:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-06T11:11:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2018\/09\/spotify-play-button_v2_20180814205919__5775dd0a.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"660\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CockJacca\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jacca-RouteNote\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/routenote.com\/blog\/#organization\",\"name\":\"RouteNote\",\"url\":\"https:\/\/routenote.com\/blog\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/routenote.com\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2020\/11\/routenote-logo.jpg\",\"contentUrl\":\"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2020\/11\/routenote-logo.jpg\",\"width\":1000,\"height\":1000,\"caption\":\"RouteNote\"},\"image\":{\"@id\":\"https:\/\/routenote.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/routenote.com\/blog\/#website\",\"url\":\"https:\/\/routenote.com\/blog\/\",\"name\":\"RouteNote Blog\",\"description\":\"The World of Digital Music - Distribution - Stores and Free Music\",\"publisher\":{\"@id\":\"https:\/\/routenote.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/routenote.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2018\/09\/spotify-play-button_v2_20180814205919__5775dd0a.jpg\",\"contentUrl\":\"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2018\/09\/spotify-play-button_v2_20180814205919__5775dd0a.jpg\",\"width\":1440,\"height\":660,\"caption\":\"Spotify player embed blog website\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#webpage\",\"url\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/\",\"name\":\"How to embed Spotify in your blog or website - RouteNote Blog\",\"isPartOf\":{\"@id\":\"https:\/\/routenote.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#primaryimage\"},\"datePublished\":\"2018-09-06T11:05:18+00:00\",\"dateModified\":\"2018-09-06T11:11:12+00:00\",\"description\":\"Spotify's Play Button is a sleek and sexy little player that fits snugly into your website or blog so your visitors can listen without going anywhere.\",\"breadcrumb\":{\"@id\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/routenote.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to embed Spotify in your blog or website\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#webpage\"},\"author\":{\"@id\":\"https:\/\/routenote.com\/blog\/#\/schema\/person\/c0cf8473ad65e0c00d09ff942bac997d\"},\"headline\":\"How to embed Spotify in your blog or website\",\"datePublished\":\"2018-09-06T11:05:18+00:00\",\"dateModified\":\"2018-09-06T11:11:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#webpage\"},\"wordCount\":415,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/routenote.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2018\/09\/spotify-play-button_v2_20180814205919__5775dd0a.jpg\",\"keywords\":[\"artists\",\"blog\",\"Create\",\"custom\",\"customize\",\"embed\",\"embedding\",\"independent\",\"mini\",\"music\",\"play\",\"player\",\"share\",\"sharing\",\"site\",\"spotify\",\"stream\",\"streaming\",\"website\"],\"articleSection\":[\"Support \/ FAQs\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/routenote.com\/blog\/#\/schema\/person\/c0cf8473ad65e0c00d09ff942bac997d\",\"name\":\"Jacca-RouteNote\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/routenote.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630810cdfb9548b677f11cb2bfaac3b8?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630810cdfb9548b677f11cb2bfaac3b8?s=96&d=blank&r=g\",\"caption\":\"Jacca-RouteNote\"},\"description\":\"Writing about music, listening to music, and occasionally playing music.\",\"sameAs\":[\"https:\/\/twitter.com\/CockJacca\"],\"url\":\"https:\/\/routenote.com\/blog\/author\/jacca\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to embed Spotify in your blog or website - RouteNote Blog","description":"Spotify's Play Button is a sleek and sexy little player that fits snugly into your website or blog so your visitors can listen without going anywhere.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/","og_locale":"en_US","og_type":"article","og_title":"How to embed Spotify in your blog or website - RouteNote Blog","og_description":"Spotify's Play Button is a sleek and sexy little player that fits snugly into your website or blog so your visitors can listen without going anywhere.","og_url":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/","og_site_name":"RouteNote Blog","article_published_time":"2018-09-06T11:05:18+00:00","article_modified_time":"2018-09-06T11:11:12+00:00","og_image":[{"width":1440,"height":660,"url":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2018\/09\/spotify-play-button_v2_20180814205919__5775dd0a.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@CockJacca","twitter_misc":{"Written by":"Jacca-RouteNote","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/routenote.com\/blog\/#organization","name":"RouteNote","url":"https:\/\/routenote.com\/blog\/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https:\/\/routenote.com\/blog\/#logo","inLanguage":"en-US","url":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2020\/11\/routenote-logo.jpg","contentUrl":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2020\/11\/routenote-logo.jpg","width":1000,"height":1000,"caption":"RouteNote"},"image":{"@id":"https:\/\/routenote.com\/blog\/#logo"}},{"@type":"WebSite","@id":"https:\/\/routenote.com\/blog\/#website","url":"https:\/\/routenote.com\/blog\/","name":"RouteNote Blog","description":"The World of Digital Music - Distribution - Stores and Free Music","publisher":{"@id":"https:\/\/routenote.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/routenote.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#primaryimage","inLanguage":"en-US","url":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2018\/09\/spotify-play-button_v2_20180814205919__5775dd0a.jpg","contentUrl":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2018\/09\/spotify-play-button_v2_20180814205919__5775dd0a.jpg","width":1440,"height":660,"caption":"Spotify player embed blog website"},{"@type":"WebPage","@id":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#webpage","url":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/","name":"How to embed Spotify in your blog or website - RouteNote Blog","isPartOf":{"@id":"https:\/\/routenote.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#primaryimage"},"datePublished":"2018-09-06T11:05:18+00:00","dateModified":"2018-09-06T11:11:12+00:00","description":"Spotify's Play Button is a sleek and sexy little player that fits snugly into your website or blog so your visitors can listen without going anywhere.","breadcrumb":{"@id":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/routenote.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to embed Spotify in your blog or website"}]},{"@type":"Article","@id":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#article","isPartOf":{"@id":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#webpage"},"author":{"@id":"https:\/\/routenote.com\/blog\/#\/schema\/person\/c0cf8473ad65e0c00d09ff942bac997d"},"headline":"How to embed Spotify in your blog or website","datePublished":"2018-09-06T11:05:18+00:00","dateModified":"2018-09-06T11:11:12+00:00","mainEntityOfPage":{"@id":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#webpage"},"wordCount":415,"commentCount":4,"publisher":{"@id":"https:\/\/routenote.com\/blog\/#organization"},"image":{"@id":"https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#primaryimage"},"thumbnailUrl":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2018\/09\/spotify-play-button_v2_20180814205919__5775dd0a.jpg","keywords":["artists","blog","Create","custom","customize","embed","embedding","independent","mini","music","play","player","share","sharing","site","spotify","stream","streaming","website"],"articleSection":["Support \/ FAQs"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/routenote.com\/blog\/how-to-embed-spotify-in-your-blog-or-website\/#respond"]}]},{"@type":"Person","@id":"https:\/\/routenote.com\/blog\/#\/schema\/person\/c0cf8473ad65e0c00d09ff942bac997d","name":"Jacca-RouteNote","image":{"@type":"ImageObject","@id":"https:\/\/routenote.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/630810cdfb9548b677f11cb2bfaac3b8?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630810cdfb9548b677f11cb2bfaac3b8?s=96&d=blank&r=g","caption":"Jacca-RouteNote"},"description":"Writing about music, listening to music, and occasionally playing music.","sameAs":["https:\/\/twitter.com\/CockJacca"],"url":"https:\/\/routenote.com\/blog\/author\/jacca\/"}]}},"jetpack_featured_media_url":"https:\/\/routenote.com\/blog\/wp-content\/uploads\/2018\/09\/spotify-play-button_v2_20180814205919__5775dd0a.jpg","_links":{"self":[{"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/posts\/14585"}],"collection":[{"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/comments?post=14585"}],"version-history":[{"count":0,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/posts\/14585\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/media\/14586"}],"wp:attachment":[{"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/media?parent=14585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/categories?post=14585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/routenote.com\/blog\/wp-json\/wp\/v2\/tags?post=14585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}