How to Use the Hipposerve® Studio Spotify Widget

The Spotify widget allows you to embed Spotify playlists, albums, podcasts and tracks directly onto your website. It's a great way to share your favourite audio content or showcase your own Spotify creations.

Spotify content is streamed directly from Spotify, helping to keep your website fast while always displaying the latest version of your music or podcast.

Tip: You can embed Spotify tracks, albums, playlists and podcasts using a Spotify URL or share link.

Adding a Spotify Player

Adding Spotify content to your page is quick and easy.

  1. Drag and drop the Media widget onto your page.
  2. Select the Spotify player composition.
  3. In the right-hand toolbar, enter the Spotify Link or URL.

Your Spotify player will automatically appear once a valid Spotify link has been entered.

Recommended: Copy the Spotify share link directly from Spotify to ensure the correct track, playlist or podcast is embedded.

Customising Your Spotify Player

You can easily customise how the Spotify player appears on your website.

Player Size

Adjust the size of the Spotify player using the controls in the right-hand toolbar.

You can also enable Allow to adjust size automatically so the player automatically adapts to different screen sizes.

Tip: Automatic sizing ensures your Spotify player looks great on desktops, tablets and mobile devices.

Best Practices

  • Use publicly accessible Spotify content so visitors can access it.
  • Enable automatic sizing for the best experience on all devices.
  • Embed playlists to keep visitors engaged for longer.
  • Use albums or podcasts to showcase your latest releases.
  • Regularly update your embedded Spotify content to keep your website fresh.

Knowledgebase Disclaimer

Our services often use third-party software that receives regular updates. While we strive to keep our knowledge base current, there may occasionally be minor discrepancies between our guides and the actual interface. Screenshots might not always reflect the latest user interface, though the functionality should remain unchanged. Please report any discrepancies or omissions to support@hipposerve.com

Translations: We strive to ensure that the translations in our knowledge base are accurate. However, translating screenshots or text on images, especially with third-party applications, is not always possible.

Was this answer helpful? 0 Users Found This Useful (0 Votes)