RBA Cash Rate: 4.35% · 1AUD = 0.67 USD · Inflation: 4.1%  
Leading Digital Marketing Experts | 1300 235 433 | Aggregation Enquires Welcome | Book Appointment
Example Interest Rates: Home Loan Variable: 5.20% (5.24%*) • Home Loan Fixed: 5.48% (6.24%*) • Fixed: 5.48% (6.24%*) • Variable: 5.20% (5.24%*) • Investment IO: 5.78% (6.81%*) • Investment PI: 5.49% (6.32%*)

How to Use the Website Video Slider with Elementor and Shortcode

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 is the Video Slider, and this FAQ describes how the Video Slider is used.

  The Result

The result of a example slider is shown below. Virtually all slider attributes may be altered to match your branding. You will note that the presentation is consistent with the Testimonial Slider, Instagram Slider, Post Slider, and other sliders in order to ensure a rationalised presentation on your website.

Video Slider Result

  Pictured: The result of a example slider is shown below. Virtually all slider attributes may be altered to match your branding. You will note that the presentation is consistent with the Testimonial Slider, Instagram Slider, Post Slider, and other sliders in order to ensure a rationalised presentation on your website.

The collection of videos shown in the slider is either a custom list, Yabber list (playlist), or your latest videos.

In order to show a an actual rendering, we'll use shortcode to return the slider shown below. We've used the rather complicated shortcode of [bm_video_slider videos="oybi77tdMGw,4uK6AS7igyI,0IZqXSPRPjw,.."] (using shortcode, a comma delimited list of public YouTube videos registered to Yabber are used). The result isn't ideal in a narrow-width post container but it looks great in a full-page layout. Clicking the title or image will launch a full-screen video modal.

Clicking on the video image launches a video modal. Unlike virtually all features on the broker website, video clicks - with the exception of Wistia videos - are not tracked to the user level.

On your front page, and assuming you choose to use the tool, you might include a row of three videos, or perhaps a single rotating video. In the case of a single 'full size' video, we'll use a fairly complex shortcode of [bm_video_slider videos="0IZqXSPRPjw .." items="1" apply_shadow="0" triangle_left="ffffff" triangle_right="ffffff" video_padding="15" opacity="100" min_height="100" max_height="100" truncate="60" pagination="false" youtube_link_icon="1" margin_above_below="0"]. The result of this confusing markup is as follows:

While it's unlikely you'll use a shortcode, it's nice to know that they're available when required. Virtually any element shown in the slider can be customised, including the ability to show or hide titles (both on and below the image) and descriptions, show or hide meta data, alter styles, and so on.

The video icon can have an overwhelming impact on the style of the page, so three filters are optionally applied to 'dull' the image. In the last example we'll create a slider by adding opacity, sepia (rarely used), and a slight greyscale. The result of [bm_video_slider videos="Na1WHjSo01s .." triangle_left="ff0000" opacity="70" bw="60" min_height="60" max_height="60" tooltip_background="F7941D" include_meta="0"] returns the following:

In the above example we've used opacity="70" and bw="60" to illustrate how image filters are applied.

While shortcode is a powerful tool, the most common usage is via the Elementor block.

  The Elementor Block

Locate the block by searching for 'Video Slider' in Elementor. Drag and drop the block onto your website and then select the appropriate video source. If no further options are defined, the slider will render as shown.

This is important: the Yabber selection is a playlist as created in the 'Related Videos' module - it is not a YouTube or other playlist.

Video Slider Elementor

  Pictured: Locate the block by searching for 'Video Slider' in Elementor. Drag and drop the block onto your website and then select the appropriate video source. If no further options are defined, the slider will render as shown.

The Elementor options are extensive. Let's look at the options that were used to return the slider pictured above.

Video Playlist Elementor Options

  Pictured: Elementor options are extensive. If the options remain untouched, the slider will render as pictured earlier.

The custom list requires that you add individual videos and add them to a list in the order you would like them to be shown. As you would expect, there's no copying and pasting - instead, you select your video from the menu which will show all videos ingested into Yabber via the video automation schedule.

Video Slider Custom List

  Pictured: The custom list requires that you add individual videos and add them to a list in the order you would like them to be shown. As you would expect, there's no copying and pasting - instead, you select your video from the menu which will show all videos ingested into Yabber via the video automation schedule.

In the last example we've selected 'Latest Videos'. We've also increased the number of videos to be returned, altered the size of the thumbnail, removed the description, and altered the colours a little. If you choose, you may remove virtually all the meta and include nothing but the sliding video thumbnail.

Video Slider Latest Videos

  Pictured: In the last example we've selected 'Latest Videos'. We've also increased the number of videos to be returned, altered the size of the thumbnail, removed the description, and altered the colours a little. If you choose, you may remove virtually all the meta and include nothing but the sliding video thumbnail.

Given the ease of using Elementor, it's highly unlikely that you will require shortcode (the attributes required are complex enough to avoid the feature entirely).

As with all Ale mentor blocks, the slider is entirely intuitive to use.

■ ■ ■

  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 FAQs

Share this FAQ

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