How to Embed Vimeo Feed on Website?

Add a Vimeo Feed

To create a Vimeo feed, you need to follow the given steps-

Step 1

After Login, You will see your Dashboard. Like This:

On the Taggbox Dashboard click the “+Create Wall” button to create a new wall or open your existing wall:

Taggbox Dashboard

Step 2

Then, give a name to your new wall. A Unique URL of your wall will be created automatically according to your wall name. You can also customize it according to you.

Taggbox Create Social Wall

Note: To enable Profanity Filter select Profanity Filter and apply it.

Step 3

Click on “Create Wall”.

Step 4

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

Add Feeds on Social Wall

Step 5

In the popup that appears, select the Vimeo connection type.

Pick a Source for Vimeo

Step 6

Here, you will see two choices for adding feeds which are 1. Hash Tag(#) and 2. Handle(@).

Create Vimeo Feed

Step 7

Choose one of these to add the feed:

Hash Tag (#): To fetch Vimeo feeds through a hashtag, enter your Vimeo Hashtag.

Handle(@): To fetch Vimeo feeds through the handle, enter your Vimeo Handle.

Note: 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.

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

Embed Vimeo Feed on Website

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

Step 1

Click on the Display Button on your wall editor.

Display Social Wall

Step 2

Select the “Embed in Websites” option to embed Vimeo feed on Website.

social media aggregator

Step 3

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

Choose Website Building Platform

Embed on HTML Website

Step 1

To embed your Vimeo feed on HTML website, choose HTML as your platform.

Embed on HTML

Step 2

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

Set Height and width for social wall

Step 3

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

Generate Social Wall Embed Code

Great! You have successfully embedded Vimeo feeds on your HTML website.

Embed on WordPress Website

Step 1

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

Embed Social Feed on WordPress

Step 2

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

get social wall code for wordpress

Step 3

Copy the website Generated Code.

Generated Taggbox code for WordPress

A. Embed Vimeo feed on WordPress 5.0 Website

Learn here how you can embed Vimeo feeds on WordPress 5.0 Website

Step 1A

Open the page/post in your WordPress backend where you want to embed the Vimeo feeds. Select “(+) Add Block” in the top left corner of the WordPress Editor.

add-block-in-wordpress

Step 2A

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

add social wall code

Step 3A

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

B. Embed Vimeo feeds on WordPress Classic Editor

Learn here how you can embed Vimeo feeds on WordPress Classic Editor

Step 1B

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

Step 2B

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

Select Text mode

Step 3B

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

Embed social wall

Great! You have successfully embedded Vimeo feeds on your WordPress website.

Embed on WIX Website

Step 1

To embed your Vimeo social wall on the Wix website, choose Wix as your platform.

Choose Wix

Step 2

Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox social wall.

Step 3

Click on “+ Add” Button.

+ Add Button

Step 4

Click on More and Select Embed a Site.

Embed on Wix Site

Step 5

Check the “Website Address” under Mode.

Step 6

Copy and paste the generated URL into the “Website Address” field.

Enter Website on Wix

Great! You have successfully embedded Vimeo feeds on your Wix website.

Embed on Squarespace Website

Step 1

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

Choose Squarespace

Step 2

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

Generated Code for Squarespace

Step 3

Copy the website Generated Code.

Squarespace Web Embed Code

Step 4

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

Step 5

Click on Edit.

Embed on Squarespace Website

Step 6

Click on +Add/Edit Block.

Add/Edit Block.

Step 7

Select Code.

Squarespace Select Code

Step 8

Paste the Copied code and Click on Apply. Save the page to apply the Changes.

Great! You have successfully embedded Vimeo feeds on your Squarespace website.

Embed on Weebly Website

Step 1

To embed your Vimeo social wall on the Weebly website, choose Weebly as your platform.

Generate code for Weebly

Step 2

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

Generate Embed Code For Weebly

Step 3

Copy the generated code.

Step 4

On Weebly Navigate to the page where you want to embed social wall.

Step 5

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

Choose Embed Code

Step 6

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

Edit Custom HTML

Step 7

Publish your changes.

Embed on Shopify Website

Step 1

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

Choose Shopify to Embed Social Wall

Step 2

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

Generated Embed Code for Shopify

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 Customize button.

Shopify Default Page

Step-4

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

Custom Content

Step-5

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

Custom HTML

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.

New Pages

Step-3

Click on Add Page.

Add Pages

Step-4

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

Show HTML

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.

Blog Post

Step-3

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

Add/Create Blog Post

Step-4

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

Embed HTML Code

Step-5

Paste the Copied code and Click on Save.

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