RBA Cash Rate: 4.35% · 1AUD = 0.67 USD · Inflation: 4.1%  
Leading Digital Marketing Experts</strong | 1300 235 433 | Aggregation Enquires Welcome | Book Appointment
Example Interest Rates: Home Loan Variable: 5.69% (5.89%*) • Home Loan Fixed: 5.39% (6.59%*) • Fixed: 5.39% (6.59%*) • Variable: 5.69% (5.89%*) • Investment IO: 5.69% (6.48%*) • Investment PI: 5.39% (6.59%*)

How to Use the YouTube Elementor Widget and WordPress Shortcode

The bmyt shortcode is now the primary method to render YouTube videos on your website. You should note that most video assignments on pages, FAQs, archive pages, and various other locations, are all managed via a point-and-click process, so the inclusion of videos other than these default 'hooked' locations requires use of the Elementor widget or WordPress shortcode. The assignment of videos to various locations on your website should be referenced at the bottom of this page.

Usage of the YouTube widget generally relies on Google connectivity to Yabber. Some features of the shortcode and widget does not rely on a connected service.

The shortcode and the Elementor widget we're about to describe will result in list of YouTube blocks shown below. Each will be introduced in turn with shortcode used as the method of rendering the result.

  • Single Video. A single video is obviously the most typical methods of returning a video to your page. You may also include YouTube video chapters and other data into the mix.
  • YouTube Playlist. A playlist is either a playlist created in YouTube (or via Yabber), or user_uploads, with the latter showing almost every video uploaded to your account.
  • Custom Playlist. The custom playlist is a list of videos that aren't part of any defined playlist, so they're created in real-time or as required.
  • Yabber Playlist. A Yabber playlist is a number of videos that were grouped together as part of the 'Related Videos' module in Yabber. Since the module includes Wistia videos as well as YouTube videos, the former are ignored when rendering the result.

The YouTube Elementor block is an extremely intuitive drag-and-drop option, and it is introduced after the four shortcode options are introduced.

Note: The former [youtube] shortcode continues to work, and will always be supported but will not be further developed. Consider it deprecated.

  Rendering YouTube Videos with Shortcode

  Single Video

The result of a Single Video is as you would expect - a single video. Shortcode used to return the video shown below is as follows: is [bmyt v="zf1MytwD8dg"].

  YouTube Playlist

Returning a YouTube Playlist (as defined in YouTube). In rendering a playlist we start to see the complexity of shortcode, and the clear advantage of using Elementor. Shortcode of [bmyt listtype="playlist" list="PLVTW .. 3mY"] returns the following (we truncated the Playlist ID for readability):

Note the option in the top right of the video container that presents a sidebar showing all videos associated with the playlist.

  Custom Playlist

The custom playlist is essentially a comma delimited list of video IDs, and those videos will be returned into the playlist. This option words for both your own videos and those created by others. The result of a Custom Playlist will render as shown below. In our example we've defined a list with just four videos, although we could have included a primary video with the v shortcode attribute, and this video would always be shown first). Shortcode of [bmyt custom="Ok_6LMkmYB0,do8ckrCtQOo .."] returns the following.

  Yabber Related Playlist

The Yabber Playlist takes advantage of Yabber's 'Related Videos' module, with all videos defined in a related list available as a YouTube playlist. The 'Related Playlist' is similar in nature to a Custom Playlist with the exception that all video are managed globally in Yabber (a far better solution than using the Custom Playlist).

Shortcode of [bmyt yabber="18fe99fc1ab06bf8bcaf20c8a3517dfc"] returns the following:

Remember, the shortcode is referencing YouTube (only) videos from within the same module that will also return a 'Related Playlist' accordion.

  YouTube Shortcode Attributes

Shortcode is generally an advanced method of rendering video, but if used, the following attributes will apply.

v

Render a single video with the v attributes. It may also be used as the first video in a playlist. Usage: [bmyt v="video_id"].

chapters

Applies when a single video is shown, and when chapters were created for the video. The chapters will render as text under the video. Clicking on time-links will play from point in the timeline. Use chapters="1".

width

The width is a numeric value of the width. Anything less than or equal to '100' will be considered a percentage value, while anything over 100 will be considered pixel values. You should normally leave at 100. Note that the video will always center to a parent container.

height

The height of the video should normally be left empty. It is automatically determined.

autoplay

To automatically play a video on page load, use autoplay="1". It's annoying, so leave as '0'.

color

This parameter specifies the color that will be used in the player's video progress bar to highlight the amount of the video that the viewer has already seen. Valid parameter values are red and white, and, by default, the player uses the color red in the video progress bar. Use color="1" for a white progress bar.

start and end

This parameter specifies the time, measured in seconds from the start of the video, when the player should start and stop playing the video. The parameter values are positive integers.

controls

This parameter indicates whether the video player controls are displayed: controls="0" means that player controls do not display in the player, while controls="1" (default) will force controls to display in the player.

disablekb

Setting the parameter's value to 1 causes the player to not respond to keyboard controls. The default value is 0, which means that keyboard controls are enabled. Currently supported keyboard controls are: Spacebar or [k]: Play / Pause. Arrow Left: Jump back 5 seconds in the current video. Arrow Right: Jump ahead 5 seconds in the current video. Arrow Up: Volume up. Arrow Down: Volume Down. [f]: Toggle full-screen display. [j]: Jump back 10 seconds in the current video. [l]: Jump ahead 10 seconds in the current video. [m]: Mute or unmute the video. [0-9]: Jump to a point in the video. 0 jumps to the beginning of the video, 1 jumps to the point 10% into the video, 2 jumps to the point 20% into the video, and so forth.

enablejsapi

Advanced. Setting the parameter's value to 1 enables the player to be controlled via IFrame Player API calls. The default value is 0, which means that the player cannot be controlled using that API. Defaults to 1 to support various triggers and chapters. To disable, use enablejsapi="0"

fs

Setting this parameter to 0 prevents the fullscreen button from displaying in the player. The default value is 1, which causes the fullscreen button to display. To disable full screen options, use fs="0" in your shortcode.

hl

Generally ignore this option. Sets the player's interface language. The parameter value is an ISO 639-1 two-letter language code or a fully specified locale. For example, fr and fr-ca are both valid values. Other language input codes, such as IETF language tags (BCP 47) might also be handled properly.

iv_load_policy

Setting the parameter's value to 1 causes video annotations to be shown by default, whereas setting to 3 causes video annotations to not be shown by default. The default value is 1. To disable, use iv_load_policy in your shortcode.

loop

In the case of a single video player, a setting of 1 causes the player to play the initial video again and again. In the case of a playlist player (or custom player), the player plays the entire playlist and then starts again at the first video. Supported values are 0 and 1, and the default value is 0. To enable the loop ,use loop="1" in your shortcode.

playsinline

This parameter controls whether videos play inline or fullscreen on iOS. Valid values are: 0: Results in fullscreen playback. This is currently the default value, though the default is subject to change. 1: Results in inline playback for mobile browsers and for WebViews (that are created with the allowsInlineMediaPlayback property set to YES).

rel

If the rel parameter is set to 0, related videos will come from the same channel as the video that was just played. Set to rel="0" to enable this feature (at the time of writing this will be the default in the next plugin update).

margin_top_bottom

A margin applied above and below the YouTube container. Defaults to 30.

PLAYLIST OPTIONS

The show_latest, channel, yabber, list, yt_custom_list, yt_playlist, listtype (user_uploads, playlist, yt_playlist), playlist, list, and custom, are all a little complex to introduce with examples. You should download the full YouTube help PDF for full and comprehensive examples.

as you can tell, shortcode can be very complicated. The Elementor option mitigates this complexity by introducing super-simple plug-and-play options.

  Rendering YouTube Videos with the Elementor Widget

The YouTube Elementor Widget can be found by searching for 'BM YouTube' in Elementor. Drag-and-drop the block into any post or page, select your video type (single video, playlist etc.), define your options, and Save.

  Single Video with Elementor

The Elementor option requires that you drag the widget into your page, select your single video, and apply any options.

Elementor Single Video

  Pictured: The Elementor single video. Note that as the single video option is selected at the top of the widget, only those applicable options are shown. The inset shows how to search for a video - handy if you have hundreds of videos on your YouTube account. Only public YouTube videos are shown.

  YouTube Playlist with Elementor

In Elementor, select 'Playlist', and then simply select the YouTube playlist you wish to return. In our example we're returning videos from the Banking Royal Commission (a Playlist that we've specifically defined on YouTube). Note the option in the top right of the video container that presents a sidebar showing all videos associated with the playlist.

Elementor YouTube Playlist

  Pictured: The Elementor YouTube playlist. Note that you are required to select the type of playlist: playlist or user_uploads, with the latter showing all public videos in a single container. If you have a large number of playlists, the select menu provides a search facility.

  YouTube Custom Playlist with Elementor

Elementor obviously makes the selection of your own videos easy because you select the video and don't need to copy any video IDs. The Elementor Custom Playlist is designed to support only your own videos.

Elementor Custom List

  Pictured: The Elementor custom playlist. You will be required to select each of your videos in the selection panel, and those videos will be returned in your custom playlist.

  YouTube Related Playlist with Elementor

The YouTube module allows us to access those YouTube videos in the series (remembering that the series may also include Wistia videos which are ignored), and the block will return in the style of a custom playlist.

  Elementor YouTube Options

When you first drag the YouTube Elementor widget onto your page, you will be presented with a number of options. While the options are considerable, it is expected that you'll simply use default values.

YouTube Player Options

  Pictured: For single videos, you may define start/stop times and video chapters (if created). Escalation is reserve for advanced conditional usage.

The 'YouTube Options' panel presents a large number of other options.

YouTube Player Options

  Pictured: The 'YouTube Options' panel includes all available YouTube features. Note that Google Tag Manager on videos are automatically applied (if enabled in your Settings).

The options forms are conditional in nature, so only those options applicable to the selected video or playlist type will be shown.

■ ■ ■

  Related Video Blocks

Your website includes a large number of ways in which to return video, or assign video to certain hook on your website.

We've shared FAQs that showed you how to create Wistia video customisations, sharing profiles, turnstiles, and postroll CTA profiles (all linked below). This FAQ will show you how to update an individual video or all videos that are part of a project.

  About Wistia

Wistia is a third-party service that provides videos hosting for a monthly subscription. It is quite costly, but the platform does provide for three free videos and we encourage all our users to sign up for this offer.

Wistia provides a large number of integrated video features that enable far greater insights into video performance when compared to platforms such as YouTube, and the level of statistical data returned for each user is significant.

Yabber integrates with Wistia in such a way that we effectively emulate most features of that service. This tight level of connectivity enables features such as the email collection turnstiles (or email capture form 'gates' within a video) to be used for engagement and not just consumption.

This FAQ should be read in company with those listed below since when you're updating a video you'll generally update all of the profiles shown at the same time.

Wistia features may be referenced under this article in the 'Related FAQ' section.

Wistia: You may sign up for a free account on Wistia at Wistia.com . Ensure you follow the FAQ on connecting the API and Webhooks to fully enable all of Yabbers features.

  Wistia Source - Yabber/Wistia or Elementor

In a previous FAQ we detailed how to apply customisations to an embedded Wistia Video. In order for Yabber and/or Wistia options to override the values defined in Elementor, you should navigate your way to the 'Settings' panel and define your preferred source via the 'Website' option.

Elementor or Wistia

  Pictured: In order for Yabber and/or Wistia options to override the values defined in Elementor, you should navigate your way to the 'Settings' panel and define your preferred source via the 'Website' option. Using the Elementor option is one that is typically used by those that do no subscribe to Yabber in any way.

If the source is set to 'Elementor', all Yabber and Wistia options are ignored, and if set to Yabber, all Elementor options are ignored.

Using Yabber profiles and options are obviously preferred since you may globally update all videos as required, and options can be applied without messing around within your website.

  Locating The Update Panel

You will find the facility… [ Learn More ]

Using Wistia’s Turnstile email collector, you can collect emails from within your videos at defined times, making it easy for you to gate content and drive warmer leads into a crafted pathway. The collected email is sent to Yabber and full automation may optionally be applied as if the user subscribed to a standard subscription… [ Learn More ]

A Wistia video may contain a share control button which presents various sharing options. Usage is generally discouraged because it tends to clutter the video container appearance, and other share options already exist. This FAQ will show you how to define various share options.

Updating Video Options

This FAQ will show you how to create… [ Learn More ]

Wistia annotations are described as the 'polite marketers best friend'. Defined by you, the annotations are a small line of linked text that will render to the top right of your video container after a defined period of time, and for a period of time. Remember, the entire focus of a funnel is about creating… [ Learn More ]

A Postroll CTA is a customizable link (or full screen linked image) that shows at the end of your video that will help you get your viewers to take the next step in your conversion process. This FAQ will show you how to create and manage the Postroll feature. Since the profile is updated with… [ Learn More ]

Wistia Projects are parent container for videos that you can think of as categories, or folders on your PC. You might have a project for First Home Buyers, Refinancing, Investors, and so on. The projects are a good way of selectively sharing groups of videos (since each project has its own privacy settings), and you… [ Learn More ]

You may customise the appearance of a Wistia Video container by creating a profile in Yabber. Your 'style and feature' profile is then assigned to a single video or group of videos (in a project). Unlike services such as YouTube, Wistia allows you to alter virtually every element of the video container, from the colour… [ Learn More ]

There may be occasions where you are required to give BeliefMedia access to your YouTube account. If you're a managed client, access will almost certainly be required. While Yabber provides facilities to upload YouTube videos and manage your channel, we may still require access in order to simultaneously add multiple videos without breaking any upload… [ Learn More ]

This FAQ will show you the method of sending images and/or video o Facebook Groups with Instagratify or Vista. The method is one that will become a global feature in the future, but until then, the Facebook Group feature will be a little different to other services. First, we only permit posting to your own… [ Learn More ]

Wistia is a third-party video hosting service that is tailored towards business in that it provides full tracking, detailed analytics, statistics, and full customisations - all of which Yabber supports. Another seriously significant advantage of Wistia is that is permits us to track usage to the user level, thus marrying up with our own methodology,… [ Learn More ]

YouTube Chapters are video chapters applied in YouTube under each video, and they're used on your website as a means for each user to navigate directly to that part of the video that is most relevant. From an SEO perspective, Google treats each chapter as an answer to a question, so the feature will improve… [ Learn More ]

You want those marketing assets on the periphery to property represent your brand, but you also want them to be consistent with your trending website traffic or consumer sentiment. For example, with the introduction of a FHB or Investor incentive of some kind you will likely want your broader marketing footprint to reflect this, or… [ Learn More ]

Evidenced by the large number of 'Related FAQs' shown at the bottom of this article, your website includes a very large number of video features. Why? Because video is vitally important... and given that it's a platform your competitors ignore, you have the capacity to achieve some amazing results. One of the many video features… [ Learn More ]

When you visit any YouTube channel you will be presented with a fairly typical layout. However, those playlists that are shown on your entry page, and the order in which they may be shown, may be customised to your liking in YouTube or in Yabber. This FAQ will show you how to customise your channel… [ Learn More ]

Wistia is a third-party video hosting service that is tailored specifically to marketing efforts. The service charges a significant premium for hosting but they do provide a free option for three videos which we encourage you to use. You may register your free account at Wistia.com . This FAQ will show you how to connect… [ Learn More ]

As with Social Media, it's rather absurd that we'll invest time, effort, and energy into creating video content and then let it rot away on a social platform that doesn't give it the exposure that the video deserves. For this reason, our website framework supports a full-featured video archive that'll show all your videos in… [ Learn More ]

At the risk of repeating ourselves, every single page on your website is a 'type' of landing page, and each and every page on your website is a conversion asset that must be treated as such. While the primary objective of each of your website pages might vary, the need to build every page around… [ Learn More ]

It's typical to change your social media banners of all types based on seasons, such as Christmas, Anzac Day, Easter or similar. A module in Yabber permits you to define start and stop dates for a specific banner, and that banner will automatically be applied (and later replaced with your 'default' banner). This FAQ shows… [ Learn More ]

The YouTube banner is the large image towards the top of your YouTube channel. Yabber provides a facility to update this banner, and this FAQ will show you how this is accomplished. Another FAQ will show you how to seasonally alter the banner so it updates automatically on the basis of scheduled dates. For… [ Learn More ]

In this FAQ we'll provide the basic shortcode necessary to return a video modal to your page. There are two methods for returning a video modal: a Yabber modal, and a full screen modal, with the former preferred because it is fully tracked and integrated with the Conditional Framework.

Modal Module Overview

Your website… [ Learn More ]

In an FAQ titled How to Define and Send Lender-Specific Videos for the Lenders Archive and Product Pages we looked at how to assign videos to the Lender Product Archive and Pages on your website. Familiarity with the former module is required, as this FAQ will simply show you how to link directly… [ Learn More ]

In a previous FAQ we introduced how to define the single video for your website Lender Archive page. However, this is the top-level entry page that effectively acts as a conduit to the Lenders Archive Pages and the thousands of Lender Product Pages. Each of the specific Lender Archive Pages, and all of… [ Learn More ]

The Lender Archive Video is a single video shown on the entry Lender Archive Page. It is important for the purpose of amplifying funnel enthusiasm and introducing your website visitors to the purpose of the vast information archives you make available. The video should always include an appropriate call-to-action, appropriate disclaimers, and other helpful… [ Learn More ]

A YouTube Playlist is simply a collection of related videos. They may be shared as a group of videos on YouTube, or as it applies to your website, you may selectively include related videos in panels, video sliders, or in lists. Yabber provides a full-featured section to create, manage, and update playlists on YouTube (and… [ Learn More ]

As with the Yabber facility to add a video to the top of FAQ articles, the same method applies to standard blog posts. We know that video is the single page ingredient that'll attract and engage website users more than any other, so it stands to reason that we'll use it whenever and wherever… [ Learn More ]

Yabber provides a large number of ways in which to send videos to Social, although it's more likely that you'll use the Outlook-based Vista Social Calendar, or Instagratify tools more often than any other, and both of these these tools will optionally applying a watermark, a heading, a music track, and fade effects.… [ Learn More ]

Given its importance, this FAQ is provided for clarification on how to ensure that Instagram videos are sent to YouTube via the Instagratify tool. If you haven't already, you should review 'general' the FAQ on Instagratify, and another on Sending Video to Social Media with Instagratify. The reason a user might get confused… [ Learn More ]

Instagram accepts up to 9 images when creating a post. Instagratify has the capacity to stitch up these images into an animated GIF for sharing on social media or other purposes. When multiple images are required to be sent to social, the standard has generally evolved into using a video since there's more options… [ Learn More ]

We all know that Video is a highly effective marketing tool, and we all know that we should all be using it. Instagratify is designed to share those short and meaningful videos a super-simple process. Brokers have information fed to them via Lenders and aggregators every day, and you're exposed to new scarious and products… [ Learn More ]

The YouTube module is very extensive and permits a vast array of functions. This FAQ will show you how to change a featured 'Thumbnail' image for a YouTube video. For the purpose of the FAQ we'll assign a new Thumbnail to one of our boring videos.

Google Connectivity

Using the extensive YouTube module requires that… [ Learn More ]

Video is the secret sauce that'll engage and convert your customers. Period. Our entire marketing effort once colder contact is made is predicated on the principles of 'Know, Like, and Trust', and these attributes are determined by our perceived Expertise and Authoritativeness, and there's no better way of developing an early relationship by way of… [ Learn More ]

The bmyt shortcode is now the primary method to render YouTube videos on your website. You should note that most video assignments on pages, FAQs, archive pages, and various other locations, are all managed via a point-and-click process, so the inclusion of videos other than these default 'hooked' locations requires use of the Elementor widget… [ Learn More ]

The 'Related Videos' panel will return a an accordion populated with related video modal links. The Relates Videos are managed in Yabber, so changes to the panel will be made on your website wherever the related series is shown. In order to use this tool, you must first connect YouTube and/or Wistia (YouTube is… [ Learn More ]

We encourage multiple videos on your front page, and they should be presented in multiple ways. The front page video panel is shown (by default) at the bottom of your front page. However, the block may be moved if required, and it may be used anywhere with the use of shortcode.

  The Result

The result… [ Learn More ]

We encourage multiple videos on your front page, and they should be presented in multiple ways. The primary front page website video is shown fully rendered, and by default it'll show about half way down the front page.

  The Result

The result of the front page video is as you would expect (shown below).
Image Error

  Related YouTube FAQs

Your website includes a large number of YouTube features. Most are listed below.

There may be occasions where you are required to give BeliefMedia access to your YouTube account. If you're a managed client, access will almost certainly be required. While Yabber provides facilities to upload YouTube videos and manage your channel, we may still require access in order to simultaneously add multiple videos without breaking any upload… [ Learn More ]

YouTube Chapters are video chapters applied in YouTube under each video, and they're used on your website as a means for each user to navigate directly to that part of the video that is most relevant. From an SEO perspective, Google treats each chapter as an answer to a question, so the feature will improve… [ Learn More ]

You want those marketing assets on the periphery to property represent your brand, but you also want them to be consistent with your trending website traffic or consumer sentiment. For example, with the introduction of a FHB or Investor incentive of some kind you will likely want your broader marketing footprint to reflect this, or… [ Learn More ]

When you visit any YouTube channel you will be presented with a fairly typical layout. However, those playlists that are shown on your entry page, and the order in which they may be shown, may be customised to your liking in YouTube or in Yabber. This FAQ will show you how to customise your channel… [ Learn More ]

It's typical to change your social media banners of all types based on seasons, such as Christmas, Anzac Day, Easter or similar. A module in Yabber permits you to define start and stop dates for a specific banner, and that banner will automatically be applied (and later replaced with your 'default' banner). This FAQ shows… [ Learn More ]

The YouTube banner is the large image towards the top of your YouTube channel. Yabber provides a facility to update this banner, and this FAQ will show you how this is accomplished. Another FAQ will show you how to seasonally alter the banner so it updates automatically on the basis of scheduled dates. For… [ Learn More ]

In this FAQ we'll provide the basic shortcode necessary to return a video modal to your page. There are two methods for returning a video modal: a Yabber modal, and a full screen modal, with the former preferred because it is fully tracked and integrated with the Conditional Framework.

Modal Module Overview

Your website… [ Learn More ]

A YouTube Playlist is simply a collection of related videos. They may be shared as a group of videos on YouTube, or as it applies to your website, you may selectively include related videos in panels, video sliders, or in lists. Yabber provides a full-featured section to create, manage, and update playlists on YouTube (and… [ Learn More ]

Yabber provides a large number of ways in which to send videos to Social, although it's more likely that you'll use the Outlook-based Vista Social Calendar, or Instagratify tools more often than any other, and both of these these tools will optionally applying a watermark, a heading, a music track, and fade effects.… [ Learn More ]

Given its importance, this FAQ is provided for clarification on how to ensure that Instagram videos are sent to YouTube via the Instagratify tool. If you haven't already, you should review 'general' the FAQ on Instagratify, and another on Sending Video to Social Media with Instagratify. The reason a user might get confused… [ Learn More ]

The YouTube module is very extensive and permits a vast array of functions. This FAQ will show you how to change a featured 'Thumbnail' image for a YouTube video. For the purpose of the FAQ we'll assign a new Thumbnail to one of our boring videos.

Google Connectivity

Using the extensive YouTube module requires that… [ Learn More ]

The bmyt shortcode is now the primary method to render YouTube videos on your website. You should note that most video assignments on pages, FAQs, archive pages, and various other locations, are all managed via a point-and-click process, so the inclusion of videos other than these default 'hooked' locations requires use of the Elementor widget… [ Learn More ]

The 'Related Videos' panel will return a an accordion populated with related video modal links. The Relates Videos are managed in Yabber, so changes to the panel will be made on your website wherever the related series is shown. In order to use this tool, you must first connect YouTube and/or Wistia (YouTube is… [ Learn More ]

  Related FAQs

BM FAQ Yabber Website

How to Use the Blockquote Shortcode

The blockquote HTML element indicates that the enclosed text is an extended quotation – usually sourced from an external source. Our blockquote shortcode supports the

Share this FAQ

Share on Facebook
Share on Twitter
Share on Linkdin
Share on Pinterest

■ ■ ■

 
Download our complimentary 650-page guide on marketing for mortgage brokers. We'll show you exactly how we generate billions in volume for our clients.
Finance Guide, Cropped Top and Bottom
  Timezone: 1 · [ CHANGE ]