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 your YouTube Channel
- Steps to Embed your YouTube Feed
- Customize your YouTube Feed
- Embed YouTube feed on different platforms
- Do more with web-based YouTube channel
Options to embed YouTube channel
There are two general options on how you can embed your YouTube channel:
- Manual: Copy/paste each video embed code provided by Youtube
- 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:
- Go to each video on your YouTube channel and click on the ‘Share’ option located below the video (as shown on the screenshot)
- Click on the ‘Embed‘ option
- Copy the provided code
- Paste the code in a separate page on your website
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
- Youtube slideshow 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.
3 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‘
Step 3: A window with social media networks will open up. Select ‘YouTube‘ and click ‘Next’
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
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
Option 2: Add a YouTube channel by username
Step 6: If the media is successfully imported, you will notice the message shown below. Go to ‘Create 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).
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.
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
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:
- Insert your YouTube generated code directly in HTML code
- Insert your code in a web platform
Follow these 4 steps to insert YouTube generated code in HTML code:
- Open your website code
- Select the place where you want your Youtube channel to appear and paste the EmbedSocial’s code there (inside the <body> tag)
- Once that is done, save your code
- Refresh your browser and you will see your Youtube feed
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:
Let’s take WordPress and Squarespace as an example.
To embed Youtube channel code in WordPress:
- Login to your WordPress website and open the page where you want to display your Youtube feed
- Select the area of the editor where you want to add the code and click on the + icon to add an HTML bock
- Select Custom HTML block and paste the code in the input field
- Click ‘Update‘ (or preview) and you can see your embedded Youtube channel
In case your final destination is Squarespace, follow the steps:
- Open your Squarespace account
- Navigate to My sites and click on the website where you want to display the YouTube Channel
- When the config screen opens, on the left side menu click ‘Pages‘ and open the page you want to edit
- At the top right in the dark header of the block section, just click the plus + button
- A box with options will show up. Click the </> (embed) symbol
- A popup will appear where you will need to click the code icon
- In the blank code space, just paste our code here
- Click ‘Set to’ complete this action
- 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! 🙂