How to Create Podcast Website in WordPress  

Over 5 million active podcasts are competing for attention at this moment. Most of them rely entirely on streaming platforms like Spotify, Apple Podcasts, Google Podcasts, and many other platforms. They don’t have their own dedicated podcast websites. 

That’s actually good news for you.

A dedicated podcast website gives you something no streaming platform ever will: which is ownership. Your own domain. Your own brand. Your own audience relationship. A place to customize with your own choice. A territory built on your terms, not an algorithm’s.

But here’s where most podcasters get stuck. Building a website from scratch feels like a developer-level project. Blank canvas, complex coding, endless decisions, no clear starting point.

That’s exactly what this “How to create podcast website” guide solves.

I’ll show you how to build a complete, professional podcast website in WordPress, using the Spokify template from ElementsKit. And, the best thing is that it demands no coding or technical skills. 

You’ll end up with a professional-looking podcast website with a homepage, episode archive, host page, about page, and contact page, all designed and ready to customize.

So let’s build a podcast website, backed by your own brand and designed for personal interaction with your audience.

Must Have Pages & Sections for Podcast Website 

The Pages and Sections Every Podcast Website Needs

Before you start building, it helps to know what you’re building toward. A professional podcast website isn’t just a homepage with a play button. Rather, you should plan your content depending on three types of visitors:  first-time listeners, returning fans, and potential sponsors or collaborators.

Here are the core pages and sections your podcast website needs:

Key Podcast website Pages:

• Homepage – Your podcast’s front door; sets the brand tone, highlights latest episodes, and drives visitors to listen or subscribe.
• Episode Archive – A searchable, filterable library where visitors browse and play every episode you’ve published.
• Host Page – Introduces the voices behind the show, building the personal connection that turns casual listeners into loyal fans.
• About Page – Tells your podcast’s origin story, mission, and values, important for giving first-time visitors a reason to care.
• Contact Page – A direct line for listener feedback, guest pitches, and sponsorship inquiries.

Key Podcast Website Sections:

• Sección de héroe – The first thing visitors see: a bold headline, tagline, and CTA that immediately communicates what your podcast is about.
• Reproductor de música – Lets visitors listen to episodes directly on your site without being sent to a third-party platform.
• Episode Cards – Visual snapshots of each episode showing title, host, category, and duration at a glance.
• Stats Counter – Displays total episodes, subscribers, and worldwide listeners as animated numbers – instant social proof.
• Pricing / Membership – Converts your most dedicated listeners into paying supporters with tiered subscription options.
• Newsletter Signup – Captures visitor emails so you can notify your audience the moment a new episode drops.
• Platform Badges – Links to your show on Apple Podcasts, Spotify, and Google Podcasts, allowing visitors to subscribe on their preferred platform.
• Testimonios – Real listener quotes that build credibility and encourage new visitors to hit play.

The Easiest Way To Build A Podcast Website

You Don’t Need a Developer. You Need the Right Tools.

When someone starts to build their podcast website, they generally think about hiring a developer, waiting weeks, and spending money they hadn’t planned on. But that’s no longer the case.

WordPress powers over 40% of all websites on the internet. This CMS is free, flexible, and runs on virtually every hosting provider. But raw WordPress on its own still requires some technical knowledge to make things look professional.

That’s where a page builder plugin changes everything.

Elementor is the most popular drag-and-drop page builder for WordPress.You can build pages visually, see changes in real time, and never touch a line of code. No design background needed. No developer on speed dial.

Kit de elementos takes Elementor even further. It extends your Elementor website by offering a library of advanced widgets, a header and footer builder, mega menu support, and, most importantly for this guide: a complete library of ready-made website templates.

And this is where ready-made templates become your biggest shortcut.

Instead of starting from a blank canvas, you can choose from layouts, pick fonts, and build sections from scratch. Basically, you start from a fully designed, professionally structured, and responsive website. Every page is already built. All the core sections are already in place. Your only job is to replace the placeholder content with your own.

For a podcast website specifically, this means your homepage, episode archive, host page, about page, and contact page are all ready before you’ve typed a single word.

That’s exactly what the Spokify template gives you.

Let’s see how the Spokify template covers them out of the box:

Page / Section	Objetivo	ElementsKit’s Spokify Includes It
Homepage with hero section	First impression, brand statement, main CTAs	✅
Episode archive with search and filter	Browseable content library	✅
Audio player per episode	In-page listening experience	✅ (ElementsKit Audio Player)
Host / Team page	Build trust and personal connection	✅
About page	Brand story, mission, values	✅
Contact page	Listener and sponsor communication	✅
Pricing / Membership section	Audience monetization	✅
Inscríbase al boletín	Email list building	✅
Podcast platform badges	Apple Podcasts, Spotify, and more	✅
Stats counters	Social proof (episodes, subscribers, listeners)	✅

If you were building all of this from scratch, you’d be looking at days of design work. However, with the Spokify template, every one of these is already designed and waiting to be customized with your branded content.

Pre-requisite for Building Podcast Websites  

Before you import the Spokify template and start customizing, make sure you have these WordPress podcast website building essentials in place:

A Domain Name and Hosting Plan
Your domain is your podcast’s web address (e.g., yourpodcastname.com). Most hosting providers bundle a free domain with their plans, so you can sort both in one step.

Elementor (Free Version)
Elementor is the page builder that powers the Spokify template. The free version is enough to get started; just install it directly from the WordPress plugin directory.

Kit de elementos
ElementsKit is what gives you access to the Spokify podcast template library, the Audio Player widget, and all the advanced design features used throughout this guide. ElementsKit also comes with 1000+ section designs to enrich any part of your website without any hassles. 

Your Podcast Branding Assets
Before you start changing out placeholder content, have these ready:

• Your podcast logo
• Brand colors and fonts (if you have them)
• A short tagline or show description
• Host photos
• At least one episode audio file or external audio URL

Eso es todo. Once these are in place, you’re ready to build.

Here’s the full step-by-step section:

Step-By-Step: How to Build Your Podcast Website with the Spokify Template

Step 1: Install Elementor And ElementsKit  

Go to your WordPress dashboard and navigate to Complementos → Agregar nuevo.

Buscar Elementor and click Install Now, then Activate. 

Do the same for ElementosKit Lite — search it by name, install, and activate.

Once both are active, you’ll see the ElementsKit menu appear in your WordPress sidebar. That’s your confirmation that everything is set up correctly.

Step 2: Open the Elementor Editor & Access The Template Library  

Ir a Pages → Add New from your WordPress dashboard. Give your page a title, “Hogar” works fine for now for us, and then click Editar con Elementor.

Once the Elementor editor loads, look at the top bar. You’ll see a folder icon, that’s the standard Elementor template library. Right next to it is the ElementsKit template library icon. Click that one.

This opens the ElementsKit template library, where the Spokify template lives.

Step 3: Find and Import The Spokify Template

Inside the ElementsKit template library, use the search bar to search for “Spokify” or browse the Podcast category to find it.

You’ll see the full Spokify template kit with all five pages listed. Click Insertar on the homepage template to import it onto your page.

ElementsKit will load the entire pre-designed layout onto your canvas. It will take a few seconds to fully import. Once it’s in, you’ll see the complete Spokify homepage, which includes a hero section, episode grid, host carousel, pricing section, newsletter block, and footer, all ready to customize.

Repeat this process for each remaining page: Episode, Host, About, and Contact by creating a new page for each one and importing the corresponding Spokify template.

Step 4: Customize Your Podcast Homepage  

Your homepage is the first thing every visitor sees. Here’s what to update:

Sección de héroe

Click on the headline and replace it with your podcast name or tagline. Update the subheading with a one-line description of what your show is about. Change the CTA button text and link, “Start Listening” can link to your episode page, and “Explore Episodes” can link to your archive.

Episode Grid

Replace the placeholder episode cards with your real episodes. Update the episode number, title, host name, category, and duration for each card. Link each card to its individual episode page.

Stats Counter
Click on the counter numbers and update them with your real stats. Podcast key statistics like: total episodes published, email subscribers, and total listener count across platforms.

Host Carousel

Swap out the placeholder host photos with real images. Update the host name and role for each card. If you’re a solo podcaster, you can simplify this to a single featured host block.

Testimonios
Replace the placeholder quotes with real listener feedback, you can pull them from your podcast reviews on Apple Podcasts or from social media comments.

Pricing Section

If you’re running a membership or premium content model, update the three pricing tiers with your real plan names, prices, and features. If you’re not monetizing yet, you can hide this section entirely for now.

Newsletter Section
Update the heading and connect the email input field to your email marketing platform like Mailchimp, ConvertKit, or whichever tool you use for your list.

Step 5: Set Up Your Podcast Episode Archive Page  

Your episode archive is where visitors go to browse and discover your back catalog.

Open the Episode page you imported and update the page hero heading to something like “All Episodes" o "Browse the Archive.”

Update the category filter tabs to match your actual podcast categories. If your show covers Tech, Business, Health, or any other topic, update the tab labels accordingly.

Replace the placeholder episode cards with your real episodes. For each card, update the episode number, host photo, title, category tag, and duration.

Embed Your Audio Player With ElementsKit

This is where your podcast website goes from a visual showcase to a fully functional listening experience.

Inside any episode page or card section, search for the ElementsKit Audio Player widget in the Elementor panel and drag it onto your layout.

In the Content tab, choose your audio source:

• Self-hosted: Upload your episode audio file directly from your WordPress media library
• External URL: Paste the direct audio file link from your podcast hosting platforms:  Buzzsprout, Anchor, Transistor, Podbean, or any host that provides a direct MP3 link works perfectly here

Then configure your playback options. There are many settings like enabling the progress bar, volume control, and time display so listeners have full control over their experience.

Head to the Style tab and match the player’s colors to the Spokify color scheme or swap them to your own brand colors.

The result is a fully branded, embedded podcast player on your episode page: no third-party iframe, no plugin conflict, no code.

Step 6: Build Your Host Page  

Open the Host page template you imported.

Replace each placeholder host card with a real photo, name, and role or specialty. For each host, add their social media links, like: Facebook, LinkedIn, and Instagram fields are already built into each card.

If you’re a solo podcaster, simplify the grid to a single large featured host section rather than a full team roster.

Update the testimonials carousel beneath the host grid with real listener quotes pulled from your reviews or social mentions.

Step 7: Complete Your About Page 

Your About page tells the story behind your show. Open the imported template and update the following:

Replace the hero tagline with your podcast’s mission statement. This is the one sentence that tells a new visitor exactly what your show stands for.

Update the four brand value blocks with your own pillars. These could be your show’s core themes, your commitment to your audience, or your content philosophy.

Rewrite the brand origin story section with your real backstory. Answer the questions like how the show started, what drove you to launch it, and where it’s headed. Keep it honest and personal. Listeners connect with real stories, not polished corporate copy.

Update the animated stats counters with your real numbers, the same ones you used on the homepage.

STEP 8: Configure Your Contact Page

Open the Contact page template and update:

Detalles de contacto: Replace the placeholder email, phone number, and studio address with your real contact information. If you work remotely, a business email and city name is enough.

Social links: Update the social row with your real podcast social media handles.

Mapa de Google: If you have a physical studio or office location, update the embedded map. If not, remove this section entirely.

FAQ accordion: Replace the five placeholder questions with the questions your listeners actually ask. Common examples: how to suggest an episode topic, how to become a guest, where to find back episodes, or how to support the show.

Step 9: Set Up Your Header and Footer 

Your header and footer appear on every page and guide your users to key pages. So getting them right matters.

ElementsKit’s Header Footer Builder controls both. Open it from ElementsKit → Header Footer en su panel de WordPress.

In the header, swap the Spokify placeholder logo for your podcast logo. Update the navigation menu to link to your five pages: Home, Episodes, Host, About, and Contact. Add a “Listen Now” button in the header if you want a persistent CTA on every page.

In the footer, update the social media links with your real handles. Add your podcast platform availability badges, such as Apple Podcasts, Spotify, Google Podcasts, and link each one to your show’s listing on that platform. Update the copyright text and the Terms and Privacy links if you have those pages set up.

STEP 10: Check Responsiveness and Publish

Before you hit Publish, check how your site looks on mobile and tablet.

Click the responsive toggle at the bottom of the Elementor editor to switch between desktop, tablet, and mobile views. Scroll through each page in all three views and look for anything that breaks, text that’s too large, images that crop awkwardly, or sections that stack poorly on smaller screens.

Elementor lets you adjust spacing, font sizes, and column behavior per breakpoint. So any mobile issue can be fixed directly inside the editor without touching code.

Once everything looks good across all devices, hit Publicar on each page.

Your podcast website is live.

Customize Spokify Template to Match Podcast Brand

Importing the Spokify template gives you the structure. This part is about making it yours.

A template that still looks like a template defeats the purpose. Here’s how to replace every visual default with something that feels like your show, not someone else’s.

Swap The Color Palate

The Spokify template comes with its own default color scheme. The fastest way to replace it site-wide is through Elementor’s Global Colors.

Go to the Elementor editor → click the hamburger menu (three lines) in the top left → select Site Settings → Global Colors.

Here you’ll find the primary, secondary, text, and accent colors controlling the entire template. Replace them with your brand colors, and every section updates at once, buttons, headings, backgrounds, and highlights without editing each section individually.

If you don’t have an official brand color yet, pick one dominant color that reflects your podcast’s tone. Dark and moody for true crime. Bright and energetic for comedy. Clean and minimal for business.

Change The Podcast Site Typography

Fonts shape how your podcast brand sounds visually. Spokify ships with its own default font pairing, replacing it with yours.

Ir a Site Settings → Global Fonts inside the Elementor editor. You’ll see fields for Primary Font (used for headings) and Secondary Font (used for body text). Both pull from Google Fonts, over 1,000 options, all free.

A strong pairing for podcast sites: a bold, display font for headings and a clean, readable sans-serif for body text. Change both globally here and the update flows through every page automatically.

Replace All Template Images with Your Personal One   

Spokify uses high-quality stock photography throughout the hero backgrounds, host cards, episode thumbnails, and page imagery. Every single one needs to be replaced before you launch.

Here’s a quick checklist:

• Hero background: Replace with a branded image, a studio photo, or a solid/gradient background that matches your color palette
• Host photos: Use real headshots. Natural light, consistent background, professional but not stiff
• Episode thumbnails: Create a consistent episode artwork template (Canva works well) so every episode card looks cohesive
• About page imagery: A behind-the-scenes studio shot or a candid recording photo works better here than a posed headshot

Preguntas frecuentes

¡Envolver!

Building a podcast website used to be a project you’d outsource or put off indefinitely. With WordPress, Elementor, ElementsKit, and the Spokify template, it’s an afternoon’s work.

Here’s what you’ve built:

• A homepage that makes an instant impression, showcases your latest episodes, and gives every visitor a clear next step. 
• Un episode archive with searchable, filterable content and an embedded audio player that keeps listeners on your site. 
• A host page that builds the personal connection listeners need to become loyal fans. 
• Un about page that tells your story and earns trust before someone hits play. 
• A contact page that opens the door for listener feedback, guest pitches, and sponsorship conversations.

That’s a complete, professional podcast website built without a developer, without custom code, and without starting from a blank canvas.

The only thing left is the part only you can do: keep making episodes worth listening to.