Forem Creators and Builders 🌱

Cover image for Custom Page: Spotify Embed
Nick Taylor
Nick Taylor

Posted on

Custom Page: Spotify Embed

I'm having fun in my self-hosted Forem, One thing that I thought would be cool would be to add was Hacker playlists for folks to listen to.


  1. To add a custom page, navigate to your custom pages in the admin area, e.g. https://your_forem_site_/admin/customization/pages and click on the New Page button.

  2. Fill out the required fields including the Body html field (not the markdown one).

  3. To get the markup for the Spotify embed, check out the Spotify embed developer documentation.

  4. Click the Update Page button and you're done!


If you want to go a step further, you can have the playlist change every day. Take a peek in the repository below to see how I did that.

GitHub logo vscodetips /

Assets for

Assets and Resources for

Houses logos, social cards etc for as well as markup for embeds on custom pages.

Discord embedded into

Spotify embedded into

You might find this handy for the 1Vibe community @ildi. 😎

Top comments (4)

ildi profile image

This is a great idea! 1VIBE Spotify playlist coming soon 😎

Thanks for the suggestion @nickytonline - I should also experiment with some custom icons, I really like the nav menu you've setup for VSCodeTips, looks really clean.

ben profile image
Ben Halpern

I'd encourage you to play around with alternate "templates" (we should more clearly display the difference)... but there is a lot you can do with pages to create a custom experience, ala:

thomasbnt profile image
Thomas Bnt

Very nice integration of Spotify. I already seen the source code, it's simple but totally appreciated 😁😎

michaeltharrington profile image
Michael Tharrington

This is so dope! Thanks for sharing this, Nick.

Also, seriously nice Hacker Playlist! 😎