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.
The 'Customize' section also includes a live preview, where you can edit your site and see the changes in real-time!
Note - When you do use the 'Live Preview' mode, 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:
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.
In the general settings you can also choose a custom pre-designed theme 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.
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.
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.
You can add a sidebar to 3 areas on your website:
- Blog Posts
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
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.
6. 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.
7. 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.
8. 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.
9. 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.
10. 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.
11. Custom HTML/CSS
In case you want to completely remove your header or footer and replace it with a custom one, check out this section. Also, 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.
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.