Podcast Player Widget — Add It to Your Website

Overview

What Podcast Player does

Podcast Player is an embeddable widget you drop into any website with a single snippet of code. Share your podcast episodes with a clean playable list. It runs in its own isolated frame, so it can never clash with your site's own styles or scripts, and it resizes itself to fit wherever you place it.

The episodes shown in Podcast Player are managed from your myNaturevista dashboard — add, reorder or remove them whenever you like and the widget updates on your live site immediately. No redeploy, no developer, no touching your website's code a second time.

You control how it looks and behaves from 9 settings — podcast name, hosted by (optional), podcast cover (optional), theme and more. Pick the options that match your brand, save, and the change is live.

Like every widget in the myNaturevista business & engagement collection, Podcast Player is built to be fast and unobtrusive: it loads asynchronously so it never blocks your page, works on phones and desktops alike, and can be added to as many of your pages as you want.

Features

What you get

A real player: seek bar, skip 15 s back and 30 s forward, and 1× to 2× speed.
Episode list with covers, dates and durations — the next episode plays automatically.
A Subscribe button that links to Spotify, Apple Podcasts or wherever you publish.
Upload MP3s or paste a link; your brand colour and a light or dark theme.
Add new episodes from your dashboard — they appear on your site instantly.

Setup

How to add Podcast Player to your site

Three steps, about two minutes, no build tools.

1

Add the loader once

Paste a single <script> tag before your closing </body> tag. One loader powers every myNaturevista widget on the page, so you only ever add it once.
2

Place the widget

Drop a small <div> wherever Podcast Player should appear — inside a column, a section, a sidebar, anywhere. It takes the width it is given and sets its own height.
3

Add your episodes

Add your podcast episodes. They appear in Podcast Player in the order you set, and you can change them at any time.

your-page.html

<!-- 1. Load the myNaturevista loader once per page -->
<script src="https://mynaturevista.com/w.js"></script>

<!-- 2. Place the widget wherever it should appear -->
<div data-menv-widget="podcast-player"
     data-menv-key="YOUR_API_KEY"
     data-menv-instance="YOUR_INSTANCE_ID"></div>

Options

What you can configure

Everything below is set from your dashboard — never in your website's code.

Settings available for Podcast Player
Option	Type	Values	Default
Podcast name	text	—	—
Hosted by (optional)	text	—	—
Podcast cover (optional)Used for any episode without its own cover.	image	—	—
Theme	choice	Light · Dark	light
Accent colour	colour	—	#00b894
Play the next episode automatically	on / off	Yes / No	true
Show episode descriptions in the list	on / off	Yes / No	true
Listen / subscribe link (optional)	link	—	—
Subscribe button text	text	—	Subscribe

Fields for each item under Episodes
Field	Type	Required
Episode title	text	Yes
Episode audio	audio	Yes
Description	textarea	Optional
Release date (optional)	text	Optional
Duration (optional)	text	Optional
Cover image (optional)	image	Optional

Use cases

Who uses Podcast Player

Most visitors decide within seconds. Social proof, clear offers and an easy way to get in touch are what turn that first look into a customer.

Online stores

Build the confidence a visitor needs before they add to cart.

Local businesses

Show what you offer clearly, on the page people actually land on.

SaaS & services

Turn a marketing page into something that converts instead of just informs.

Freelancers

Present your work professionally without building a custom component for it.

FAQ

Podcast Player — frequently asked questions

How do I add the Podcast Player widget to my website?

Add the myNaturevista loader script once before your closing </body> tag, then place a <div> with your widget id, API key and instance id wherever Podcast Player should appear. That is the whole installation — it works on any platform that lets you paste HTML, including WordPress, Shopify, Squarespace, Webflow and hand-written sites.

Do I need to know how to code to use Podcast Player?

No. If you can paste a snippet of HTML into your site once, you are done. Everything after that — settings, content and styling — is handled from your myNaturevista dashboard, with no further code changes.

Can I customise how Podcast Player looks?

Yes. Podcast Player exposes 9 settings: podcast name, hosted by (optional), podcast cover (optional), theme, accent colour, play the next episode automatically, show episode descriptions in the list, listen / subscribe link (optional), subscribe button text. Change them in the dashboard and your live site picks the new values up on the next page load.

Where does the content in Podcast Player come from?

From you. Add your podcast episodes. They appear in the widget in the order you choose, and updates are live immediately — you never have to touch your website again to change them.

Does Podcast Player work on mobile?

Yes. Podcast Player is responsive: it takes the width of the container you place it in and adjusts its layout and height for phones, tablets and desktops.

Will Podcast Player slow down my website?

No. The loader is asynchronous, so it never blocks your page from rendering, and the widget itself runs in an isolated frame that loads separately from your own content.

Can I use Podcast Player on more than one website?

Yes. Each website you own gets its own API key and its own configuration, so the same widget can show different settings and content on each domain.

Which plans include Podcast Player?

Podcast Player is available on the following plans: Free, Starter, Business, Enterprise. You can change plan at any time from your dashboard.

More widgets