{"id":2818,"date":"2020-05-29T13:53:52","date_gmt":"2020-05-29T13:53:52","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=2818"},"modified":"2025-09-17T12:16:37","modified_gmt":"2025-09-17T12:16:37","slug":"how-to-embed-vimeo-widget-on-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-vimeo-widget-on-website\/","title":{"rendered":"How to Embed Vimeo Widget On Website"},"content":{"rendered":"\n

To embed Vimeo channel gallery on your website, you need to follow the simple step by step guide – <\/p>\n\n\n\n

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

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

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

Embed Vimeo Gallery Widget On Website<\/strong><\/h2>\n\n\n\n

You can easily embed your Vimeo videos gallery on your website using Taggbox widget. Taggbox widget also gives you the amazing moderation and customization features.<\/p>\n\n\n\n

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

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

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

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

You\u2019ll be redirected to Taggbox Widget Dashboard:<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Taggbox<\/figure>\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 start adding Vimeo Videos to your widget.<\/p>\n\n\n\n

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

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

In the popup that appears, select the source “Vimeo”<\/strong> for aggregating feeds.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\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>\n<\/div>\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>\n<\/div>\n\n\n
<\/div>\n\n\n\n

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

Choose the method 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

Then provide the login credentials for Vimeo and sign in. <\/p>\n\n\n\n

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

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

Great, the Connection has been created and within a few moments posts will appear in the Widget editor. <\/p>\n\n\n\n

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

Embed Vimeo Channel Gallery on Website<\/strong><\/h2>\n\n\n\n

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

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

Click on Embed Widget Button on your Widget editor.<\/p>\n\n\n\n

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

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

A pop-up Choose Your Platform<\/strong> will appear. Select Your Website Platform (Eg: HTML, WordPress, Wix etc.) or else select OTHER<\/strong> if your website platform is not listed.<\/p>\n\n\n\n

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

Embed Vimeo Video Gallery on HTML Website<\/strong><\/h2>\n\n\n\n

Follow the steps to embed Vimeo video gallery on HTML website<\/a><\/p>\n\n\n\n

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

To embed your Vimeo video gallery widget on an HTML website, choose HTML<\/strong> as your website platform.<\/p>\n\n\n\n

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

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

Set width, height and height type as per your requirements. Click on Get Code<\/p>\n\n\n\n

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

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

Copy<\/strong> the generated code and Paste<\/strong> it into your HTML webpage body tag, where you want to embed Vimeo video gallery.<\/p>\n\n\n\n

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

Embed Vimeo Video Gallery on WordPress Website<\/strong><\/h2>\n\n\n\n

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

To embed your Vimeo gallery widget on the WordPress website<\/a>, choose WordPress as your website platform.<\/p>\n\n\n\n

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

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

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

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

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

Copy the website Generated Code.<\/p>\n\n\n\n

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

A. Embed Vimeo Channel Widget On WordPress 5.0 Website<\/strong><\/h3>\n\n\n\n

Learn here how you embed Vimeo video gallery On WordPress 5.0 Website<\/p>\n\n\n\n

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

Open the page\/post in your WordPress backend where you want to embed the Vimeo Channel Gallery Feeds.<\/p>\n\n\n\n

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

Select \u201c(+) Add Block\u201d in the top left corner of the WordPress Editor.<\/p>\n\n\n\n

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

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.<\/p>\n\n\n\n

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

Click on Publish\/Update<\/strong> post and You\u2019re done.<\/p>\n\n\n\n

B. How You Embed Vimeo Video Widget on WordPress Classic Editor<\/strong><\/h3>\n\n\n\n

Learn here how you embed Vimeo gallery widget on WordPress Classic Editor<\/p>\n\n\n\n

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

Open the page\/post in your WordPress backend where you want to embed the Vimeo feeds.<\/p>\n\n\n\n

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

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.<\/p>\n\n\n\n

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

Paste the generated embed code where you want to show your Widget and click on Update\/Publish to save the changes.<\/p>\n\n\n\n

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

Embed Vimeo Video Gallery Widget on WIX Website<\/strong><\/h2>\n\n\n\n

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

To embed your Vimeo video gallery widget on the Wix website<\/a>, choose Wix as your platform.<\/p>\n\n\n\n

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

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

On choosing Wix<\/strong> as your website platform; you\u2019ll receive below Pop-up \u201cWix\u201d<\/strong>, Follow the instruction on the pop-up and proceed to the below steps:<\/p>\n\n\n\n

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

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

Open your WIX Editor and Navigate to the Page Where you want to Embed your Vimeo video Widget.<\/p>\n\n\n\n

Click on \u201c+ Add\u201d Button.<\/p>\n\n\n\n

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

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

Click on More and Select Embed a Site.<\/p>\n\n\n\n

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

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

Check & Copy the \u201cWebsite Address\u201d<\/strong> under Mode.<\/p>\n\n\n\n

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

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

Paste the generated URL into the \u201cWebsite Address<\/strong>\u201d field.<\/p>\n\n\n\n

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

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

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

To embed your Vimeo video gallery on Squarespace website<\/a>, choose Squarespace as your platform.<\/p>\n\n\n\n

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

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

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

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

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

Copy the website Embed Code.<\/p>\n\n\n\n

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

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

On Squarespace, Navigate to the page where you want to embed social Feed Widget.<\/p>\n\n\n\n

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

Click on Edit.<\/p>\n\n\n\n

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

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

Click on +Add\/Edit Block.<\/p>\n\n\n\n

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

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

Select Code.<\/p>\n\n\n\n

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

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

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

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

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

Save<\/strong> the page to apply the changes.<\/p>\n\n\n\n

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

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

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

To embed your Vimeo video gallery on the Shopify website<\/a>, choose Shopify as your platform.<\/p>\n\n\n\n

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

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

Set width and height as per your requirements. Click on Get Code and Copy the generated code.<\/p>\n\n\n\n

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

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

Copy the generated code and paste it into your webpage, where you want to embed the Vimeo video gallery.<\/p>\n\n\n\n

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

Shopify gives you the option to embed your Vimeo videos gallery either on default Pages or New Pages or Blog Posts.<\/p>\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

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

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

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

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

Step 3<\/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>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/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>\n<\/div>\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

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>\n<\/div>\n\n\n
<\/div>\n\n\n\n

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

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

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

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

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

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

Step 4<\/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 Blog Posts:<\/p>\n\n\n\n

Step 1<\/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
\"Vimeo<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/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
\"vimeo<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

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

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

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

Step 4<\/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 video gallery on your Shopify website.<\/p>\n\n\n\n

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

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

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

If you have any questions or need help, please contact us<\/a> or write to us at support@taggbox.com<\/a>.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

To embed Vimeo channel gallery on your website, you need to follow the simple step by step guide – Try Taggbox Widget \u2013 Start Your 14 Days For Free Embed Vimeo Gallery Widget On Website You can easily embed your Vimeo videos gallery on your website using Taggbox widget. Taggbox widget also gives you the […]<\/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":[],"class_list":["post-2818","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2818","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=2818"}],"version-history":[{"count":2,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2818\/revisions"}],"predecessor-version":[{"id":11899,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2818\/revisions\/11899"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}