Help Topics

General Help Topics
Site Setup FAQ's Email - Set Up Domains Special Features FrameEZ Troubleshooting
Shopping Cart
Store Configuration Global Configuration Product Management Categories Manufacturers/Brands STN Import Tool Shipping Payment Processors Orders and Sales Shopper Groups Coupons & Discounts Taxes Safety Warnings POS-to-Web Sync
Import/Export Data Components
Contact Us Store Locator Newsletters - Letterman Front Page SlideShow Events Calendar QuickBooks Sync SEO Manager Media Manager Picture Gallery User Manager Banner Manager Language Editor
Wish List Mobile Lightspeed POS
Content Management
Embedding a YouTube video on your website E-mail
Content Management - Static Content
Tuesday, 12 April 2016 08:22

Before you can embed a video on your website, you will need to have a YouTube Channel to upload the video to. For help on creating an account, see the links below:

To be able to add a video to your site, you will first need to add it to your YouTube channel. Click here to watch a tutorial on uploading videos.


Embedding a YouTube video on your website

Option 1: Video ID (Simple option)

  1. On your YouTube channel, navigate to and open the video you would like to embed
  2. Under the video and channel information, find the Share icon
  3. In the Share URL, copy only the video's ID code, found after the "https://youtu.be/"
  4. On the back end of your website, find the Content Item or Static Content page that you would like to embed the video in and open it
  5. Find the location in the content where you would like the video to display and add the copied video ID as shown here
  6. Save your changes and proof the embedded video on the front end of your site


 

Option 2: Embed Code (Advanced option)

(this information can also be used when embedding a Google Map by searching for the location on Google Maps, clicking the Share button, and selecting the Embed Map tab)

  1. On your YouTube channel, navigate to and open the video you would like to embed
  2. Under the video and channel information, find the Share icon
  3. Select the embed tab
  4. (optional) Below the embed code, you can click the Show More button to configure video player size, suggested videos, player actions, and more.
  5. Select the entire embed code and copy it
  6. On the back end of your website, find the Content Item or Static Content page that you would like to embed the video in, open it, and click the Source button (this will show the HTML code for the page, so it may be a bit difficult to understand what you are looking at, depending on the page's content)
  7. Paste the copied code in between the content wherever you want the video to show on the page
  8. Save your changes and proof your page on the front-end
Last Updated on Thursday, 28 July 2016 13:32