How to Embed YouTube Channel on a Website?

Add a YouTube Channel

To Embed YouTube Channel, you need to follow the given steps-

Try Taggbox – Start Your 14 Days Free Trial

Step 1

First, Login or Sign-Up to Taggbox Widget

Taggbox Widget Dashboard

Step 2

You will be redirected to Taggbox Widget Dashboard

Create YouTube feed Widget

Step 3

On the dashboard, click on Add Social Feeds to start adding YouTube feeds on your widget.

Step 4

In the pop-up “Pick a Source”, select Youtube as your source of aggregating feeds:

Choose YouTube to embed videos

Step 5

Here, you will see four methods for adding YouTube feeds which are:

1. Channel URL 

2. Playlist 

3. Keywords

4. Location.

Choose Channel Url: To fetch YouTube videos from a Channel, enter the YouTube channel Url.

embed YouTube channel on HTML Website

Tip: To enable Moderation on the connection select the “Manually approve posts before making them public” checkbox.

Step 6

Then click “Create Feed” button to start aggregating feeds.

Great, the Connection will be created and within a few moments posts will appear in the Widget Editor.

Embed YouTube Channel Feeds on Website

To embed YouTube Channel feeds on your website you need to follow below steps –

Step 1

Click the “PUBLISH” button on the bottom-left of the screen, You can also see the PREVIEW of how your feeds gonna look on different devices.

embed YouTube channel on HTML Website

Step 2

In the “Choose Your Platform” pop-up, select Your Website Platform (Eg: HTML, WordPress, Wix, Squarespace, Shopify or OTHER)

Choose your Website Type

For example:

Embed on HTML Website

Step 1

To embed your YouTube Channel Feeds on HTML website, choose HTML as your website platform.

Choose HTML as website for embedding YouTube feeds

Step 2

Set the width and height of your YouTube Feeds Widget as per your requirements.

Set your HTML widget height and width.

Step 3

Click on Get Code and Copy the generated code and then Paste it into your webpage, where you want to embed YouTube Channel feeds.

Get Code for Embedding YouTube feeds.

Embed on WordPress Website

In the same way, to embed your YouTube Channel on the WordPress website, choose WordPress as your platform.

Then, Set width and height as per your requirements and click on Get Code.

Lastly, COPY the Generated Code.

A. Embed YouTube Channel On WordPress 5.0 Website

Learn here how you embed YouTube Channel On WordPress 5.0 Website

Step 1A

Open the page/post in your WordPress backend where you want to embed the YouTube feeds.

YouTube feed on WordPress website

Step 2A

Select “(+) Add Block” in the top left corner of the WordPress Editor.

Display YouTube feed on WordPress website

Step 3A

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.

Integrate YouTube Feeds on WordPress

Step 4A

Click on Publish/Update post and You’re done.

B. How You Embed YouTube Channel on WordPress Classic Editor

Learn here how you embed YouTube Channel on WordPress Classic Editor

Step 1B

Open the page/post in your WordPress backend where you want to embed the YouTube Channel.

Step 2B

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.

Embed YouTube post on WordPress

Step 3B

Paste the generated embed code where you want to show your widget and click on Update/Publish to save the changes.

Embed on WIX Website

To embed your YouTube Channel widget on the Wix website, choose Wix as your platform.

Set the width and height of your YouTube Feeds Widget as per your requirements.

Then, click on Get Code and Copy the generated code and then Paste it into your webpage, where you want to embed YouTube Channel feeds.

Now follow these steps –

Step 1

Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.

Step 2

Click on “+ Add” Button.

Embedding YouTube channel feed on Wix  Website

Step 3

Click on More and Select Embed a Site.

YouTube channels on Wix Website

Step 4

Check & Copy the “Website Address” under Mode.

Display YouTube channels on wix website

Step 5

Paste the generated URL into the “Website Address” field.

Integrate YouTube channels code

Embed on Squarespace Website

Step 1

To embed your YouTube Channel feeds on the Squarespace website, choose Squarespace as your platform.

Set width and height as per your requirements. Click on Get Code.

Copy the generated Embed Code.

Step 2

On Squarespace, Navigate to the page where you want to embed social Feed Widget.

Step 3

Click on Edit.

Display YouTube channels on Squarespace

Step 4

Click on +Add/Edit Block.

YouTube channels on Squarespace

Step 5

Select Code.

Integrate YouTube channel feeds on Squarespace

Step 6

Paste the Copied code and Click on Apply.

Show YouTube channels on Squarespace

Step 7

Save the page to apply the Changes.

Embed on Weebly Website

Step 1

To embed your YouTube Channel Widget on the Weebly website, choose OTHER as your platform.

Set width and height as per your requirements. Click on Get Code and Copy the generated code.

Step 2

On Weebly Navigate to the page where you want to embed social feed widget.

Step 3

In the left navigation bar click on “Embed Code” and Drop it on the position where you want to display the Widget.

Display YouTube channels on Weebly

Step 4

Click on Edit Custom HTML and Paste the Copied embed code into the editor.

Integrate YouTube channels on Weebly

Step 5

Click Publish to save your changes.

Embed on Shopify Website

Step 1

To embed your YouTube Channel widget on the Shopify website, choose Shopify as your platform.

Set width and height as per your requirements. Click on Get Code and Copy the generated code.

Shopify gives you the option to embed your YouTube Channel either on default Pages or New Pages or Blog Posts. So the steps for the following are as follows:

Default Pages

Follow these steps for Default Pages:

Step 1

Login to your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step 2

Click on Customize button.

add YouTube channels on shopify Website

Step 3

Then Navigate to left side of the page and click on Custom Content.

add YouTube channels on shopify

Step 4

Then click on Custom HTML and paste the Copied code and Click on Save.

add YouTube channels on shopify Website

New Pages

Follow these steps for new pages:

Step 1

Login to your Shopify store and Navigate to Online Store->Pages menu in the sidebar.

Embed YouTube channels on shopify

Step 2

Click on Add Page.

Display YouTube channels on shopify

Step 3

Select Show HTML (<>) option of Text Editor.

Integrate YouTube channels on shopify

Step 4

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step 1

Login to your Shopify store and Navigate to Online Store->Blog posts menu in the sidebar.

add YouTube channels on shopify

Step 2

Click on Add/Create Blog Post on the Top right of the page.

add YouTube channels on shopify

Step 3

Select Show HTML (<>) option of Text Editor.

add YouTube channels on shopify

Step 4

Paste the Copied code and Click on Save.

Try Taggbox To Embed YouTube Channel – Start Your 14 Days Free Trial

If you have any questions or need help, please Contact us or write us at [email protected]