Sp*tify Play Button for WordPress

Deskripsyon

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 (http://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"]

Mga Screenshot

  • Copy the Spotify URI from the album, playlist or song you want to embed on your site
  • Add the shortcode as a Shortcode block
  • Or you can use a Paragraph block
  • It also works with the Classic editor
  • In the classic editor there’s even a helpful button
  • The nice result
  • The global settings page

Blocks

Ang plugin na ito ay nagbibigay ng 1 block.

  • Sp*tify Play Button for WordPress

Pag-install

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 (http://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.

Mga Review

Mayo 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.
Disyembre 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.
Nobyembre 10, 2017
Plugin rápido e direto, fácil para alterar configurações e permite diferentes layouts na página
Basahin lahat ng 4 na review

Mga Contributor at Developer

Ang “Sp*tify Play Button for WordPress” ay open source software. Ang mga sumusunod na tao ay nag-ambag sa plugin na ito.

Mga Contributor

Isalin ang “Sp*tify Play Button for WordPress” sa iyong wika.

Interesado sa development?

Tingnan ang code, i-check ang SVN repository, o mag-subscribe sa development log sa pamamagitan ng RSS.

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!