How to Embed Podbean into WordPress

How to embed a Podbean podcast player into WordPress, with quick troubleshooting tips.
Download the original PDF
Tutorial text (extracted)

Podbean embed method.

Firstly if you are new to using code then I would highly recommend reading
‘Understanding WordPress Shortcode’. This guide explains the differences between
HTML, used in web development, and WordPress Shortcode which is used to embed
the PodBean player, as well as offering a basic introduction to understanding some of
the code. Our guides aim to decode the digital labyrinth, serving as your own equivalent
of Ariadne's thread, guiding you through the mythological maze of WordPress
Shortcode.


Table of Contents
1. Decoding Bracket Lingo: Understanding the differences between brackets. Error! Bookmark not
defined.
2.   Unleashing the Power of WordPress Shortcodes on your Pages.       Error! Bookmark not defined.
3.   Transmuting HTML into WordPress Shortcode                         Error! Bookmark not defined.
4.   Understanding the code (optional)                                 Error! Bookmark not defined.
5.   Next Step: embed Podbean into Wordpress                           Error! Bookmark not defined.




1. Finding the Podcast.
The first step in the embedding process is finding the video you want and clicking on it. It is important
you select the single podcast you want and avoid playlists. The below link can be accessed here.


2. Getting the code.
The second step in the embedding process is clicking the purple play button, then clicking the share
button. Please note other share buttons may not deliver the desired results.




3. Getting the code (continued).
The third step in the embedding process is clicking the Embed, then the second option, then copying the
code making great use of the handy copy button.


4. Editing the code
The fourth step requires the code to be edited.

NOTE: I would highly recommend the handy guide: ‘Understanding WordPress Shortcode’ if you have
questions about using code, which can be found in the same folder as this guide. Below is a summary of
the guide detailing how to edit the code.

Firstly, open Notepad or your favourite text editing program. Notepad can be accessed by typing its
name into the start menu:


5. Editing the code (continued)

Paste the code into notepad and make the following changes to the code.


5.1 Remove </iframe> (from the end of the code)

5.2 Change the first and last bracket to [] square brackets. (from <>)


Example:


      <iframe title="Fire and rehire - latest ACAS guide for employers" allowtransparency="true" height="150"
      width="100%" style="border: none; min-width: min(100%, 430px);height:150px;" scrolling="no"
      data-name="pb-iframe-player"
      src=https://www.podbean.com/player-v2/from=embed&i=hwntd-13e4d67-pb&share=1&download=1&f
      onts=Arial&skin=1&font-color=&rtl=0&logo_link=episode_page&btn-skin=7&size=150
      loading="lazy"></iframe>




      [iframe title="Fire and rehire - latest ACAS guide for employers" allowtransparency="true" height="150"
      width="100%" style="border: none; min-width: min(100%, 430px);height:150px;" scrolling="no"
      data-name="pb-iframe-player"
      src=https://www.podbean.com/player-v2/from=embed&i=hwntd-13e4d67-pb&share=1&download=1&f
      onts=Arial&skin=1&font-color=&rtl=0&logo_link=episode_page&btn-skin=7&size=150 loading="lazy"]



The code has now been converted from HTML into WordPress Shortcode with these
simple changes. Copy the code and paste it into the ‘Teaser text’ section of the
WordPress site. (CTRL + C to copy and CTRL + P to paste on a windows system)


Deployment:
      4.1 Find the ‘Teaser text’ section.
      4.2 At the end of the Teaser text press Return 3 times creating 3 new lines.
      (adding space after the embedded widget, for cosmetic reasons only)
      4.3 Place the code on line 2 so there is an empty line above and below the code.
Example:



      In this episode, our Employment team discuss the latest update on the retained EU law
      bill and the government’s proposals providing for changes to UK employment laws in
      respect of working time regulations, which is set to come into force on 1 January 2024.


      [iframe title="All change Brexit ‘bonfires’, holiday pay and TUPE"
      allowtransparency="true" height="150" width="100%" style="border: none; min-width:
      min(100%, 430px);height:150px;" scrolling="no" data-name="pb-iframe-player"
      src="https://www.podbean.com/player-v2/from=embed&i=3dav8-1506a65-pb&share=1
      &download=1&fonts=Arial&skin=1&font-color=&rtl=0&logo_link=episode_page&btn-
      skin=7&size=150" loading="lazy"]


See a live example here:
https://uat-dmhs.konstructive.com/wp-admin/post.phppost=4480&action=edit


I hope you found this guide useful.