How to Embed YouTube Video on Shopify Website Using Taggbox?

Add a YouTube Video

To embed YouTube Video, you need to follow the given steps-

Try Taggbox – Start Your 14 Days Free Trial

Step 1:

After Login or Sign-Up to Taggbox, You will see your Dashboard.

Taggbox Widget Dashboard

Step 2:

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

create YouTube feed Widget

Step 3:

Then, give a name to your widget. A Unique URL of your widget will be created automatically according to your widget name.

Create Widget

Step 4:

1. Click Feeds (You will find it on the left-hand side of the page).

Widget Editor Feeds

2. Click Add Feed, to create a new feed.

Add youtube feed source

Step 5:

In the popup that appears, select the Youtube connection type from the top tabs and then fill out the required fields.

Choose YouTube to embed videos

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 HTML Website

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

Embed Youtube Playlist on HTML Website

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

embed YouTube Feed via Keywords on HTML Website

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

Embed YouTube Feed via Location on HTML 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.

Great, the Connection has been created and within a few moments posts will appear in the Widget Editor.You can now to embed YouTube Video on Weebly website.

You can now to embed YouTube video on Shopify website.

Embed YouTube Video on Shopify Website

To embed YouTube videos on your Website you need to follow below steps–

Step-1

Click on Embed Widget Button on your Widget editor.

Embed Widget Button

Step 2

To embed your YouTube video Widget on the Shopify website, Choose Shopify as your platform.

Embed RSS feed On Shopify

Step-3

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

Get Embed RSS feed Code

Shopify gives you the option to embed your YouTube video 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 the Customize button.

Embed Slack Post On Shopify

Step-4

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

Embed Custom RSS feed

Step-5

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

RSS feed Code For Shopify

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.

Embed RSS feed On Shopify page

Step-3

Click on Add Page.

Add RSS feed On Shopify page

Step-4

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

Embed Slack Feed

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 RSS feed On Shopify Blog Posts

Step-3

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

Create Shopify blog post for Embed RSS

Step-4

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

Embed RSS Feed

Step-5

Paste the Copied code and Click on Save.

Great! You have successfully embedded YouTube videos on your Shopify Website.

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

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