spotifymaster-wordpress-logo
Professional music display for your wordpress website.  With Spotify Master your wordpress will be singing in a couple of minutes. Check documentation and instructions below.

Installation and Updates

Please read the Installation & Updates page that applies to all TechGasp plugins Installation & Updates

.


Spotify Advanced Responsive Widget

techgasp-spotify-master-backend-widget-advancedDisplay Widget Title:

1. Activate to display widget title

2. Change Title

Spotify Player:

3. Activate to show the Spotify Player

4. if 3 is ON, insert your Spotify URI. You can insert spotify albums, playlists, tracks, etc.

Right click any song, album or playlist in Spotify and select Copy Spotify URI. Paste the code in the URI field

i.e. of uri:

spotify:track:5JunxkcjfCYcY7xJ29tLai

5. Player Width i.e. 300. Leave blank for Mobile Responsiveness

6. Player Height i.e. 380. You can play with this value, it does not affect Mobile Responsiveness

Spotify Easy Play Widget

Display Widget Title:

1. Activate to display widget title

2. Change Title

Spotify Easy Play:

3. Activate to show the Spotify Play

4. if 3 is ON, insert your Spotify URI. You can insert spotify users / artists, albums, playlists, tracks, etc.

Right click any user, song, album or playlist in Spotify and select Copy Spotify URI. Paste the code in the URI field

i.e. of uri:

spotify:track:5JunxkcjfCYcY7xJ29tLai

5. Player Width i.e. 300.

6. Player Height i.e. 380.

Spotify recommends these Width and Height values:
300 by 80, 300 by 380 and 640 by 720

7. Select the Play theme to best match your wordpress theme. White or Black

8. Select your Display Type. Cover Art or List Tracks

Both the Play Theme and Display Type are only available for Spotify URI’s to albums, artists or playlists and only in medium to large widget sizes.

Spotify Basic Fast Loading Widget

techgasp-spotify-master-backend-widget-basicDisplay Widget Title:

1. Activate to display widget title

2. Change Title

Spotify Player:

3. Activate to show the Spotify Player

4. if 3 is ON, insert your Spotify URI. You can insert spotify albums, playlists, tracks, etc.

Right click any song, album or playlist in Spotify and select Copy Spotify URI. Paste the code in the URI field

i.e. of uri:

spotify:track:5JunxkcjfCYcY7xJ29tLai

Spotify Buttons Widget

techgasp-spotify-master-backend-widget-buttonsDisplay Widget Title:

1. Activate to display widget title

2. Change Title

Spotify Profile Button:

3. Activate to show profile button

4. if 3 is on, insert a Spotify User or Artist URI, example:

i.e. of uri:

spotify:artist:1vCWHaC5f2uS3yhpwWbIA6

5. Select Button Detail Level:

Detailed with user Avatar or profile picture

Basic, the follow button

6. Select Button Theme to best match your wordpress theme:

Light

Dark

7. Activate to display button bubble count with followers number

Spotify Master Individual Shortcode

Spotify Master version 4.3 and up uses TechGasp v3 framework. The Indivdual Shortcode is easy to use and can be found when you edit a post or a page under the wordpress text editor.  The Individual shortcode allows you to have different, unique shortcodes in each page or post. Once you have created your shortcode, Just insert the shortcode anywhere inside your text.

screenshot-8

screenshot-6

If not open, click the tab to open the Spotify Master Shortcode box. You can drag and drop the tab into any other bottom or sidebar position.

All settings are the same as the widget settings with 2 new options;

Align Spotify Master:

Allows you to align and wrap the text around the shortcode. The options are, left, right or just leave blank.

Spotify Master Preview:

if on. Allows you to preview the shortcode that is going to appear on your website frontend.

Each time you enable / disable the preview or change a shortcode setting, you need to update / save the Draft, Page or Post to apply the settings and refresh the preview.

Spotify Master Universal Shortcode

techgasp-spotify-master-plugin-menu

The display options are very much like the Individual Shortcode but instead of unique shortcodes per page, the Universal Shortcode allows to have the same shortcode across several or all pages and posts. The shortcode can be found under the plugin Menu Shortcodes.

techgasp-spotify-master-backend-shortcode-un