Help and Tutorials

Embed a Video


You can embed any YouTube, Facebook, or Vimeo video into any of your ArtSites pages. However, before doing this, you'll first need to upload your video to either YouTube, Facebook, Vimeo, or a similar video service where you can get an "Embed Code"

(FYI - Here are some instructions on how to upload your video to YouTube.)

Get a "YouTube Embed Code"

  1. Click the 'Share' button located under the YouTube video you want to insert
  2. Click the 'Embed' button
  3. Copy the highlighted code provided in the expanded box using either Ctrl-C (PC) or Command ⌘-C (Mac) or right-click your mouse and select 'Copy'.
    (Do make sure the code is highlighted before you copy. Here are some more detailed instructions and options, if you're having issues.)

Once you have the embed code from YouTube (or any other video website), you can embed the code into your ArtSites website.

Get a "Facebook Embed Code"

Here are the instructions for How to Get a Facebook Video Embed Code

  1. Go to the Facebook Video Post
    You can get the embed code directly from the video post itself, if the video post is public.
  2. Click on the icon that appears in the top right corner of the post on Facebook.
  3. Choose Embed Video from the drop down menu
  4. Or, when viewing a single video post, select the "Embed Video" link on the bottom right.
  5. Highlight and Copy the Code
    (You will see a dialog appear with the code to embed your video post. Highlight and copy this code using Ctrl+C (PC) or Command ⌘+C (Mac) or right-click your mouse and select 'Copy'.
  6. Now, follow the directions below.

Embed a Video

  1. Go to the page, gallery, or image where you want to insert the video code
    (For galleries or images, you may need to click on the 'Edit' icon: Edit icon)
  2. You will see our standard 'Content' text editing box. Depending on where you are, it may be called 'XYZ Content' or 'Description' or 'Extra Text', if you are working with an image or gallery.
    (Please note that 'Extra Text' is not displayed in some layouts.)
  3. Click in the 'Content' text editing box and put your mouse cursor where you want to insert the video.
  4. Click on the 'Filmstrip' icon: Embed icon (red circle below in the second line of icons)
    Filmstrip Icon in Content Editor Ribbon
  5. You will get the 'Embed Dialog' box (see below)
    Embed Dialog Box
  6. Click in the text box area (it will be highlighted in blue)
  7. Now, you can either right-click with your mouse and select 'Paste' or use Ctrl-V (PC) or Command ⌘-V (Mac) to paste the code.
  8. Click 'Ok'
  9. Your video code will now be embedded.
    (Please note that you may not see it explicitly in the Content Editor.)
  10. Be sure to click the 'Update' button to save your changes!

Now, go and look at the page, gallery or image where you embedded the code to see your video.




Back to tutorial list.