17. Add Video to Product Details


Please take a note, the last product update allows adding and using video clips in the Media Gallery of the Products.

The possibility to add video records to product details is available for the store(s) based on the Magento 2.x versions since the Magento of 1.x versions doesn't support such option!

In the updated version of Store Manager, there is the "Images and Videos" tab in the Products Lower Grid.

Images and videos tab

In Store Manager for store(s) with the older versions of Magento (till 2.x) this option is not available (see an example on the illustration below):

Image Gallery in old version

Firstly, after you opened the form to load product video, you should see the notification to enter YouTube API Key. This can be done from the Google account. Visit this page to get more details on getting an API key based on your Google credentials.

In order to activate a key and proceed with the video assigning, use the link shown on the illustration below:

Insert the API key

It should lead to the Admin Panel of your store, i.e. Dashboard-> Stores-> Configuration->Catalog choose the same-named sector and find the Product Video area.

Enter an API key in the corresponding field and press the [Save Config] button to keep this entry.

Add API key in Admin

We recommend you to [Flush Magento Cache] from the back-end office after the current action.

Flush Magento Cache

Once a key is accepted, the form in Store Manager will be updated (see an illustration below).

As an exception, if you place your video on Vimeo, an API key will be unnecessary, because its format is acceptable. You should only specify an URL path to it.

Now, you can insert an URL path to the video in the reelvant field.

URL - Title-Description fields

Also, you have to fill in the rest of the fields:

  • "Title" is a mandatory field. Indicate the name of the video record there.
  • "Description" - indicate some information about the attached video.
  • "Preview image" - assign an illustration to the product, preview it in the corresponding area.
Image Roles checkboxes

< - Select key positions to display a picture on the store’s front-end: "Base", "Small", "Thumbnail", "Swatch"

Hide from Product Page

< - Make the image visible on the Product page.

If you have installed the version of a flash player that supports this type of video records, you will be able to preview it in the right section of the form:

Preview image area

In other cases, please install the appropriate version of flash player. To do so, click the direct link, as shown on the illustration below:

Flash Player install

To see whether a video you added was attached to a relevant product, click the [OK] button in the "Edit" form. This enables the sign in the "Media Gallery" tab, which indicates the added video.

Video sign on Products page

There are two sub-tabs on the right pane of the current tab:

  • "Image Preview" shows an illustration that has been assigned to the record
  • "Video Preview". There is the possibility to start video recovering directly from the lower product's grid.

The additional information, which was indicated in the "Edit Video" form, is available under the record, as well.

Video preview sub-tab

The video can be previewed now on a Product page of the store. Select a product from the Products list and use the context menu to move to the front-end:

View product page

You can view the video after pressing the image of a product, as presented on the illustration below:

Video on the Store&#39;s page

To edit video and related information in Store Manager, use the option on the toolbar menu:

Edit video option

If you need any assistance concerning current Store Manager's option, contact our support center.