webdevpuneet.com

Podcast Website Template

A dark, studio-lit home for your show: a hero with the next episode and listen links, the latest episodes with show notes, every app people can listen on, the hosts behind the mic, reviews from listeners and a newsletter so fans never miss a drop.

One page keeps everything on a single scrolling page. The 5-page website opens all its pages in the editor: Home, Episodes, About, Show notes, Privacy.

Full page preview · scroll to see it all
The complete Podcast Website template: Simple Sticky Navbar, Image Background Hero, Editorial Post List, Video Section with Poster, Icon Grid Features, Interactive Team Accordion, Testimonial Marquee, Newsletter Signup CTA, Popup & Promo Modal, Floating Social Share Bar, Minimal Footer, Back to Top Button

Podcast Website Template — Free, Editable, Export HTML

Creative · One page or 5 pages · 12 sections · Space Grotesk + Inter · Responsive · GSAP animation

Updated October 20, 2026

Extend with AI

Take This Template Further With AI

The AI prompt for this one is for Patreon supporters ($3 a month), along with a site with no ads. Supporters enter the passcode once and it is remembered in this browser.

· Become a supporter

Multi-page version

Pages in the 5-Page Podcast Website Template

Home (index.html): 9 sections, the home page
Episodes (episodes.html): 2 sections
About (about.html): 2 sections
Show notes (show-notes.html): 1 sections
Privacy (privacy.html): 1 sections

What's included

Sections in the Podcast Website Template

Simple Sticky Navbar: A clean, responsive site header: logo on the left, navigation links, a log-in link and a call-to-action button
Image Background Hero: A full-width hero with your photo as the background, a dark gradient overlay that keeps text readable, a small label, a large white headline, supporting text, two buttons and an optional row of three stats along the bottom
Editorial Post List: An editorial post list for studios, writers and design-led brands: each post is a wide row with the date, category, a large title and an arrow
Video Section with Poster: A video section that stays fast and private: a heading, a 16:9 poster image with a large play button and optional duration, and a row of key points underneath
Icon Grid Features: The classic features section: an eyebrow, a centred heading and intro, then a responsive grid of cards, each with an icon, a short title, a sentence of detail and an optional link
Interactive Team Accordion: An interactive meet-the-team section made of tall, narrow image strips
Testimonial Marquee: Two rows of testimonial cards that scroll endlessly in opposite directions under a centred heading, with soft fades at both edges
Newsletter Signup CTA: An email newsletter sign-up: an icon, heading and short pitch, social proof (“Join 25,000 readers”), then an email field and subscribe button side by side, with a privacy note below
Popup & Promo Modal: A popup or promo modal that opens by itself: in the middle of the screen with a dimmed page, or as a small card in a corner or along the bottom or top edge with no overlay, which the visitor can dismiss with ×
Floating Social Share Bar: A floating social share bar that takes no space in your layout
Minimal Footer: A small, tidy footer for landing pages and simple sites: logo on the left, a single row of links in the middle and social icons on the right, with a thin divider and the copyright line underneath
Back to Top Button: A floating scroll-to-top button that appears after the visitor has scrolled down a distance you choose and glides back to the top of the page when clicked

Checklist

What a podcast Website Needs

A play button or link for the latest episode, above the fold
Episode titles that name the guest and the topic
Buttons for every listening app, linked to your show
Hosts with a photo and what the show is about
A newsletter signup so listeners are not only on someone else's platform

About this template

A Free Podcast Website Template You Can Edit Online

A dark, studio-lit home for your show: a hero with the next episode and listen links, the latest episodes with show notes, every app people can listen on, the hosts behind the mic, reviews from listeners and a newsletter so fans never miss a drop.

Use it as one scrolling page, or as a 5-page website (Home, Episodes, About, Show notes, Privacy) sharing one navbar, footer and theme. The one-page version is built from 12 sections of the Website Section Templates library and opens in the free Website Builder, where you can change every word and image, swap sections, set your own colours and fonts and export the finished site as clean HTML pages. The page is responsive, accessible and animated with GSAP, with content that stays visible without JavaScript.

The template ships with a Space Grotesk and Inter font pairing and a colour theme suited to podcast websites; switch to any Google Font, upload your own, or apply your brand kit in one click.

Extras included

Extras Built Into the Podcast Website Template

Beyond the standard sections, the Podcast Website template includes 2 extras that you can edit, move or remove in the builder.

Interactive Team Accordion: an interactive team accordion where each host is a grayscale strip that opens on click.

Back to Top Button: a floating back to top button that appears after the visitor scrolls, so a long page is easy to leave and return.

Each extra has its own page in the free Website Section Templates library, where you can try its settings on their own before you use it here.

Make it yours

How to Get the Most From the Podcast Website Template

A podcast site should make it effortless to press play and easy to find the show where you already listen. This template opens with the next episode and a play button, lists the latest episodes with a title, summary and date, shows the apps where the show is available, introduces the hosts, adds listener reviews as a moving wall and ends with a newsletter signup. The multi-page version adds Episodes and About pages.

Write each episode title as the guest and the topic, add a short summary and link to your player or hosting page, and put the same text in your show notes for search. Link the platform buttons to your Apple Podcasts, Spotify and other listings. Use the listener quotes to repeat the best of your ratings, and the newsletter section to move listeners onto a list you own. Every episode on a page of its own is easy to add in the Pages tab. A trailer video section sits after the latest episodes, so new visitors can see and hear the show before they subscribe.

Who it’s for

Best For

★
Interview and conversation podcasts
A ready-made starting point for interview and conversation podcasts, with real copy you can adapt in minutes.
◆
Indie and company podcasts
A ready-made starting point for indie and company podcasts, with real copy you can adapt in minutes.
●
Hosts building a mailing list
A ready-made starting point for hosts building a mailing list, with real copy you can adapt in minutes.

Step by step

How to Use This Template

  1. 1
    Open the templateClick “Use as one page” or “Use as 5-page website” to load it in the Website Builder. Your current website is kept in Saved.
  2. 2
    Make it yoursClick any section to change its text, images and links; upload your logo and photos.
  3. 3
    Set your brandPick colours and fonts in the Theme tab, or apply your saved brand kit.
  4. 4
    Adjust the pageAdd sections from the library, drag to reorder, duplicate or remove what you don’t need.
  5. 5
    Export and publishDownload the ZIP (one HTML file per page for the multi-page version) and upload it to Netlify, Vercel or any host.

Got questions?

Frequently Asked Questions

The template links each episode to your hosting or podcast page. To embed a player, paste the embed from your host into an episode page or into custom code after export.

The features section has one card per platform with an icon, name and link. Edit the links to your Apple Podcasts, Spotify, YouTube and other listings.

Yes. Add a page per episode in the Pages tab with a heading, text and links, or use the blog list to link to full notes hosted elsewhere. Show notes help episodes appear in search results.

Yes. Rename episodes as videos, change the platform buttons to YouTube and your other channels and use the same structure. It works for shows, webinars and interview series.

Yes. The Podcast Website template is free for personal and commercial use, with no sign-up, no watermark and no attribution required.

Click “Use this template” to open it in the free Website Builder. Click any section to change its text, images and links, change colours and fonts for the whole page in the Theme tab, and add, remove or drag sections to reorder them.

Both. Use it as one scrolling page, or as a 5-page website (Home, Episodes, About, Show notes, Privacy) that opens with every page in the editor. The pages share one navbar, footer and theme, and the menu links to every page automatically. Add more pages (About, Pricing, Contact, Blog and others) or remove any you don’t need in the builder’s Pages tab.

Yes. As one page you get a ZIP with index.html and an assets folder. As a 5-page website you get one HTML file per page (index.html, episodes.html, about.html, show-notes.html, privacy.html), a shared styles.css and script.js, and an assets folder with your images, then upload it to any web host. Links between pages also work when you open the files from your computer.