Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Vimeo Showcase Videos on your Weebly website for FREE?

Feature Vimeo showcase videos on your website to captivate visitors, streamline video curation, and elevate your brand's visual impact.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Vimeo Showcase Videos on your Weebly website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 24, 2026 5 min read Ask ChatGPT
Quick answer

Your Vimeo Showcase Videos on Weebly website — live in 3 steps

SociableKIT syncs your vimeo showcase videos automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Vimeo Showcase Videos in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Weebly website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Vimeo Showcase Videos with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Weebly website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Vimeo Showcase Videos on your Weebly website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Vimeo Showcase Videos widget

The first part is creating your Vimeo Showcase Videos widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Vimeo Showcase Videos on your Weebly website for FREE?
  2. Select "Vimeo Showcase Videos" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Vimeo Showcase Videos" on the dropdown - How to embed Vimeo Showcase Videos on your Weebly website for FREE?

    3. Enter your Vimeo showcase ID.

  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Vimeo Showcase Videos on your Weebly website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Vimeo Showcase Videos on your Weebly website for FREE?
  5. Paste the embed code and save your Weebly website page. Please follow the second part below to add Vimeo Showcase Videos widget to your Weebly website .

Add Vimeo Showcase Videos widget to your Weebly website

The second part is adding your Vimeo Showcase Videos widget to your Weebly website . After you customize your Vimeo Showcase Videos widget and copied the embed code, it is time to add it to your Weebly website . Follow the steps below.

  1. Copy your free Vimeo Showcase Videos widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Log in to Weebly. 
  3. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  4. Select what type of page you want to add.
  5. Add a name to your page and then click "Done".
  6. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  7. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  8. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  9. Click the link to your site. Done!
Alternative method

Use the embed or link option

Prefer a manual approach? Follow these steps to link or embed Vimeo Showcase Videos without a third-party widget.

To embed your Vimeo showcase videos using Vimeo's embed option, follow the steps below.

  1. Go to your Vimeo showcase page.
  2. Select a video you want to showcase on your website.
  3. Click the Share button on the video.
  4. On the popup, click the Show options button.
  5. Customize the embed from Vimeo using the options available.
  6. On the Embed text area, copy the iFrame embed code.
  7. Login to your website admin panel.
  8. Create or update a page where you want to put your Vimeo showcase video.
  9. Use the embed option of your website builder and paste the embed code you copied earlier.
  10. Save your page. Done!
  11. To create the Vimeo showcase videos feed on your website, you need to repeat steps 1 onwards to add more of your Vimeo videos.

You may choose method 1 or method 2, it depends on your needs. But in case you choose method 1, you can follow our complete guide below.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Vimeo Showcase Videos on your Weebly site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Vimeo Showcase Videos widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to Weebly. 
  4. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  5. Select what type of page you want to add.
  6. Add a name to your page and then click "Done".
  7. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  8. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  9. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  10. Click the link to your site. Done!
Full Weebly tutorial →

To embed Vimeo Showcase Videos on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Vimeo Showcase Videos widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Vimeo Showcase Videos on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Vimeo Showcase Videos widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Vimeo Showcase Videos on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Vimeo Showcase Videos widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Vimeo Showcase Videos on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Vimeo Showcase Videos widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Vimeo Showcase Videos on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Vimeo Showcase Videos widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Vimeo Showcase Videos on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Vimeo Showcase Videos widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Vimeo Showcase Videos on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Vimeo Showcase Videos widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a Vimeo Showcase Videos template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Weebly website.

Widget previewGrid
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Vimeo Showcase Videos on your Weebly website.

What is a Vimeo Showcase Videos widget?

A Vimeo Showcase Videos widget displays videos from your Vimeo Showcase on your website in a clean, branded layout. It helps visitors browse your video collection without leaving the page. With SociableKIT, you can create it without coding and keep your website video section easier to manage.

How do I embed Vimeo Showcase videos on my website?

Create your Vimeo Showcase Videos widget in SociableKIT, connect your Vimeo Showcase, customize the design, then copy and paste the embed code into your website. You only need to do the setup once. After that, your widget can keep showing your selected Vimeo videos in the layout you choose.

Do I need coding skills to add the widget?

No. SociableKIT gives you a ready-to-use embed code that you can paste into your website builder or page editor. This makes it simple for business owners, marketers, creators, schools, and agencies to add a Vimeo video showcase without hiring a developer.

Will my Vimeo Showcase videos update automatically?

Yes, automatic syncing is available on paid plans. When your Vimeo Showcase changes, SociableKIT can update the widget so your website stays fresh without manual copy-and-paste work. This is useful if you publish new videos often or manage video content for clients.

Can I customize the Vimeo Showcase widget design?

Yes. You can adjust the layout, colors, fonts, and display style so the widget feels natural on your website. SociableKIT also offers templates such as grid, carousel, list, and dark mode designs to help you launch faster.

Does the widget work on WordPress, Shopify, Wix, Squarespace, Webflow, and other website builders?

Yes. SociableKIT works with major website builders and any website that supports custom embed code. You can use it on WordPress, Shopify, Wix, Squarespace, Webflow, Google Sites, HTML websites, and many other platforms.

Is the Vimeo Showcase Videos widget mobile responsive?

Yes. SociableKIT is designed to display your Vimeo Showcase videos cleanly across desktop, tablet, and mobile screens. This helps visitors browse and watch your videos without awkward spacing or broken layouts.

Can visitors watch the videos directly on my website?

Yes. The widget helps visitors discover and watch your Vimeo Showcase videos from your website. This can keep people engaged longer and give them a better experience than sending them away to search for your videos elsewhere.

Can I choose which Vimeo videos appear in the widget?

Yes. You control the videos by managing the content inside your Vimeo Showcase and the display settings inside SociableKIT. This makes it easier to feature only the videos that match the page, campaign, portfolio, course, or product you want to promote.

What if my Vimeo videos do not appear on my website?

The most common cause is Vimeo privacy or embed settings. Make sure your Showcase is embeddable and that the videos inside it have settings that allow them to play on your website. If you are stuck, SociableKIT support can help you check the setup.

Can I use private or password-protected Vimeo videos?

It depends on your Vimeo privacy and embed settings. Videos that are too restricted may not appear or may ask visitors for a password before playing. For the smoothest website experience, use videos and Showcases that are allowed to be embedded on your site.

Can I add autoplay or loop to Vimeo Showcase videos?

Some Vimeo playback behavior depends on Vimeo settings and browser rules. Modern browsers may block autoplay with sound, so autoplay is not always guaranteed for every visitor. SociableKIT helps with the website display, while Vimeo controls the video player behavior.

Will the widget slow down my website?

SociableKIT is built to embed your video showcase without forcing you to upload large video files directly to your website. Since the videos remain hosted on Vimeo, your site can display a professional video section without storing heavy video files on your own server. As with any video content, page speed can still depend on how many videos you show and how your page is built.

Why use SociableKIT instead of pasting the default Vimeo embed code?

The default Vimeo embed is useful, but SociableKIT gives you more control over how your video showcase looks on your website. You can choose layouts, match your brand, manage the widget in one place, and use automatic syncing on paid plans. It is a better fit when you want a polished video section that is easier to maintain.

Can I display more than one Vimeo Showcase?

Yes. You can create additional widgets or add more sources depending on your plan. This is helpful if you want separate video sections for testimonials, tutorials, product demos, events, case studies, or client portfolios.

Does SociableKIT offer unlimited views?

Yes, unlimited views are available on paid plans. This helps your Vimeo Showcase widget keep working even as your website traffic grows. It is a simple option for businesses that do not want to worry about traffic ceilings on important pages.

Is there a free plan for the Vimeo Showcase Videos widget?

Yes. SociableKIT has a free plan you can use to start building and testing your Vimeo Showcase Videos widget. You can upgrade later if you need premium features such as automatic syncing, more capacity, or removing SociableKIT branding.

Can I change the widget design after I embed it?

Yes. You can update your widget settings inside SociableKIT after the code is already on your website. This lets you improve the layout, colors, fonts, or display style without rebuilding the entire page.

Is support available if I need help installing the widget?

Yes. SociableKIT offers support to help you set up, customize, and troubleshoot your widget. Paid plans include 24/7 chat and email support, which is useful when the widget is part of an important business page.

What types of websites should use a Vimeo Showcase Videos widget?

It works well for portfolios, agencies, schools, coaches, churches, nonprofits, course creators, product pages, and businesses that use video to build trust. You can show tutorials, testimonials, demos, webinars, event highlights, or case studies in one organized section. It helps visitors understand your work faster and feel more confident taking the next step.

Add your Vimeo Showcase Videos widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Vimeo Showcase Videos widget page →