Adding Video to my Product Page

There are a couple of options available to you when choosing to add video to a web page.

Existing YouTube Video

If you would like to add a video that is currently being stored on YouTube, you can obtain the html code to embed the video from YouTube directly and plug that code into either the description or the extended description of the product. This will display the video on your product page.

To obtain the html code to embed the video from YouTube into your site simply:

  1. Navigating to the video's YouTube page > click Share > click Embed (code will be in the box)
  2. Click Show More (we recommend that you turn OFF the “Show suggested videos when the video finishes” link.)
  3. Log into WSM
  4. Navigate to the page where you would like to add the video
  5. Click Edit
  6. Paste code into either Description or the Extended Description field
  7. Click Save, on the bottom right of the page
  8. Click on the magnify glass to view the page on the frontend to verify the layout is as you desire

Note: If you want to add a video to a product, go to step 2 and instead hover over Catalog> click on Products> Search for the product you want to edit and click on the pencil/paper icon and continue with steps.

 Hyperlink the Video onto a Page

The other option is to use the Description or the Extended Description field and create a hyperlink to the video.

To obtain the hyperlink from YouTube:

  1. Navigate to the video's YouTube page > click Share (code will be in the box under all of the social media icons)
  2. Log into WSM
  3. Navigate to the page where you would like to add the video
  4. Click Edit
  5. Paste code into either Description or the Extended Description field using the following html to create a working html link (change hef to href):
  6. Click Save
  7. View the page on the front end to verify the layout is as you desire