Help Centre

Support > Designing and Building Your Website > Adding Your Content

How to add a Vimeo video to your site

Vimeo is a free service that allows you to upload and share video content and is especially good for longer, high-definition videos. Using a HTML fragment you can easily embed a Vimeo video on your site. This guide will explain how to achieve this.

Getting the embed code from Vimeo

Embedding allows you to add a video directly to your site content. This is done using a short HTML code which can be taken from any Vimeo video. In order to get the embed code, you'll need to click the 'Share' button directly below the video.

Clicking this will give you a pop up with several share options, including 'Embed'.

You can click 'Show options' in order to customise the video which will automatically update the code. Otherwise, simply copy the code in this box.

Adding the embed code to a HTML fragment

Once you have the embed code, you'll need to add this to a HTML fragment.

  1. Log in to your Create account
  2. Select "Content" on the Top Menu
  3. Click "HTML fragments" from the left-hand menu
  4. Click on the "New HTML Fragment" button at the top of the screen
  5. In the "Description" box enter something descriptive so that you know what the HTML code is for or what it does. This is just for your reference and will not appear on your site
  6. Paste the embed code into the large "HTML Code" box
  7. Click the "Add HTML Fragment" button
  8. You will be returned to the "HTML Fragments" screen where your new fragment will now be listed

Adding the Vimeo video to a page

Once you have created the HTML fragment with the video, you will need to insert it onto one of the pages of your website. To do this, take the following steps: 

  1. Click on "Content" on the Top Menu
  2. Click "Edit" (the pencil icon) next to the page you would like to attach the code to
  3. Drag and drop the HTML Fragment icon to the desired place on the page
  4. On the side menu, click the search bar to search for your newly created HTML Fragment
  5. Once selected, click "Done", followed by "Save" to save your changes

You can now preview and/or publish your site to see your video working on your site. If you need any further assistance with this, contact your Account Manager for additional help.