Would you like to embed a YouTube live stream on your WordPress site?
By using live streams, you can keep users on your website for longer.
However, adding live streams from YouTube to your website can be difficult – especially if you do it manually.
Before we get started, let’s see how YouTube live videos can help your business.
Why Embed YouTube Live Streams on WordPress?
Embedding YouTube Live Streams on WordPress is an excellent way to enhance your website’s content quality while also engaging with your audience. Videos are one of the most powerful mediums for delivering information and keeping viewers engaged.
By embedding a live stream on your WordPress site, you can give visitors access to real-time events, such as product launches or webinars, without forcing them to leave your site and go elsewhere.
Additionally, if you’re looking to monetize your website through ads or sponsorships, incorporating video streams onto your site can help boost engagement metrics that advertisers value highly – such as time spent viewing pages or interaction rates.
Embedding also gives more flexibility for sharing videos across social media platforms by making it simple and easy to share sub-sections of the video in just a few clicks without redirecting to another platform.
Embedding a YouTube live stream in WordPress
Using Smash Balloon’s YouTube Feed Pro plugin, you can embed a YouTube live stream easily.
With this plugin, you can embed YouTube videos and live streams on your website.
Note: There is also a free version of YouTube Feed, but it does not support Live Streaming.
To Activate the plugin visit the Youtube Feed » Settings page from the admin sidebar. Here you need to enter the license key and click on ‘Activate’.On Smash Balloon’s website, you can get the license key from your Accounts page.
In the WordPress admin sidebar, click YouTube Feeds » All Feeds.
Click the ‘Add New’ button at the top to begin.
Upon clicking this, the ‘Select Feed Type’ prompt will appear.
The next step is to select the ‘Live Streams’ option and then click the ‘Next’ button.
The next step is to connect YouTube Feed Pro with your YouTube account. Your YouTube API key will be required.
Copy and paste your API key into the ‘Enter API Key’ box and click ‘Add’
Get a YouTube API key
- Sign in to the Google Cloud Console using your Google account if you do not yet have an API key.
- At the top of the page, click on the ‘Select a project’ button.
- The popup window will display all the projects you have created.
- At the top, click on ‘New Project’.
- You will be taken to the ‘New Project’ page, where you can name your project anything you want.
- In the next step, you will need to select an ‘Organization’ and its location from the dropdown menu. You can select ‘No Organization’ and click ‘Create’.
- You will be taken to the project dashboard once the project has been created.
- Click on the ‘+ Enable APIs And Services’ button in the top menu.
- This will take you to the API Library page, where you can create APIs for different Google services.
- Proceed and search for ‘YouTube Data API v3’.
- Click on the ‘YouTube Data API v3’ result once it appears.
- To activate the YouTube API key, click on the ‘Enable’ button on the new page.
- The ‘API/Service Details’ page will now appear.
- Simply click the ‘Create Credentials’ button at the top.
- On the next page, you must check the box next to ‘Public Data’.
- Click the ‘Next’ button to create your API.
- You will now see your API Key displayed on the page.
- Copy the API key and click on ‘Done’.
- The next step is to revisit the WordPress dashboard.
- Click on the ‘Add’ button after pasting the API key into the API Key Required box.
You will be redirected to the ‘Select Feed Type’ page after adding your YouTube API key.
Click on the ‘Live Stream’, followed by the ‘ Next’ button.
It will open the ‘Add Channel ID For Live Stream’ page.
Go to the YouTube channel that contains your live-stream videos now.
In the URL at the top, copy the text after ‘/channel/’ or ‘/user/’.
Paste the code into the ‘Add Channel ID for Livestream’ box in the WordPress dashboard.
To connect your YouTube channel with WordPress, click the ‘Connect’ button.
The next step is to click on the ‘Next’ button once the channel is connected.
Once your YouTube live stream feed has been created, you can customize it using Smash Balloon’s YouTube Feed Pro.
On the ‘Start with a template’ page, you can select from Default, Carousel, Cards, List, Gallery, and Grid templates.
Click on the ‘Next’ button after making your choice.
An editing screen will appear after you select a template, showing a preview of your YouTube feed on the right and customization options on the left.
Start by expanding the ‘Feed Layout’ panel.
You can switch between the layouts on this screen.
Depending on the layout you choose, you may also be able to configure additional settings.
Click on the ‘Color Scheme’ panel next.
For the video feed, YouTube Feed Pro uses the same color scheme as your WordPress theme.
Select the ‘Custom’ option and then use the controls to change the background, text, and link colors.
You can add a header to your YouTube feed by visiting the ‘Header’ panel and toggling the ‘Enable’ switch.
Additionally, you can choose between standard and text header styles. The ‘Text’ option allows you to adjust the font size and color.
In the ‘Videos’ panel, you can also customize the appearance of the video player.
The ‘Video Style’ settings panel allows you to customize the video layout and individual properties.
The video layout, background color, and border can be selected here.
Open the ‘Edit Individual Elements’ panel. Here, check the boxes next to the elements you want to display along with the YouTube live stream.
Play icons, video titles, live stream countdowns, descriptions, and more can be shown or hidden.
In the ‘Hover State’ setting, you can choose the elements that will appear when the user hovers over the YouTube video.
Video titles, descriptions, dates, views, and more can all be selected.
Visit the ‘Video Player Experience’ panel after that.
Here you can adjust the aspect ratio of the video player. You can also choose whether the video will start automatically or wait until the visitor clicks play.
Switch to the ‘Load More Button’ panel after customizing the individual video elements.
In the ‘Load More Button’ setting, you can toggle the toggle to ‘Enable’ to display more video suggestions after the live stream has ended.
In the left panel, you can also select the background color, hover state, and text.
To activate the YouTube subscribe button, switch to the ‘Subscribe Button’ panel and toggle the switch to ‘Enable’.
In the settings, you can also change the button’s color, text, and hover state.
By clicking on the different buttons in the upper-right corner, you can preview how the YouTube live feed will look on desktop computers, tablets, and smartphones once you have customized it.
You can save your changes by clicking the ‘Save’ button at the top.
To embed your YouTube live feed on a WordPress page, click on the ‘Embed’ button at the top of the page.
To continue, click on ‘Add to a Page’ on the ‘Embed Feed’ prompt.
Your website’s WordPress pages will now appear in the popup.
By clicking the ‘Add’ button, you can embed the YouTube live stream on any page.
The block editor will now open up on the page you selected.
Click on the ‘Add Block’ button in the top left corner and search for the ‘Feeds for YouTube’ block.
By clicking on the block, you can add it to your page.
Make sure you click the ‘Update’ or ‘Publish’ button to save your changes.
On our demo website, this is how the YouTube live feed looks.
As a widget, you can also add a YouTube live feed to the WordPress sidebar.
From the admin sidebar, click Appearance » Widgets.
Click on the ‘Add Block’ button in the top left corner of the screen and locate the ‘Feeds.
To add the block to the widget area, click on it.
To save your changes, click on the ‘Update’ button.
On our demo website, this is how the YouTube live feed looks.
You can use this method if you are using a block-based theme.
To launch the site editor, go to the Appearance » Editor page in the admin sidebar.
Click on the ‘Add Block (+)’ button at the top and look for the ‘Feeds for YouTube’ block.
The block can now be dragged and dropped wherever you want the YouTube feed to appear.
Click on the ‘Save’ button once you’re done.
Conclusion
Embedding YouTube live streams on your WordPress site is a great way to give your viewers an interactive experience and increase the reach of your content. By following these simple steps, you can easily embed a live stream from YouTube directly onto your WordPress site. This will allow visitors to watch your videos as they happen, without having to wait for them to upload or save the file to their computer. Not only does this provide a more engaging experience for your viewers, but it also allows you to gather feedback and interact with them in real-time. If you want to maximize the reach of your content, embedding live streams from YouTube is a great way to do it!
Leave feedback about this