The magic of Podpage is building a great-looking website without touching code. But if you have the skills, custom pages let you add your own HTML, CSS, and JavaScript.
Available on the Pro plan and above.
First, a big warning
This is not a feature for non-technical users. It requires you to understand how website code works, and we can't provide support for custom code — it's use-at-your-own-risk.
Also, as Podpage evolves we may change our site's code, which could break your customizations. It shouldn't happen often (if ever), but it's something to be aware of.
HTML
On the custom page's edit screen, click the <> button. This opens the code editor, where you can add whatever HTML you want.
Hiding the page header
Building a landing-style page where you want full control? In the Header panel of the custom page editor, turn on Hide Header. This removes the page's header (title, message, and header image) so your own content starts at the top. Your site's navigation bar still shows.
CSS
Add CSS that applies only to this page in the Custom CSS Code field of the custom page editor. Your CSS loads last on the page, so it can override other styles.
JavaScript
Add JavaScript that runs only on this page in the Custom Javascript Code field of the custom page editor. The code is loaded near the closing body tag.
Custom CSS and JavaScript aren't limited to custom pages: every page on your site — About, Episodes, Contact, and the rest — has its own Custom Code section in its page editor for code that applies only to that page.
Tip: Want code on every page of your site instead of one page? Use the Custom Code panel in Design → Advanced Design in your dashboard.