Embed YouTube Video on Website
To Embed YouTube video Feed, you need to follow the given steps-
Try Taggbox Widget – Start Your 14 Days Free Trial
Step 1:
Login or Sign-Up to Taggbox Widget
Step 2:
You’ll be redirected to Taggbox Widget Dashboard:
Step 3:
On the dashboard, click on Add Social Feeds to add YouTube Videos on your widget.
Step 4:
In the pop-up “Pick a Source”, select YouTube as a source of aggregating feeds:
Step 5:
Here, you will see four methods for adding YouTube Videos which are:
1. Channel URL: To fetch YouTube videos from a Channel, enter the YouTube channel URL.
2. Playlist: To fetch YouTube videos from a Playlist, enter a YouTube playlist ID.
3. Keywords: To fetch YouTube video through Keywords, enter the Keywords in the provided space.
4. Location: To fetch YouTube video through the Location feature, fill the required details to Create Feed.
Step 6:
Then click “Create Feed” button to fetch YouTube Video.
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 the “PUBLISH” button on the bottom-left of the screen, You can also see the “PREVIEW” of how your feeds gonna looks like.
Step 2
In “Choose Your Platform”, select Your Website Platform (Eg: HTML, WordPress, Wix, Squarespace, Shopify or OTHER)
All website platforms embedding process:
Embed on HTML Website
Step 1
In the pop-up Choose Your Platform, Select the HTML logo as your website platform to generate the embed code for the HTML website.
Step 2
Set width, height and height type as per your requirements. Click on Get Code
Step 3
Copy the generated code and Paste it into your webpage, where you want to embed YouTube Videos.
Embed on WordPress Website
Step 1
In the pop-up Choose Your Platform, Select the WordPress logo as your website platform to generate the embed code for the WordPress website.
Step 2
Set width and height as per your requirements and Click on Get Code.
Step 3
Copy the website Generated Code.
A. Embed YouTube Videos On WordPress 5.0 Website
Learn here how you embed YouTube Videos On WordPress 5.0 Website
Step 1A
Open the page/post in your WordPress backend where you want to embed the YouTube Video Feeds.
Step 2A
Select “(+) Add Block” in the top left corner of the WordPress Editor.
Step 3A
Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.
Step 4A
Click on Publish/Update post and You’re done.
B. How You Embed YouTube Videos on WordPress Classic Editor
Learn here how you embed YouTube Videos on WordPress Classic Editor
Step 1B
Open the page/post in your WordPress backend where you want to embed the YouTube video feeds.
Step 2B
On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.
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
Step 1
In the pop-up Choose Your Platform, Select the Wix logo as your website platform to generate the embed code for the Wix website.
Step 2
On choosing Wix as your website platform; you’ll receive below Pop-up “Wix”, Follow the instruction on the pop-up and proceed to the below steps:
Step 3
Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.
Click on “+ Add” Button.
Step 4
Click on More and Select Embed a Site.
Step 5
Check & Copy the “Website Address” under Mode.
Step 6
Paste the generated URL into the “Website Address” field.
Embed on Squarespace Website
Step 1
In the pop-up Choose Your Platform, Select the Squarespace logo as your website platform to generate the embed code for the Squarespace website.
Step 2
Set width and height as per your requirements. Click on Get Code.
Step 3
Copy the website Embed Code.
Step 4
On Squarespace, Navigate to the page where you want to embed social Feed Widget.
Step 5
Click on Edit.
Step 6
Click on +Add/Edit Block.
Step 7
Select Code.
Step 8
Paste the Copied code and Click on Apply.
Step 9
Save the page to apply the Changes.
Embed on Shopify Website
Step 1
In the pop-up Choose Your Platform, Select the Shopify logo as your website platform to generate the embed code for the Shopify website.
Step 2
Set width and height as per your requirements.
Step 3
Click on Get Code and Copy the generated code.
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
Log in to your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.
Step 2
Click on the Customize button.
Step 3
Then Navigate to left side of the page and click on Custom Content.
Step 4
Then click on Custom HTML and paste the Copied code and Click on Save.
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.
Step 2
Click on Add Page.
Step 3
Select Show HTML (<>) option of Text Editor.
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.
Step 2
Click on Add/Create Blog Post on the Top right of the Page.
Step 3
Select Show HTML (<>) option of Text Editor.
Step 4
Paste the Copied code and Click on Save.
Try Taggbox Widget To Embed YouTube Videos – Start Your 14 Days Free Trial
If you have any questions or need help, please contact us or write to us at [email protected].