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 “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 Shortcodes
The WpStream Plugin uses the following shortcodes:
- WpStream Player
- WpStream Products List
1. WpStream Player
To add the WpStream 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="Add here the live stream id or the video id" ][/wpstream_player]
Once you add this code to your page, you will have to replace “add here the live stream ID or Video ID“ with the ID of your channel or video product.
To add this shortcode with WpBakery, simply search for the shortcode in the library:
After adding the shortcode, you will have to add your live stream or video ID, and then save changes:
Finding the ID of a VOD or 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:
Video On Demand
You can find the ID of a VOD by simply checking the URL of your product, as shown below:
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.
2. WpStream Products List
Adding the WpStream Products List shortcode can be done in two different ways; You can add the shortcode by looking it up in the library after editing the page with WpBakery or you can add the code manually into a post or page. Here is the code you need to add to the text version of your page:
[wpstream_list_products media_number="No of media" product_type="Free Live Channel or Free Video"][/wpstream_list_products]
You will have to replace “No of media“ with the number of media cards you want to display in total. Keep in mind that there are 4 media cards per row. For the product type you will have to pick one option between “Free Video“ and “Free Live Channel“.
Adding the WpStream Products List shortcode from WpBakery is quite simple – edit your page with WpBakery and then click the “+“ icon to add a new shortcode before searching for WpStream Products List.
After adding the shortcode, you will have to select how many media boxes you want to display and if these should be Free Channels or Free Videos. After making your options, click “Save changes“.
WpStream Theme Shortcodes
The WpStream Theme comes with a multitude of shortcodes which allow website owners to build stunning pages for their streams or video products. Let’s create a new page and edit it with WpBakery. Here is the first thing you will see, the WpStream Theme shortcodes:
- Recent Items Slider
- Recent Items
- Featured Product
- Featured Article
- List Items by ID
- Category Slider
- Display Categories
- Login Form
- Register Form
Recent Items Slider
To add the Recent Items Slider, click on the “+“ Icon and then search for “recent items“.
You have the option of adding a title for your recent items slider, as well as the option to select which types of items to display – products, free products or articles. Once you have made your selection, click “save changes“.
The Recent Items shortcode is similar to the slider and adding one to your page is done much in the same way. Search for “recent items“ in your element library and you will find the shortcode:
You also have the option of adding a title for your recent items shortcode, as well as other details such as what types of items to display. You will have to choose between articles, free products and products. Once you have made your selection, click on “save changes“ and the shortcode will be displayed on the page you just edited.
Adding the Featured Product shortcode can be done by clicking on the “+“ icon. You can search for the shortcode to make it easier.
You can customize this shortcode further by adding a product ID, selecting the design type that you want and adding a featured image for the product. You can also modify the total pixel height of your featured products section, when using “design type 1“.
The Featured Article shortcode is somewhat similar to the Featured Product shortcode, and adding one to your page is done similarly. Let’s look up this shortcode in our library.
After adding the Featured Article shortcode you will have to type the name of the article you want to display and pick between two distinct design types – 1 and 2.
List Items by ID
The List Items by ID shortcode can be used to feature paid products, free products as well as articles. Look up the shortcode’s name and add it to your page.
After adding the shortcode to your page, there are a couple of settings that you need to make. For example, you can add a title for this section of the page. You can also choose between displaying free products, paid products or articles. You are also able to display certain products or articles by adding their IDs, separated by commas.
The shortcode also allows you to set the number of items you want displayed in the section, as well as the number of items per row. Linking to global listing is also an option.
The Category Slider is a simple shortcode used to feature different types of videos or products. Search for the shortcode name in the library and add it to any page.
After adding the shortcode to your page, you can type the categories you want to display, as well as the number of items you want to display. After making your selection, click “Save Changes“.
The Display Categories shortcode is similar to Category Slider, but the overall design is somewhat different. Search for the shortcode in your library and add it to your page.
After adding the shortcode to your page, you have to type the category which you want to feature. You can also add a status text label to further promote your videos.
There are two design types available, by selecting the Display Category Type (1 or 2). The height of this page segment can also be set in pixels.
Once you are satisfied with your options, click “Save Changes“.
To add a Login Form to your page, look up the login form shortcode in the shortcode library.
Adding details to this shortcode is not necessary, and you can leave it as is. You only need to click on “save changes“ and the page will display a login form.
To add a Register Form to any of your pages, click on the “+“ icon and look up the Register Form shortcode.
This shortcode does not require any additional options or settings, all you need to do is click on “save changes“ and the page will display a register form.
With the WpStream Theme and the WpStream Plugin you can build an effective and professional looking streaming website, even without prior technical experience. The use of shortcodes makes it easier than ever to build landing pages, homepages as well as product pages for your online business.