facebook pixel
Embed youtube feed plugin

YouTube videos are becoming an essential part of businesses’ marketing strategy and using tools to reach more viewers can be crucial for success.

One of the ways to increase your YouTube audience is by showing them on your website.

And if you need a solution on how to embed your YouTube channel on your website, you’ve come to the right place.

In this article:

Options to embed YouTube channel

There are two general options on how you can embed your YouTube channel:

  1. Manual: Copy/paste each video embed code provided by YouTube
  2. Automatic: Use a third-party tool or plugin that has direct integration with YouTube to fetch, and sync the entire YouTube Channel with your website

If you choose the first option, just follow these steps:

  1. Go to each video on your YouTube channel and click on the ‘Share’ option located below the video (as shown on the screenshot)
  2. Click on the ‘Embed‘ option
  3. Copy the provided code
  4. Paste the code in a separate page on your website
embed youtube code

You can repeat this for each video you want to embed.

By doing this, you can have all your YouTube videos displayed on a website page.

If you are a web developer you can make this page look in a grid layout that is similar to the YouTube channel page.

But, this option is more for websites.

As for brands or agencies, saving time is crucial and making sure all videos are sync properly has an option to do this with third-party tools, such as EmbedFeed.

Continue, reading to find out how to use EmbedFeed for building professional web pages with your social media and YouTube video content.

Features for YouTube Videos 

EmbedFeed is a social media aggregator, that as an addition to its features, provides YouTube API integration.

Having this permission, it allows you to generate the YouTube videos posted on your channel and with one line of code to display a professional video feed on your website.

At the moment, the platform provides advanced moderation settings in the feed builder and a variety of layouts and widgets, such as:

  • YouTube carousel widget
  • YouTube slider widget
  • YouTube slideshow widget
  • YouTubeslideshow widget without thumbnails
  • YouTube slideshow widget with vertical thumbnails
  • YouTube Feed (4 different widgets)
  • YouTube masonry widget
  • YouTube grid widget

So, if you want to embed a YouTube channel widget, just follow the steps explained in the next section.

5 easy steps to embed YouTube channel

Before you start, log in to the EmbedFeed platform

Important: If you are not here yet, register for a free trial and you are ready to go. Once you have an account in the platform, just follow the steps below:

Step 1: First, open your EmbedFeed account

Step 2: From the options below, go to ‘Sources and click ‘Add new source

add youtube source

Step 3: A window with social media networks will open up. Select ‘YouTube‘ and click ‘Next’

choose youtube source

Step 4: Choose the type of media you want to import – in this case ‘YouTube channel

Step 5: Once you click on it, enter the YouTube channel link in the input filed

add youtube channel link

As you can see, there are 2 options to enter YouTube channel link (I will use EmbedSocial URL as an example):

Option 1: Copy and add the home URL of the channel

(E.g. https://www.youtube.com/channel/UCAKeTj4MAHgXztgwypCYg7A)

Option 2: Add a YouTube channel by username

(E.g. https://www.youtube.com/embedsocial)

Step 6: If the media is successfully imported, you will notice the message shown below. Go to ‘Create Feed‘.

step create youtube feed

Once the system creates your YouTube fed widget, you will see a code (located at the top right corner, as shown in the screenshot below).

embed youtube widget code

Great work! You now have the necessary code to embed your YouTube widget on your website.

Just, copy and paste the code into your HTML code or in your Website builder.

Note: You can copy the javascript code or you can use the shortcode below the box if you use WordPress.

But before display, your YouTube channel on your website, you can take some time to enhance the design and the layout of the feed. Check some of the customization options available in the Settings panel.

Customize your YouTube Feed

Scroll down to General settings and modify your YouTube Feed.

Play around with the following options:

  • Change feed title
  • Allow new media to be added automatically
  • Modify the posts type
  • Order videos by date (oldest or newest first)
  • Allow posts to link with Social Media or not
  • Change the layout of the feed
  • Use CSS editor to design a custom feed style 
customize youtube widget

Tip: EmbedFeed provides options to add a custom ‘Buy’ button in the YouTube feed posts. So, when a visitor clicks on it, they can be navigated to the page where they can buy the selected product.

How great is that, right?

Embed YouTube Channel on different platforms 

Let’s go back to the code part.

The code is now in your clipboard, ready to be pasted into your website.

This action depends on the platform you want to embed the code in.

In other words, you have 2 options:

  1. Insert your YouTube generated code directly in HTML code
  2. Insert your code in a web platform

Follow these 4 steps to insert YouTube generated code in HTML code:

  1. Open your website code
  2. Select the place where you want your YouTube channel to appear and paste the EmbedSocial’s code there (inside the <body> tag)
  3. Once that is done, save your code
  4. Refresh your browser and you will see your YouTube feed
embed youtube code in html

Well done! Now your visitors can explore your YouTube channel without leaving your site.

Follow these steps to insert YouTube generated code your web platform:

Important: Take a breath… EmbedSocial integrates and works with all platforms that provide an option to embed third-party iframes or javascript codes. WordPress, Squarespace, PageCloud, Joomla, Wix, Weebly, Shopify, Magento, OpenCart are some of the most used content management platforms and web builders that are part of our portfolio. 

Let’s take WordPress and Squarespace as an example.

To embed YouTube channel code in WordPress:

  1. Login to your WordPress website and open the page where you want to display your YouTube feed
  2. Select the area of the editor where you want to add the code and click on the + icon to add an HTML bock
  3. Select Custom HTML block and paste the code in the input field
  4. Click ‘Update‘ (or preview) and you can see your embedded YouTube channel
embed youtube in wordpress

Note for use of a shortcode: If you want to use a shortcode, just follow the same steps and instead of Custom HTML choose the Shortcode block where you can paste the provided shortcode (located just below the main javascript of your YouTube feed widget).

In case your final destination is Squarespace, follow the steps:

  1. Open your Squarespace account
  2. Navigate to My sites and click on the website where you want to display the YouTube Channel
  3. When the config screen opens, on the left side menu click ‘Pages‘ and open the page you want to edit
  4. At the top right in the dark header of the block section, just click the plus + button
  5. A box with options will show up. Click the </> (embed) symbol
  6. A popup will appear where you will need to click the code icon
  7. In the blank code space, just paste our code here
  8. Click ‘Set to’ complete this action
  9. Don’t forget to click ‘Save

Do more with web-based YouTube channel​​​​​​​

  • Every time you add videos to your YouTube channel, your videos will be automatically added (auto sync) on your website
  • You always have the control to choose which videos appear on your website
  • You can combine feeds from multiple YouTube channels (you will only need the channel URL and our system will do the rest of connecting with YouTube’s API and generating the videos)

With these unique YouTube widget options, we promise you that you will stand out from your competitors and offer a more unique experience for your users.

Before you go…

Here are 3 great reasons why you should continue to sync your YouTube channel on your website:

  • Keeps people to stay longer on your website (you offer them hand-picked and more relevant content)
  • Any new visitor is a prospective subscriber to your YouTube channel
  • Perfect opportunity to show user-generated videos

Don’t be shy. Ask for help.

We are all learning at different speeds. And that is okay.

So, if you need more help, here is a video for detailed instructions. Just click the play button below and our amazing Customer Success team will guide you through the process.

You deserve your visitors to enjoy your website. And creating YouTube videos is just half of the battle. 

To go a step further, you can try our latest YouTube widget and embed a YouTube playlist on your website

Happy embedding! 🙂

Avatar for Dance Azmanova
Dance Azmanova

Dance is the Content Marketing Manager at EmbedSocial, responsible for planning, creating, and sharing valuable content about social media marketing, and online reputation.