FAQs before we get into it – steps to embed below!
What is the podcast player widget?
The podcast player widget allows you to put the Real Wealth® podcast on your own website. Of course you, as a member, can download individual episodes and use for your own blog, but that’s a lot of work! The podcast player allows us at Real Wealth® to update your widget automatically with each new episode. It’s also all nice and coded so that the lead generation forms will still send you a notification when someone fills one out, and add all new subscribers to your marketing list.
What’s the difference between the podcast player widget and my Real Wealth® webpage?
The podcast player widget is the best option for increasing your website’s SEO since it lives on your own, existing website. Every time that we send out a podcast announcement email to your contact list, we’ll direct them to the page on your website with the widget. That means that every time a contact clicks to listen to this week’s show, that is a click on your own website. Clicks, multiple page visits, and long visits to your website tell search engines like Google and Bing that your website is credible, people are finding what they’re looking for, and that they should bump your website up in the search results when people search for a service that you provide.
The Real Wealth® webpage is the best option for you if you don’t already have a website. It’s a great way to get onboarded and started with your Real Wealth® service quickly, since we build this page for you on our end.
Can I use the podcast player widget if I don’t have my own website?
No, the podcast player widget needs to be embedded on a website. If you don’t already have one, no need to get one just for the widget! We can simply set you up with your own personalized Real Wealth® webpage.
What does it look like?
If advisor Ron Swanson used the podcast player widget, it would look something like this:
Steps
-
Build webpage on your website
The podcast player needs somewhere to live! Choose an existing webpage on your website, or make a new page just for the podcast (recommended).
Call your page something like “Podcast” or “Education.” Feel free to add your own text or design to introduce the podcast, otherwise, click publish!
-
Option 1: Install with HTML
You can put the following code wherever you like on your website to render the audio player. For optimal performance, place the code as indicated.
Add to the
head
of your website:
<link as="style" href="https://realwealthmarketing.b-cdn.net/embeds/podcastplayer/v1/app.css" rel="preload" />
<link as="script" href="https://realwealthmarketing.b-cdn.net/embeds/podcastplayer/v1/app.js" rel="preload" />
<link href="https://realwealthmarketing.b-cdn.net/embeds/podcastplayer/v1/app.css" rel="stylesheet" />
Add wherever you want to render the player on your site:
<div id="rw-player" data-slug="swansonfinancial" data-color="#359095" data-autoplay data-playlist data-rwmlink></div>
Add before closing
body
tag:<script src="https://realwealthmarketing.b-cdn.net/embeds/podcastplayer/v1/app.js"></script>
If you expect your users to be using an outdated browser, such as Internet Explorer, you can include the following script to display a message instructing them to use a Modern Browser. (Optional)
<script src="https://realwealthmarketing.b-cdn.net/embeds/podcastplayer/v1/detect-ie.js"></script>
-
Option 2: Install with Wordpress Plugin
For WordPress users, setup is even easier!
Install and activate the plugin.
Use the following shortcode to place the player within your WordPress site:[rwm-audioplayer slug="swansonfinancial" color="orange" autoplay playlist rwmlink]
IMPORTANT: you’ll need to remove the space before rwm-audioplayer. We included the space so we can display the shortcode to you on this page without it rendering the audio player.
-
Update data-slug with YOUR webpage path
Remember to replace the value in the data-slug attribute with your Real Wealth® page path.
- Ex: If your Real Wealth® Media page is https://realwealthmedia.com/johnsmith, your code should read
data-slug="johnsmith"
- Ex: https://realwealthmedia.com/smithfinancial, your code should read
data-slug="smithfinancial"
- Ex: If your Real Wealth® Media page is https://realwealthmedia.com/johnsmith, your code should read
-
Personalize your widget
You can easily customize the player by using the following
data-*
options.Name Description Default slug Add the path to your Real Wealth® Media URL. (Required) swansonfinancial color Set the player’s color theme #359095 playlist Show the playlist on load false rwmlink Display the link to your Real Wealth® Media page false -
Add your webpage to your website menu
Have your web developer add your new webpage to your website menu so your clients can easily find & click to listen.
-
Notify the Real Wealth® team
Email Info@RealWealthMarketing.com to let us know that your podcast player widget is now embedded on your website and live. Please include the direct link to your website where it is loaded. At that point, we will be able to direct your podcast notification emails that go to your clients to THAT page instead of the webpage that we built for you. This will increase your website traffic which is GREAT for SEO!