How to Embed Vimeo Widget On Website

To embed Vimeo channel gallery on your website, you need to follow the simple step by step guide –

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 amazing moderation and customization features.

Try Taggbox – Start Your 14 Days Free Trial

Step-1

Login to Taggbox widget account or Sign up for a account. After this you land to a dashboard.

embed vimeo widget on website

Step-2

On the Taggbox Widget Dashboard click the “+Create Widget” button to create Vimeo videos gallery.

embed vimeo gallery

Step-3

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“.

vimeo widget on website

Benefits to Apply profanity Filter:

  • Turn on this option to auto filter the content based on a pre-set list of unwanted words.
  • You can use our predefined vulgar word list to filter your Vimeo Feed.

Step 4

In the popup that appears, select the source “Vimeo” to embed Vimeo channel and then fill out the required fields.

embed vimeo on website

Here, you will see two choices for adding feeds which are

1. Hash Tag(#) and 2. Handle(@).

embed vimeo video html

Step 5

Choose one of these to add the feed:

1. Hash Tag (#): To fetch Vimeo feeds, enter your Vimeo Hashtag.

Vimeo gallery

2. Handle(@): To fetch Vimeo feeds, enter your Vimeo Handle.

how to embed a vimeo video

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

Step 6

Then click “Create Feed” button to complete adding.

Step 7

Then provide the login credentials for Vimeo and sign in.

vimeo channel gallery

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

You can now to embed Vimeo feed on Website.

Try Taggbox – Start Your 14 Days Free Trial

Embed Vimeo Channel Gallery on Website

To embed Vimeo videos gallery on your website you need to follow below steps –

Step 1

Click on Embed Widget Button on your Widget editor.

Vimeo gallery

Step 3

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

embed vimeo channel on your website

Embed Vimeo Video Gallery on HTML Website

Follow the steps to embed Vimeo video gallery on HTML website

Step 1

To embed your Vimeo video gallery widget on HTML website, choose HTML as your platform.

vimeo video gallery widget on website

Step 2

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

Vimeo widget for HTML website

Step 3

Copy the generated code and Paste it into your webpage, where you want to embed Vimeo video gallery.

Vimeo video gallery widget on website

Embed Vimeo Video Gallery on WordPress Website

Step 1

To embed your Vimeo gallery widget on the WordPress website, choose WordPress as your platform.

vimeo widget wordpress

Step 2

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

wordpress vimeo embed

Step 3

Copy the website Generated Code.

vimeo widget gallery on wordpress website

A. Embed Vimeo Channel Widget On WordPress 5.0 Website

Learn here how you embed Vimeo video gallery On WordPress 5.0 Website

Step 1A

Open the page/post in your WordPress backend where you want to embed Vimeo channel.

vimeo channel gallery

Step 2A

Select “(+) Add Block” in the top left corner of the WordPress Editor.

embed vimeo on website

Step 3A

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

how to embed vimeo video in wordpress

Step 4A

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

B. How You Embed Vimeo Video Widget on WordPress Classic Editor

Learn here how you embed Vimeo gallery widget on WordPress Classic Editor

Step 1B

Open the page/post in your WordPress backend where you want to embed the Vimeo feeds.

vimeo channel gallery

Step 2B

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

Vimeo gallery

Step 3B

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

vimeo playlist embed

Embed Vimeo Video Gallery Widget on WIX Website

To embed your Vimeo video gallery widget on the Wix website, choose Wix as your platform.

vimeo widget

Now follow these steps –

Step 1

Open your WIX Editor and Navigate to the Page Where you want to Embed your Vimeo video Widget.

Step 2

Click on “+ Add” Button.

embed vimeo video

Step 3

Click on More and Select Embed a Site.

embed vimeo channel

Step 4

Check & Copy the “Website Address” under Mode.

Addd vimeo video gallery on website

Step 5

Paste the generated URL into the ” Website Address ” field.

Vimeo Channel widget on website

Embed Vimeo Widget on Squarespace Website

Step 1

To embed your Vimeo video gallery on Squarespace website, choose Squarespace as your platform.

embed vimeo channel widget on squarespace

Step 2

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

Add vimeo channel Widget on squarespace website

Step 3

Copy the website Embed Code.

vimeo widget on Squarespace website

Step 4

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

Step 5

Click on Edit.

Add vimeo video gallery on squarespace website

Step 6

Click on +Add/Edit Block.

Vimeo gallery widget on squarespace

Step 7

Click on Select Code.

Vimeo Channel on website

Step 8

Paste the Copied code and Click on Apply.

Integrate vimeo video gallery

Step 9

Save the page to apply the Changes.

Embed Vimeo Channel on Weebly Website

Step 1

To embed your Vimeo video Widget on the Weebly website, choose Weebly as your platform.

embed vimeo video gallery on wix website

Step 2

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

Add vimeo channel on your wix website

Step 3

On Weebly Navigate to the page where you want to embed vimeo channel gallery.

Step 4

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

vimeo channel gallery on wix website

Step 5

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

Add vimeo video on wix website

Step 6

Publish your changes.

Embed Vimeo Video Gallery on Shopify Website

Step 1

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

embed vimeo channel widget on website

Step 2

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

vimeo video gallery on shopify

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

Default Pages

Follow these steps for Default Pages:

Step-1

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

Step-2

Click on Customize button.

embed vimeo gallery widget

Step-3

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

vimeo channel widget on shopify

Step-4

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

add vimeo channel widget on shopify

New Pages

Follow these steps for new pages:

Step-1

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

Integrate vimeo channel widget on website

Step-2

Click on Add Page.

Add vimeo channel gallery on shopify website

Step-3

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

vimeo video widget on shopify

Step-4

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1

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

Vimeo Channel widget on website

Step-2

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

vimeo channel gallery on website

Step-3

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

add Vimeo channel gallery on website

Step-4

Paste the Copied code and Click on Save.

Try Taggbox Widget To Embed Vimeo Video Gallery – Start Your 14 Days Free Trial

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