Adding YouTube Videos and YouTube Shorts To Your Website

Adding YouTube Videos and YouTube Shorts To Your Website

Adding YouTube Videos

To add a YouTube Video, you can copy the embed code directly from YouTube, then insert it into a Video Widget.

1. Copy the Embed Code from the YouTube Video

YouTube provides an embed code for their videos. If the video you want to place on your website is a Short, please see instructions further down this page. 
  1. In your browser, navigate to YouTube and find your video
  2. Click the share button
  3. Select Embed 

  1. Copy the embed code

2. Paste the Embed Code into an Add Video Widget

To place the code on your site:
  1. Log into your site so you see the Dashboard
  2. Go to Content > Widget Manager
  3. Navigate to the page where you'd like the YouTube Short to appear (use the menu on your site or change the URL in the address bar)
  4. Drag and drop a Add Videos Widget into the grey and white checkered area
  5. Click the pencil icon to edit the widget settings
  6. Paste your customized embed code into the box below Put video embed tag here
  7. Save the changes.
  8. Close the Add Videos Widget.

Adding YouTube Shorts

YouTube does not provide embed code for Shorts directly. You can still add Shorts to your site by modifying the code below with your Short's Video ID.

1. Copy the Embed Code

Copy the following embed code and paste it into a text editor or word processor so you can modify it.
    1. <iframe width="315" height="560" src="https://www.youtube.com/embed/videoID" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

2. Add the Video ID to the Embed Code

Replace the placeholder videoID with the actual Video ID of your short:
  1. Open the YouTube Short in your browser
  2. Look at the URL, which will appear in this format: www.youtube.com/shorts/videoID

  1. Copy everything after /shorts/ 
    1. For Example: If the URL is www.youtube.com/shorts/gDVrpzk77vU, the Video ID is gDVrpzk77vU.
  2. Replace the placeholder videoID in the embed code with your short's Video ID. Your updated code will look like this:
    1. <iframe width="315" height="560" src="https://www.youtube.com/embed/gDVrpzk77vU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  1. Copy the updated embed code

3. Paste the Embed Code into an Add Video Widget

To place the code on your site:
  1. Log into your site so you see the Dashboard
  2. Go to Content > Widget Manager
  3. Navigate to the page where you'd like the YouTube Short to appear (you can use the menu on your site, or by change the URL in the address bar)
  4. Drag and drop a Add Videos Widget  into the grey and white checkered area
  5. Click the pencil icon to edit the widget settings
  6. Paste your customized embed code into the box below Put video embed tag here
  7. Save the changes.
  8. Close the Add Videos Widget.

    • Related Articles

    • Adding Testimonials to Your Website

      Here you find instructions for adding customer endorsements to your site as text, and and how to embed third party widgets for Google reviews onto your site. Adding Testimonials to Your Website To ensure consistent formatting you can paste plain ...

    • Adding Google Analytics to Your Website

      Google Analytics is a powerful tool that helps you monitor and understand how visitors interact with your website. By adding a Google Analytics tracker, you’ll be able to track essential data such as user behavior, traffic sources, and website ...

    • Adding Images to Your Website

      This article covers how to add images to your site and optimize images for mobile devices. Adding a Text Widget to a Page 1. Go to the Widget Manager Text Widgets allow you to add text and images to your site’s pages. From your Dashboard, go to ...

    • Adding Buttons to Your Website

      This article guides you through creating a custom button using an online design tool, uploading it to your website via a text widget, and linking it to a specific page. The result is a clickable button on your site that directs visitors to your ...

    • Optimizing Your Website for SEO

      Having a website that ranks well on search engines is crucial for visibility and attracting visitors. Fortunately, your website comes equipped with built-in SEO tools that allow you to configure essential meta tags, which include meta titles, ...