How to Embed Vimeo Video Gallery On Shopify Website

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

To embed Vimeo widget on website, you need to follow the given steps-

Try Taggbox – Start Your 14 Days Free Trial

Step-1

Login to Taggbox Widget Account of Sign up for an account. After this you land to a dashboard.

Vimeo Video Gallery on Shopify website

Step-2

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

Vimeo widget on shopify

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

Create vimeo widget on Shopify

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

After Creating Vimeo gallery widget click on the Edit Button to Embed Vimeo video gallery.

Add Vimeo video gallery to shopify

Step 5

Click Feeds (You will find it on the left-hand side of the page), then click Add Feed to create a new feed.

Integrate vimeo videos with shopify website

Step 6

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

Embed Vimeo feed

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

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

Create Vimeo video gallery

Step 7

Choose one of these to add the feed:

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

Create vimeo video gallery using hashtag

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

Create vimeo video gallery via handle

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

Step 8

Then click “Create Feed” button to complete adding.

Step 9

Then provide the login credentials for Vimeo and sign in.

Vimeo feed Credential

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 Shopify website.

Embed Vimeo Widget on Shopify Website

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

Step-1

Click on Embed Widget Button on your Widget editor to embed Vimeo video gallery on Shopify website.

Embed Vimeo Videos on Shopify

Step 2

To embed your Vimeo Feed Widget on the Shopify website, Choose Shopify as your platform.

Add Vimeo widget on shopify page

Step-3

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

Get vimeo widget embed code

Shopify gives you the option to embed your Vimeo feeds 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 Vimeo videos on shopify website

Step-4

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

Vimeo videos on shopify website

Step-5

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

Add vimeo videos on shopify website

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.

Vimeo video gallery on website

Step-3

Click on Add Page.

Vimeo Video gallery on shopify

Step-4

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

Vimeo widget on shopify page

Step-5

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for embedding Vimeo video gallery on Shopify 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.

Add videos from vimeo to shopify

Step-3

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

Display vimeo video gallery on shopify website

Step-4

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

embed vimeo channel on shopify website

Step-5

Paste the Copied code and Click on Save.

Great! You have successfully embedded Vimeo feeds on your Shopify Website.

Try Taggbox To Embed 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]