Spotify Widget

Create a Custom Spotify Widget for Your Website

Add Spotify audio to any website page with URL-based embeds, player size controls, custom colors, header text, a Spotify button, and scoped custom CSS.

Create Your Spotify Widget
Create a Custom Spotify Widget for Your Website Hero Bg Image

How to embed Spotify Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Embed Spotify Tracks, Albums, and Playlists

Paste a Spotify URL and render it as a responsive website player. The widget supports common Spotify content types without requiring visitors to leave your page first.

Supported links include:

TracksAlbumsPlaylistsArtists
Embed Spotify Content
Embed Spotify Tracks, Albums, and Playlists

Feature Podcasts and Episodes

Use Spotify show or episode links to promote podcast content, interviews, music commentary, or audio announcements inside your site layout.

Audio formats include:

ShowsEpisodesInterviewsAnnouncements
Add a Podcast Player
Feature Podcasts and Episodes

Control Player Size and Placement

Choose compact or regular player height, set a CSS width, and align the Spotify player left, center, or right for your page section.

Layout controls include:

CompactRegularWidthAlignment
Customize Layout
Control Player Size and Placement

Style the Widget Around Spotify

Customize the surrounding container with light or dark mode, background and card colors, text colors, accent color, button styling, rounded corners, and scoped CSS.

Style controls include:

ThemeColorsButtonCustom CSS
Style Your Widget
Style the Widget Around Spotify