Looking for a way to embed YouTube live streams on Elementor?
Guess what – you’re not alone! Showing live videos on Elementor can be a great way of making your website more engaging.
But manually embedding YouTube live streams means dealing with a lot of complicated code.
The solution? We’ll show you the simplest way to embed your YouTube live stream on Elementor websites.
Here’s what our tutorial will cover. You can simply click on a section below to skip ahead.
- Why embed your YouTube live stream on Elementor?
- Easiest way to Add YouTube Live Streams to Elementor
- How to embed YouTube live streams on Elementor site
Why Embed Your YouTube Live Stream on Elementor?
From its drag-and-drop builder, you can design beautiful pages and configure them with ease.
But if you want a simple way to make your Elementor site even more engaging, you can simply embed a YouTube live stream.
That way, you can keep people interested in your site for much longer with long-form video content.
And that’s just the start! Here are a few more ways you can use YouTube live streams for your website:
- You can show YouTube live streams for important news and announcements and reach tons of people with ease
- By embedding your live streams, you can get tons of new viewers and subscribers to grow your YouTube channel
- Since live streams let you interact with viewers in real-time, you can build relationships with your visitors and convert them into dedicated customers
- Using your live streams, you can show positive reviews and testimonials of your products. With this social proof, you can get more sales on your website.
- And much more…
As you can see, there are tons of ways you can start growing your brand by showing YouTube live streams on your Elementor website.
With that, let’s look at the simplest way of embedding YouTube content on WordPress sites.
Easiest Way to Add YouTube Live Streams to Elementor
When it comes to embedding YouTube videos on your website, the best option is the use the YouTube Feed Pro plugin.
In just a few simple clicks, YouTube Feed Pro lets you display videos from YouTube playlists, channels, live streams, favorites lists, and much more.
All you have to do is follow the plugin’s simple 3-step guided flow, and you can create, customize, and embed feeds on your site — no HTML, CSS, iFrame, or any kind of embed code.
On top of that, YouTube Feed Pro is perfectly compatible with Elementor as well. So, you can display engaging YouTube videos and live streams in just minutes!
Plus, you get a lot of control over the design of your YouTube feeds. From the visual customizer, you can change the design of your embedded videos in just a few simple clicks.
YouTube Feed Pro was also designed from the ground up to be lightning-fast. You can embed as many videos as you want, and your website will load as fast as ever.
Since a faster website also means much better SEO, you can reach even more customers from search engine results.
All in all, YouTube Feed Pro is easily the best YouTube feed plugin in the market.
Ready to embed YouTube live streams? Grab your copy of YouTube Feed Pro today!
Now, let’s go ahead and see how to use this plugin and embed YouTube videos.
How to Embed YouTube Live Streams on Elementor Site
Below, we’ve listed the simple steps you can follow to embed YouTube live streams on your Elementor WordPress site.
Let’s get started!
Step 1: Install YouTube Feed Pro
To get started, go and grab your copy of the YouTube Feed Pro plugin here. Next, install and activate the plugin on your WordPress website.
If you need a quick refresher on how to do that, you can check out this guide on how to install WordPress plugins.
After your plugin is ready, it’s time for step 2 where you create a new feed of YouTube videos.
Step 2: Create a YouTube Live Feed
Using the guided flow, you can now create a new feed for your YouTube live streams.
First, open your WordPress dashboard and then click on the YouTube Feed » All Feeds menu.
On the new page, click on the Add New button at the top.
YouTube Feed Pro will now let you choose which type of YouTube feed you want to create.
On top of YouTube live streams, you can choose to import channels, playlists, favorites list, and more.
To continue, select the Live Streams option from the list and then click on the Next button.
Just like that, you’ve created a YouTube feed for your live streams. In the next step, you can connect your feed to a YouTube account.
Step 3: Connect Your YouTube Account
Since you’ve created your YouTube feed, you can connect it to your account so it can display live streams on your site.
To do that, you can simply enter a YouTube API Key.
Don’t have your API key yet? You can just follow this step-by-step guide on creating your YouTube API Key.
Finally, paste the YouTube API key into your popup before clicking on the Add button.
You can now select which live streams you’d like to embed on your Elementor website. For that, open your YouTube channel and then check the URL at the top.
There, copy the code after “/channel/” or “/user/” at the end of the URL.
Next, return to your website once more and paste the code into Add Channel ID for Livestream field.
Finally, you can click on the Next button to connect your live streams.
Since the plugin is super user-friendly, your YouTube live feed will now automatically copy the design of your website.
On top of that, you can control the design of your website in the next step.
Step 4: Customize Your YouTube Live Streams
To help you quickly choose engaging designs for your YouTube live streams, the plugin has pre-designed templates that you can import:
- Latest video
- Showcase carousel
Select a template that you prefer before clicking on the Next button.
Clicking on that will open YouTube Feed Pro’s visual customizer so you can personalize how your live streams look.
On the left, you can find the options to select your feed layout, color scheme, header, load more buttons, and more.
Whenever you make any changes, the live preview on the right will show your changes in real time.
From here, you can start customizing your YouTube live streams in a few simple clicks.
To get started, select the Feed Layout option.
You can now choose from 4 different layouts for your YouTube videos:
Let’s look at these layouts below:
If you want to embed lots of YouTube videos at once, you can select the grid layout.
Your YouTube videos will appear in different rows and columns that way.
Next, you have the YouTube gallery layout, which will show a large video player and small thumbnails underneath.
It’s a great way to highlight your current live stream and get tons of new viewers.
Another great layout that you can choose is the list option.
You can show YouTube videos in a single column that way so each video is clearly visible.
Finally, you have the carousel layout that shows live streams in a YouTube slideshow.
With this interactive slider, you’ll have an easy time engaging your visitors.
To confirm your new layout, click on the Save button at the top.
You can also click on Customize to continue personalizing your YouTube live streams.
You can also customize how the header above your YouTube live feed looks.
For that, just select the Header option on the left.
At the top, you can find the option to Enable or Disable your header.
Once you enable your YouTube header, you can choose from 2 header styles:
- Standard: Display your channel name, icon, subscriber count, and more
- Text: Write a custom header to show at the top of your YouTube feed
Remember to click on the Save button at the end to confirm your new header.
As you can see, YouTube Feed Pro lets you customize your color scheme, load more button, filters, and much more with ease. All you have to do is use the remaining options on the visual customizer.
Don’t forget to click on the Save button once you’re happy with your YouTube feed.
Finally, you can use the plugin to embed YouTube live streams on your Elementor site in step 5.
Step 5: Add Your Instagram Feed to Elementor
Once you’re done customizing, it’s time to add your YouTube live streams to Elementor. And you can do that right from your visual customizer — no HTML code needed.
On top of Elementor, you can even embed YouTube videos using the Gutenberg block editor or the classic editor.
Ready to get started? First, click on the Embed button at the top.
Doing that will open the embed options for your YouTube feed. You can embed it on a page, sidebar, or footer directly from here.
For now, click on the Copy button to copy your shortcode.
Next, you can insert this shortcode into an Elementor page or post.
To use a WordPress page, navigate to the Pages » Add New menu from your dashboard and then click on Edit with Elementor.
Want to use a post instead?
For that, open the Posts » Add New menu from your dashboard. Once you’ve done that, just select Edit with Elementor.
For our example, we’ll go ahead and use an Elementor page.
Now that you’ve opened the Elementor editor, you can find all the Elementor widgets on the left.
Using the search bar at the top, you can now look for the “shortcode” widget.
You’ll then see the Shortcode widget in the search results below.
To continue, drag the widget from the left and then drop it on the page.
Finally, paste the shortcode that you copied earlier into the Enter your shortcode field.
Doing that will embed your YouTube live-stream videos on the right.
To save your new YouTube live feed, click on the Publish button on the bottom left.
Just like that, you have a feed of YouTube live streams on your Elementor website. And with this YouTube WordPress plugin, you can have beautiful YouTube feeds in just minutes.
And that’s it!
Now you know how to embed YouTube live streams on Elementor websites the easy way. Just like that, you can boost your views, engage your visitors, grow your YouTube channel, and much more.
All you need is the YouTube Feed Pro plugin, and you’ll have an easy time embedding all kinds of YouTube content. The best part? You can do all that with absolutely no coding at all!
Ready to embed YouTube live streams on Elementor? Get YouTube Feed Pro today!
Want to grow your YouTube channel easily? You can look at this guide on how to embed YouTube channel on your website.