Site Customizer

With Podcastpage, you get a beautiful website created for you in seconds. With that said, we included hundreds of options in the 'Customize' page of the settings panel. You can easily modify your site to match your brand colors, and change every single part of the site. If you're looking for some inspiration, take a look at our list of the best podcast website examples.

Note - When using the 'Live Preview' in the Customizer, please keep in mind that a couple of settings would only be visible after clicking on 'Save' and refreshing the page. There's a blue "Refresh" button on the bottom-right corner.  (Also note - The live editor is only available on screens wider than 1100px)

The customize area contains multiple sections. Each section has its own set of options you can modify. A brief overview of each section is provided below:

Note - When you edit your website in the Live Customizer, external links may not show up (links to other websites, like your social media accounts, etc.).

To check that the links are working properly just open your website on a new tab (either by going directly to your domain or clicking on View Site outside of the customizer). 

1. General Settings

In the 'General Settings' section, you'll be able to set up your default fonts, the site's background color and a couple of other global/general options. You can adjust a bunch of other multiple global options here.

You can also choose a custom pre-designed theme there that would automatically apply styles to your site. Note that applying a theme may override some of your previously defined colors, but it would not affect your actual content, just the layout/design.

So the General Settings include the following:

  • Change theme
  • Body background color
  • Font (family, size, weight)
  • Text direction (RTL)
  • Voice message settings

2. Header & Footer

Here you can find multiple settings for your header and footer, like adding your logo, change the header or navigation layout, add a "Top Bar" above your header, add navigation links/items or footer widgets, and hide certain elements if those are not needed.

Settings include:

  • Header Layout
    • Sticky / Fixed header
    • Logo (position, size)
    • Navigation bar (location, typography)
  • Navigation/Menu Links
  • Top Header
  • Footer Layout
  • Footer Widgets
  • Footer Copyright

3. Audio Player

Podcastpage offers the most flexible and customizable podcast player options you'll find. In this tab, you can find a bunch of settings related to your site's audio player. We go over the audio player in-depth here.

4. Sidebars

You can add a sidebar to 3 areas on your website:

  • Pages
  • Blog Posts
  • Episodes

From the Customizer you can enable/disable the sidebar on the different locations mentioned above. You can add multiple "Widgets" into the sidebar with any content you have in mind like a "Recent Episodes" list, subscribe/follow icons, search bar, contact form, text, images and more.

5. Podcast Header (Singular)

The "Podcast Header" is the top part of your homepage where you can see general info about your podcast. It serves as an overview of your podcast/show to your visitors, and includes the image, title, a short description, and subscribe/social icons as well. This section contains plenty of options to adjust the settings around the homepage Podcast Header.

You can choose if the podcast header will contain the show info or an episode slider. See the two options in the images below:

Episode slider:

Show info:

6. Multi Podcast Header

If you have more than one podcast, you can decide if you want to show the shows you have or an episode slider that displays the recent 7 episodes you published from all of your podcasts. If you pick the Show Info, you can change the multi podcast header to show the podcasts in a carousel view instead of a grid.

Additionally, you can play with the display settings of the Multi Podcast Header. Show the podcast in a card, add the podcast image, or add some content to the card, for example. To edit the text above the podcasts, just click on the Edit Content button under Homepage Content settings.

Finally, you can add podcast filters here, to allow your listeners to pick episodes from one of your podcasts.

7. Homepage Episodes

The main part of your homepage is the list/grid of episodes. You'll find many settings in this section around the episode list of your homepage, and you can easily change the column count, the spacing between episodes, and essentially completely change the episodes area on your front page.

Additionally, you can add  episode category filters by enabling it through this section. To add categories, you should go into each episode (under Podcasts -> All Episodes). See more about categories go here.

8. Single Episode Page

Each episode gets its own page, and in this section you can control the appearance of those singular episode pages. The singular episode pages are great for SEO, and can also help displaying longer transcripts or show notes.

9. Pages & Blog

Your Podcastpage site comes with unlimited custom pages and blog posts. This section allows you to make many changes to the layout of the singular blog posts or pages, but also to the blog index page.

Settings include:

  • Default Page Layout (page header settings)
  • Blog Index Header
  • Blog Index Options
  • Singular Blog Post Options

10. Subscribe & Social

Add your favorite podcast subscribe buttons and display those in the pop-up modal that opens after clicking the "Subscribe" button. You can also add unlimited social network links via this section.

11. Donation & Memberships

Here you can add a new modal/pop-up with a unique button in the main navigation. Within the popup, you can display a few links to popular services like Patreon, PayPal, BuyMeACoffee, Ko-Fi and more. You can display a Supercast button there if you enabled the Supercast integration.

12. Custom CSS

You can insert custom CSS code if you want to make design/layout changes on your own. The custom CSS applies globally, so you can add as many new modifications as you'd like.

Additional Customizations

This part is more relevant for advances users - We're using the Tailwind CSS across your sites to make it look great. While a lot of the design is custom made, you can still use the Tailwind CSS classes in your custom header, custom footer, and in any WYSIWYG input (stands for "What You See Is What You Get") while in the code editor view.

This unlocks a lot of new options so you can customize your pages and posts this way.