Adding Custom Code

You can add custom code in different areas of your Podcastpage website.

Add global code to all pages, or inject code in specific pages or posts as needed.

Adding HTML, CSS and Javascript code to pages

The page builder includes the "Embed Code" widget you can use to embed HTML code (including iframes), CSS, and even Javascript onto any page.

Simply drag the widget onto any area of the page and paste your code into the editor -

Note - While you can easily add custom Javascript code via the Embed Code widget, it cannot be rendered within the page editor. Any JS functionality will only render on your live website instead and cannot be previewed while in editing mode.

Adding Code via the Content Editor

The Content Editor includes the "Embed Code" widget as well so you can add it to any content area on your site -

You can add HTML, CSS and JS code in the content editor. Once you add the code, you can toggle between a "preview" mode and the "edit" mode where you can adjust the code -

Note - While you can easily add custom Javascript code and <style> tags via the Embed Code widget, it cannot be rendered within the content editor. Any JS functionality will only render on your live website instead and cannot be previewed while in editing mode.

Global Javascript code

You can add <script> , <link> and <meta> tags globally (on all pages of your site). This can be done via the General -> Custom Code screen in your dashboard. Make sure you add the wrapping <script> tags (or link/meta tags) appropriately.

Remember that adding code in this section would affect all pages of your site, so make sure you're adding the right code there.

Custom CSS code

While you can add <style> tags to pages and content areas, it's also possible to add custom CSS code directly into the "Customize -> Custom CSS" box. This is highly useful for customizations and adjustments that aren't possible by default.