How to Embed YouTube Video on Website?

Add a Youtube Video

To create a Youtube Video, you need to follow the given steps-

Step 1

After Login, You will see your Dashboard. Like this:

Taggbox Social Widget Dashboard

On the Taggbox Dashboard click the “+Create Widget” button to create a new widget:

Create Youtube widget for website

Step 2

Then, give a name to your widget. A Unique URL of your widget will be created automatically according to your widget name. You can also change it according to you.

To enable Profanity Filter select Apply Profanity Filter. Then, click “Create Widget“.

Create Social widget on Taggbox

Step 3

Click Feeds (You will find it on the left-hand side of the page). Then, click on Add Feed, to create a new feed.

Add youtube videos on website

Step 4

In the popup that appears, select the source “Youtube”.

Pick a source

Step 5

Here, you will see four choices for adding feeds which are 1. Channel Url, 2. Play List,  3. Keywords, and 4. Location.

Step 6

Choose one of these to add the feed:

Channel Url: To fetch YouTube feeds and video from a Channel, enter a YouTube channel Url.

Embed YouTube Channel on website

Play List: To fetch YouTube Videos from a Playlist, enter a YouTube playlist ID.

Embed YouTube Playlist on website

Keywords:  To fetch YouTube Videos through Keywords, enter the Keywords in the provided space.

Embed YouTube video via keywords on website

Location: To fetch YouTube Videos through the Location feature, fill the required details to Create Feed.

Embed YouTube video via keywords on website

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

Step 7

Then click “Create Feed” button to complete adding the Feed.

Great, the Connection has been created and within a few moments posts will appear in the Widget editor.

Embed YouTube Video on Website

To embed Youtube video on your website you need to follow below steps –

Step 1

Click on Embed Widget Button on your widget editor.

Embed Taggbox Widget on Website

Step 2

Select Your Website Platform (Eg: HTML, WordPress, Wix, etc.)

Choose Your Platform

Embed on HTML Website

Step 1

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

Embed Youtube Widget on HTML Website

Step 2

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

Embed Youtube Channel on HTML Website

Step 3

Copy the generated code and paste it into your webpage, where you want to embed Youtube Channel or videos.

Embed Youtube Playlist on HTML Website

Great! You have successfully embedded YouTube videos on your HTML website.

Embed on WordPress Website

Step 1

To embed your YouTube video on the WordPress website, choose WordPress as your platform.

embed videos on WordPress website

Step 2

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

embed Youtube videos on WordPress website

Step 3

Copy the website Generated Code.

embed Youtube Channel on WordPress website

A. Embed YouTube Video On WordPress 5.0 Website

Step 1A

Open the page/post in your WordPress backend where you want to embed the Youtube Playlists or videos. Select “(+) Add Block” in the top left corner of the WordPress Editor.

Display Youtube videos on WordPress website

Step 2A

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

integrate Youtube videos on WordPress website

Step 3A

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

B. Embed Youtube Videos on WordPress Classic Editor

Step 1B

Open the page/post in your WordPress backend where you want to embed the Youtube videos.

Step 2B

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

Add Youtube videos on WordPress website

Step 3B

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

embed Youtube widget on WordPress website

Great! You have successfully embedded Youtube Videos on your WordPress website.

Embed on WIX Website

Step 1

To embed your Youtube social feed widget on the Wix website, choose Wix as your platform.

Generate youtube embed code for wix

Step 2

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

Step 3

Click on “+ Add” Button.

Add YouTube video on wix website

Step 4

Click on More and Select Embed a Site.

Add YouTube Channel on wix website

Step 5

Check the “Website Address” under Mode.

Step 6

Copy and paste the generated URL into the “Website Address” field.

Embed YouTube Playlist on wix website

Great! You have successfully embedded Youtube Videos on your Wix website.

Embed on Squarespace Website

Step 1

To embed your Youtube Channel or video on Squarespace website, choose Squarespace as your platform.

Embed YouTube Video on Squarespace

Step 2

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

Generate Youtube video code for Squarespace

Step 4

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

Step 5

Click on Edit.

Embed YouTube widget on Squarespace website

Step 6

Click on +Add/Edit Block.

Embed YouTube Playlist on Squarespace website

Step 7

Select Code.

Embed YouTube Channel on Squarespace website

Step 8

Paste the Copied code and Click on Apply. Save the page to apply the Changes.

Great! You have successfully embedded Youtube Videos on your Squarespace website.

Embed on Weebly Website

Step 1

To embed your Youtube social widget on the Weebly website, choose Weebly as your platform.

Embed YouTube widget on Weebly website

Step 2

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

Embed YouTube Channel on Weebly website

Step 3

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

Step 4

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

Embed YouTube Playlist on Weebly website

Step 5

Click on edit custom HTML and paste the Copied code into the Container.

Embed YouTube video on Weebly website

Step 6

Publish your changes.

Embed on Shopify Website

Step 1

To embed your Youtube video on the Shopify website, choose Shopify as your platform.

Embed YouTube on Shopify

Step 2

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

Generate Youtube Embed Code for Shopify

Shopify gives you the option to embed your YouTube videos either on default Pages or New Pages or Blog Posts.

Default Pages

Follow these steps for Default Pages:

Step-1

Copy the Web Embed Code from Taggbox Code Generator.

Step-2

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

Step-3

Click on Customize button.

Shopify Default Page

Step-4

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

Shopify Custom Content

Step-5

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

Embed Youtube channel on Shopify
Website

New Pages

Follow these steps for new pages:

Step-1

Copy the Web Embed Code from Taggbox Code Generator.

Step-2

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

Shopify New Page

Step-3

Click on Add Page.

Embed Youtube Playlist on Shopify
Website

Step-4

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

Embed Youtube Video on Shopify
Website

Step-5

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1

Copy the Web Embed Code from Taggbox Code Generator.

Step-2

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

Embed YouTube Feed on Shopify blog

Step-3

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

Display Youtube Video on Shopify
Website

Step-4

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

Embed YouTube on Shopify Blog with code

Step-5

Paste the Copied code and Click on Save.

Try Taggbox Widget to Embed YouTube Video 14 Days Free Trial

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