How to Add Your Instagram Feed to Elementor (In 5 Minutes)
Home Blog How to Embed Your YouTube Live Stream to Elementor (In 5 Minutes)

How to Embed Your YouTube Live Stream to Elementor (In 5 Minutes)

how to embed your youtube live stream to elementor

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?

add instagram feed to elementor homepage

As a popular page builder for WordPress, lots of people are using Elementor to create websites without any coding.

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.

youtube feed pro plugin smash balloon

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.

youtube guided flow example

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.

live feed editor youtube

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.

add new youtube feed.

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.

pick live streams feed type youtube feed pro

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.

add api key youtube

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.

copy your channel id youtube

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.

add your youtube channel as the source

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:

  • Default
  • Carousel
  • Cards
  • List
  • Gallery
  • Latest video
  • Showcase carousel
  • Widget

Select a template that you prefer before clicking on the Next button.

pick a feed template youtube feed pro

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.

live feed editor add youtube live streaming video to website

From here, you can start customizing your YouTube live streams in a few simple clicks.

To get started, select the Feed Layout option.

open feed layout options live streaming youtube video

You can now choose from 4 different layouts for your YouTube videos:

  • Grid
  • Gallery
  • List
  • Carousel

Let’s look at these layouts below:

layout options youtube live streaming video

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.

grid layout youtube feed example

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.

gallery layout youtube feed pro

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.

list layout for youtube

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.

carousel layout youtube feed pro

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.

return to customization options youtube feed pro

You can also customize how the header above your YouTube live feed looks.

For that, just select the Header option on the left.

open header options for youtube feed pro

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
live feed editor choose your header

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.

embed your youtube feed

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.

embed your shortcode in youtube

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.

create new wordpress page

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.

create new wordpress post

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.

shortcode widget for elementor

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.

shortcode block for elementor

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.

insert youtube shortcode

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.

example youtube live stream on elementor

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.

If this article helped you out, follow us on Twitter and Facebook, and stay tuned for more social media marketing tips and tricks.

author avatar
Sajjan Sharma Senior Writer
Sajjan has been writing about WordPress, social media marketing, and online businesses for over 10 years. His professional interests extend to include influencer marketing, content curation and digital marketing strategies.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.