The WordPress Spotify Embed block is perfect if you own a music-related website and add music, podcasts, or playlists. WordPress Spotify embed Block allows you to embed Spotify music directly to your website.
In this guide, we will walk through what this block is, its general features & toolbar features, and how to use the Spotify Embed block in WordPress seamlessly.
What is the WordPress Spotify Embed Block?
WordPress Spotify Embed Block is a core block that lets you add Spotify music files directly to your website without adding any coding. All you need to do is paste the Spotify URL in the block.
Not only music files, but you can also add Spotify albums, playlists, or podcasts directly to your website.
Key Features of the Spotify Embed Block
The Key Features of the block are below.
- Direct integration with Spotify: Add any public track playlist or podcast from Spotify.
- Responsive design: The embedded player adjusts to fit various screen sizes.
- Responsive design: The embedded player adjusts to fit various screen sizes.
- Simple setup: Copy and paste the Spotify link into the block without extra tools.
You will see the player’s options when the Spotify Track is loaded.
- Spotify Icon: It will take you to the Spotify website and will play the exact track that you’ve added to your website.
- Three Dot (More): This button holds more options, such as Play on Spotify, Save on Spotify, Copy Link, etc.
- Play Button: The Play button lets you play and pause the music.
- Save on Spotify: This button takes you to Spotify’s website and adds the track to Liked Songs.
- Shows the Artist’s name.
- Shows the track’s name.
- Shows the album’s name.
Toolbar Features of the Spotify Block
When you select the Spotify Embed block, you’ll see a toolbar at the top of the block editor.
- Transform To: The Transform To butt lets you transform your block into the Paragraph, Columns, Details, and Group block.
- Drag: Allows you to drag and drop the dedicated block into any place.
- Moving Handles: Let you move your block up and down in the editor to organize your content better.
- Align: The align option lets you set the video alignment to None, Wide Width, Full Width, Left, Center, and Right.
- Add Caption: You can add captions using the option.
- Edit URL: This option allows you to see the inserted link, edit the link, insert a new link, etc.
- Options: Offers more options related to the section of the block, such as duplicate, copy, group, etc
Create Beautiful Tables
With Block Editor
How to Use the Spotify Embed Block in WordPress
Follow the following steps to embed Spotify tracks easily.
Step 1: Insert the WordPress Spotify Embed Block
Navigate to your post or page where you want to add a Spotify track. Afterward, Click the Add Block (“+“) icon (1), type “Spotify Embed” in the search box (2), and click “Spotify Embed” (3).
Step 2: Embed the Spotify Track
Now, insert your Spotify track’s link (1) and click the “Embed” button (2).
It will take a second or two to display your Spotify Content.
Other Customization Features:
For other additional customization features, navigate to Settings (1) > Block (2) > Settings (3).
In the Settings menu, you will see the option of “Resize for Smaller Devices.” This option automatically resizes the video’s aspect ratio when viewed on smaller devices.
The Styles option has only one option, which allows you to set margins for the block.
After all the modifications, you must save or publish your page or post to display the Spotify Content.
Final Thoughts!
So, that’s how you use the Spotify Embed block in WordPress. Using this block, you can easily display the audio content from Spotify.
How’s the tutorial? Was it helpful? Let me know your thoughts in the comment section below.
Read More!
