{"id":2983,"date":"2020-05-06T14:47:21","date_gmt":"2020-05-06T14:47:21","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=2983"},"modified":"2021-01-18T09:25:55","modified_gmt":"2021-01-18T09:25:55","slug":"how-to-embed-vimeo-video-gallery-on-shopify","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-vimeo-video-gallery-on-shopify\/","title":{"rendered":"How to Embed Vimeo Video Gallery On Shopify Website"},"content":{"rendered":"\n

Using Taggbox Widget you can easily create and embed Vimeo video gallery on Shopify website. The best part is you can embed Vimeo gallery without installing any app.<\/p>\n\n\n\n

Embed Vimeo Gallery On Shopify<\/strong><\/h2>\n\n\n\n
<\/div>\n\n\n\n

Try Taggbox Widget \u2013 <\/em>Start Your 14 Days For Free<\/a><\/p><\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

To embed Vimeo widget on website, you need to follow the given steps- <\/p>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

Login or Sign-Up to Taggbox Widget<\/a><\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Login<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

You will be redirected to your Taggbox Widget Dashboard<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Taggbox<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

On the dashboard, click on Add Social Feeds<\/strong> to add Vimeo Video Gallery on your widget.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Add<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

On the new Dialog Box \u201cPick a source\u201d <\/strong>select Vimeo<\/strong> as your source of aggregating feeds:<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Choose<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 5<\/strong><\/h3>\n\n\n\n

Here, you will see two choices for adding feeds which are<\/p>\n\n\n\n

<\/div>\n\n\n\n

1. Hashtag (#):<\/strong> enter your Vimeo Hashtag to fetch Vimeo feeds from the Hashtag. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Embed<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

2. Handle(@):<\/strong> enter your Vimeo Handle to fetch Vimeo feeds from your Handle. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Embed<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 6<\/strong><\/h3>\n\n\n\n

Choose the method of aggregating and enter the input accordingly.<\/p>\n\n\n\n

Then click \u201cCreate Feed\u201d<\/strong> button to complete adding process. <\/p>\n\n\n\n

If asked, provide the login credentials for Vimeo to authorize the widget to aggregate feeds. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Connect<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Great, the Connection will be created and within a few moments, Vimeo posts will appear on the Widget editor. <\/p>\n\n\n\n

<\/div>\n\n\n\n

Embed Vimeo Widget on Shopify Website <\/strong><\/h2>\n\n\n\n

To embed Vimeo gallery widget on your website<\/a> you need to follow the below steps:\u2013<\/p>\n\n\n\n

Step 1 <\/strong><\/h3>\n\n\n\n

Click the \u201cPUBLISH<\/strong>\u201d button on the bottom-left of the screen, You can also see the \u201cPREVIEW<\/strong>\u201d of how your feeds gonna looks like.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Preview<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

On the dialog box of \u201cChoose Your Platform,\u201d<\/strong> select \u201cShopify\u201d<\/strong> as your website platform to generate code.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Choose<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

Set width and height as per your requirements and click on Get Code<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Select<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

Copy<\/strong> the generated embed code and follow the below steps:<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Embed<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Shopify gives you the option to embed your Vimeo feeds either on default Pages or New Pages or Blog Posts. Here are the three ways to embed the Vimeo widget on the Shopify website:<\/p>\n\n\n\n

<\/div>\n\n\n\n

Default Pages<\/strong><\/h3>\n\n\n\n

Follow these steps for Default Pages:<\/p>\n\n\n\n

Step 1<\/strong><\/h4>\n\n\n\n

Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

Step 2<\/strong><\/h4>\n\n\n\n

Login to your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.<\/p>\n\n\n\n

Step 3<\/strong><\/h4>\n\n\n\n

Click on the Customize button.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Embed<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h4>\n\n\n\n

Then Navigate to left side of the page and click on Custom Content<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Vimeo<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 5<\/h4>\n\n\n\n

Then click on Custom HTML<\/strong> and paste the Copied code and Click on Save<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"add<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

New Pages<\/strong><\/h3>\n\n\n\n

Follow these steps for new pages:<\/p>\n\n\n\n

Step 1<\/strong><\/h4>\n\n\n\n

Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

Step 2<\/strong><\/h4>\n\n\n\n

Login to your Shopify store and Navigate to Online Store->Pages<\/strong> menu in the sidebar.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Integrate<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h4>\n\n\n\n

Click on Add Page<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Add<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h4>\n\n\n\n

Select Show HTML (<>) option of Text Editor.<\/p>\n\n\n\n

\"Vimeo<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 5<\/strong><\/h4>\n\n\n\n

Paste the Copied code and Click on Save.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Blog Posts<\/strong><\/h3>\n\n\n\n

Follow these steps for embedding Vimeo video gallery on Shopify Blog Posts:<\/p>\n\n\n\n

Step 1<\/strong><\/h4>\n\n\n\n

Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

Step 2<\/strong><\/h4>\n\n\n\n

Login to your Shopify store and Navigate to Online Store->Blog posts<\/strong> menu in the sidebar.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Add<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h4>\n\n\n\n

Click on Add\/Create Blog<\/strong> Post<\/strong> on the Top right of the Page.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Display<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h4>\n\n\n\n

Select Show HTML (<>)<\/strong> option of Text Editor.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"embed<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 5<\/strong><\/h4>\n\n\n\n

Paste the Copied code and Click on Save.<\/p>\n\n\n\n

Great! You have successfully embedded Vimeo feeds on your Shopify Website.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Try Taggbox Widget To Embed Video Gallery \u2013 Start Your 14 Days For Free<\/a><\/strong><\/p><\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

If you have any questions or need help, please Contact us<\/a> or write us at support@taggbox.com.<\/p>\n","protected":false},"excerpt":{"rendered":"

Using Taggbox Widget you can easily create and embed Vimeo video gallery on Shopify website. The best part is you can embed Vimeo gallery without installing any app. Embed Vimeo Gallery On Shopify Try Taggbox Widget \u2013 Start Your 14 Days For Free To embed Vimeo widget on website, you need to follow the given […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[215,216],"class_list":["post-2983","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-vimeo-widet","tag-vimeo-video-gallery"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/comments?post=2983"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2983\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}