Sp*tify Play Button for WordPress

Description

Now with Gutenberg block!

Sp*tify Play Button lets you easily add a Spotify Play Button for instant play of album, playlist or song by adding the Sp*tify Play Button for WordPress block or adding a shortcode:

Album example:
[spotifyplaybutton play=”https://open.spotify.com/album/5PvkD4XryLL9oC4NFItYIM?si=pT6des85S6WPQY7O9ipGPw”]
Also works with old Spotify URI:
[spotify:album:7JggdVIipgSShK1uk7N1hP]

Playlist example:
[spotifyplaybutton play=”https://open.spotify.com/playlist/37i9dQZF1E39g1r00WoOvS?si=e05ab8be00c24b39″]
Also works with old Spotify URI:
[spotify:user:jonk:playlist:65ujzBs6WTdWDIr17dOXUm]

Song example:
[spotifyplaybutton play=”https://open.spotify.com/track/6te1QldCR1BWiNgwZADpu4?si=ee0dfebaa2944756″]
Also works with old Spotify URI:
[spotify:track:2qntSA2cwerjTduHPuKnW5]

You don’t have to remember these shortcodes. If you are using Gutenberg, there is a block with all the settings you need. And if you’re using the Classic editor there’s a Sp*tify Play Button in the editor.

Simply right click on album, playlist or song in Spotify and click “Share” and then click “URI”. Either paste that together with the shortcode above or just use the admin button and paste the URI there.

You can set the style for your Sp*tify Play Buttons on the “Sp*tify Play Button Settings” page under the “Settings” menu (https://YOURBLOG/wp-admin/options-general.php?page=spotifyplaybutton_settings).

You can also add attributes to customize a single Sp*tify Play Button:

1. view

2. size

3. sizetype

4. link

All of these will override the settings in “Sp*tify Play Button Settings” for the Sp*tify Play Button and they are all optional.

Example: [spotifyplaybutton play="https://open.spotify.com/playlist/2Xm7KEL5NFHwPboQY22BcZ?si=c99d69e2c916447b" size="0" sizetype="big"]

Screenshots

Blocks

This plugin provides 1 block.

• Sp*tify Play Button for WordPress

Installation

This section describes how to install the plugin and get it working.

1. Upload the folder “sptify-play-button-for-wordpress” to the “/wp-content/plugins/” directory

2. Activate the plugin through the “Plugins” menu in WordPress

3. Go to “Sp*tify Play Button Settings” under the “Settings” menu (https://YOURSITE/wp-admin/options-general.php?page=spotifyplaybutton_settings) to make your default settings for your Sp*tify Play Buttons.

4. Start adding your Sp*tify Play Buttons!

FAQ

None, yet.

Reviews

Bad for PageSpeed Insights

padihr May 19, 2023

Adding this plugin to a post lowers the page speed insight by 30 %!!! I would not recommend this plugin. Not sure whether it’s the plugin or the communication to Spotify, but a lazy-load would be great: Just load the layout and then – only on the click – start to set up the communication to Spotify. If this is given, I could give a 5-star rating. But like that, it’s quite dangerous for your website.

This needs an update. Spotify blocked it.

fractlf September 19, 2021 3 replies

This needs an update please.

“Spotify Play Button” Rocks!

cruiseknowledge December 3, 2017

All I needed for my website was a simple, inexpensive Spotify Play Button. Using the button installed by this plugin at the top of my edit page, everything worked perfectly! The results were better than expected and even provided a playlist for all the tracks in the album.

Fácil de usar e mudar

Nilo November 10, 2017

Plugin rápido e direto, fácil para alterar configura??es e permite diferentes layouts na página

Contributors & Developers

Changelog

2.13

• Bug fix for old style embeds

2.12

• Security update
• Update for new Spotify embed

2.11

• Security update

2.10

• Use the latest Spotify embed
• Convert Share URL to URI for embed, since Spotify removed support for embedding Share URL

2.09

• Added lazy loading attribute for the embed

2.08

• Escape options in admin, security fix. Thanks Wordfence!

2.07

• Escape attributes for link too

2.06

• Escape attributes, security fix. Thanks Patchstack!

2.05

• Versioning

2.04

• Now works with both Spotify URI and Spotify URL

2.03

• Fix for WordPress 5.8 widget blocks

2.02

• Domain Path

2.01

• Settings link

2.0

• Now available as a Gutenberg block
• Removed view coverart since it has been removed from Spotify

1.46

• Min height for compact

1.45

• Height fix. Should’ve seen that coming ??

1.44

• Width fix

1.43

• Theme removed by Spotify so parameter is dropped
• Updated iframe code to mirror changes by Spotify
• Changed deprecated media_buttons_context to media_buttons, so the plugin is error free in debug mode too

1.42

• Tested 5.6
• New assets

1.41

Tested 5.3.2

1.39

Damn you markdown!

1.38

Even less Spotify and more Sp*tify

1.37

Even less Spotify and more Sp*tify

1.36

Even less Spotify and more Sp*tify

1.35

• The name change of the plugin is because no plugins are allowed to start with a brand name. :/
• Tested up to 5.2.3 and still works like magic. No changes to the code. ??

1.34

Typeo

1.33

• Better looking UI.
• Bugfixes
• Cleanup

1.3

Added button to TinyMCE to make it easier to add lists to pages and posts without having to remember the shortcode.

1.2

• Updated with the news specs from Spotify
• Responsive mode added
• Simplified admin page

1.1

Added link for opening the lista in Spotify, you can disable it in the settings

1.02

Cleanup

1.01.b

Requires and Tested versions.

1.01.a

Touch to make you know it still works fine. ??

1.01

• Getting assets right, editing readme

1.00

• I feel confident!