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 3-page website opens all its pages in the editor: Home, Episodes, About.

Full page preview · scroll to see it all
The complete Podcast Website template: Simple Sticky Navbar, Image Background Hero, Editorial Post List, Icon Grid Features, Team Grid, Testimonial Marquee, Newsletter Signup CTA, Minimal Footer

More Templates

22 more website templatesView all →
1–4 of 22
Creative

Photographer Website

7 sections · One page or 4 pages
Creative

Personal Portfolio Website

7 sections · One page or 3 pages
Creative

Creative Agency Website

8 sections · One page or 5 pages
Community

Church Website

8 sections · One page or 3 pages

Podcast Website Template — Free, Editable, Export HTML

Creative · One page or 3 pages · 8 sections · Space Grotesk + Inter · Responsive · GSAP animation

Updated October 20, 2026

Multi-page version

Pages in the 3-Page Podcast Website Template

Home (index.html): 6 sections, the home page
Episodes (episodes.html): 2 sections
About (about.html): 2 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
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
Team Grid: A “meet the team” grid: a centred heading, then cards with each person’s photo, name, role and a one-line bio
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
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

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 3-page website (Home, Episodes, About) sharing one navbar, footer and theme. The one-page version is built from 8 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.

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 3-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

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 3-page website (Home, Episodes, About) 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 3-page website you get one HTML file per page (index.html, episodes.html, about.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.

Yes. Every section is responsive with CSS container queries, and menus, accordions, carousels and forms work on touch screens and with a keyboard.

Yes. Everything is edited with simple forms. If you know HTML and CSS you can also edit the exported code directly; colours, fonts and sizes are CSS variables.