WpStream Blocks, Widgets, and Shortcodes

wpstream shortcodes, widgets, and blocks

Blocks, Widgets, and Shortcodes – Last Modified: June 23rd 2022

If you ever worked with WordPress and different page builders such as WpBakery, you know that most professional themes and plugins offer the use of different Blocks, Widgets, and Shortcodes. A shortcode is  basically a small piece of code which can be added onto a WordPress page or post to offer different functionality.

 

WpStream Plugin Blocks, Widgets, and Shortcodes

The WpStream Plugin uses the following Blocks, Widgets, and Shortcodes:

  1. Video Player
  2. List of Live Events
    -Elementor
    -WPBakery
  3. List of VODs
    -Elementor
    -WPBakery

WpStream Player Blocks, Widgets, and Shortcodes

Blocks Widgets and Shortcodes

To add the Player shortcode to any page, you have two main options – You can edit your page with WpBakery and then search for the shortcode. Or you can add the text code manually into a page or post. Here is the code you need to add for reference:

[wpstream_player id="1234" ][/wpstream_player]

Once you add this code to your page, you will have to replace “1234” with the ID of your channel or video product.

To add this shortcode with WpBakery, simply search for the shortcode in the library:

Player block

After adding the shortcode, you will have to add your live stream or video ID, and then save changes:

Channel ID

Finding the ID of a VOD or Live Channel 

Live Channel

You can get your Live Channel ID by going to your WordPress dashboard, clicking on the WpStream Plugin options and then “WpStream Channels”. Each Live Channel you create has a separate ID that you will find under the title of the channel. To find out how to go live, check out this article.

Channel ID for WpStream Player shortcode

Video On Demand

You can find the ID of a VOD by simply checking the URL of your product, as shown below:

VOD Player

To find the ID quickly, we need to look in our URL for the number after “post=”. In our example, the ID of our free video is 262.

List of Live Events (Blocks, Widgets, and Shortcodes)

Elementor

Before you get started, you will need to have a few channels, either active or inactive. Make sure you check out how you can create free channels or pay-per-view channels.

You may also check out the video tutorial at the end of this section.

Once you have your channels set up, go to the page you wish to add the list of live events and click on ‘edit with Elementor’ at the top of the page. Next, look up ‘WpStream Channel List’ and drag the widget to the ‘+’ (where you want the list to be).

Blocks Widgets and Shortcodes

All your channels will be displayed and you can edit this section to:

  • Show free or pay-per-view channels
  • Only show live channels (Active channels ready to go live)
  • Number of items (channels) per page
  • Edit the text under the channel
  • Order by (recent, ASC, DESC)

To add a list of free channels, click on ‘free’, adjust the rest of the settings as you see fit, and save changes.

Live Channel List

You can also add a separate section for the paid channels if you want both free and PPV channels displayed on one page

Live channel list

And that is how you add a list of live events using Elementor.

WPBakery

Before you get started, you will need to have a few channels, either active or inactive. Make sure you check out how you can create free channels or pay-per-view channels.

You may also check out the video tutorial at the end of this section.

Once you have your channels set up, go to the page you wish to add the list of live events and click on ‘edit with WPBakery page builder’ at the top of the page. Next, look up ‘WpStream Channel List’ and click on the block.

WPBakery Element - Live stream

The following block will show up with different options to edit your channel list:

  • Show free or pay-per-view channels
  • Only show live channels (Active channels ready to go live)
  • Number of items (channels) per page
  • Edit the text under the channel
  • Order by (recent, ASC, DESC)

To add a list of free channels, click on ‘free’, adjust the rest of the settings as you see fit, and save changes.

Active channels only

You can follow the same steps above and add another section of ‘paid’ channels (PPV)

WpStream channel list settings

And that is how you add a list of live events using WPBakery page builder.

WpStream List of VODs Blocks, Widgets, and Shortcodes

Elementor

Before you get started, you will need to have a few On-Demand videos. Make sure you check out how you can create a VOD product.

How To Manage Your WPSTREAM VIDEO LIBRARY

You may also check out the video tutorial at the end of this section.

Once you have your products set up, go to the page you wish to add the list of VODs and click on ‘edit with Elementor’ at the top of the page. Next, look up ‘WpStream Video on Demand List’ and drag the widget to the desired section.

The widget will show up with different options to edit your VOD list:

  • Show free or pay-per-view VODs
  • Number of items (channels) per page
  • Edit the text under the video
  • Order by (recent, ASC, DESC)

To add a free video, click on ‘free’, adjust the rest of the settings as you see fit, and save changes.

You can also add a list of paid VODs to another section by following the same steps.

Video on demand list

And that is how you add a list of VODs using Elementor.

WPBakery

Before you get started, you will need to have a few On-Demand videos. Make sure you check out how you can create a VOD product.

How To Manage Your WPSTREAM VIDEO LIBRARY

You may also check out the video tutorial at the end of this section.

Once you have your products set up, go to the page you wish to add the list of VODs and click on ‘edit with WPBakery page builder’ at the top of the page. Next, look up ‘WpStream Video on Demand List’ and click on the block.

List of VODs

The following block will show up with different options to edit your VOD list:

  • Show free or pay-per-view VODs
  • Number of items (channels) per page
  • Edit the text under the video
  • Order by (recent, ASC, DESC)

To add a free video, click on ‘free’, adjust the rest of the settings as you see fit, and save changes.

vod list on page

To add a list of paid VODs, follow the same steps but choose ‘paid’ instead of free

Pay per view VODs

And that is how you add a list of live events using WPBakery.

Video Tutorial on how to add a list of Live Events and VODs using Elementor Page Builder

How To Add a List of ACTIVE LIVE STREAMS And VIDEOS (Elementor)

Video Tutorial on how to add a list of Live Events and VODs using WPBakery Page Builder

How To Add a List of ACTIVE LIVE STREAMS And VIDEOS (WPBakery)
Share