Adding Product Video

To add product video, you must first obtain an API Key from your Google account and enter it in the configuration of your store. Then, you can link to the video from the product.

Step 1: Get your YouTube API key

  1. Log in to your Google account and visit the Google Developers Console.

  2. Under Use Google APIs, click Enable and manage APIs.

  3. In the left panel, choose Credentials.

  4. Expand the Add Credentials menu, and choose API key.

  5. When prompted to create a new key, choose Server key.

  6. Enter a name for the key and click Create.

  7. Wait a few moments while the key is generated and then copy the key to the clipboard.

    In the next step, you will paste the key into your store’s configuration.

Step 2: Configure the key in Magento

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Catalog and choose Catalog underneath.

  3. Expand the Product Video section and paste your YouTube API key.

    Product Video

  4. When complete, click Save Config.

  5. When prompted, refresh the cache.

  1. Open a product in edit mode.

  2. In the Images and Video section, click Add Video.

    If you haven’t yet configured your YouTube API key, click OK to continue. You won’t be able to link to a YouTube video, but you can go through the process.

    Add Video

  3. Enter the URL of the YouTube or Vimeo video.

  4. Enter the Title and Description of the video.

  5. To upload a Preview Image, browse to the image and select the file.

  6. If you prefer to use the video meta data, click Get Video Information.

  7. To determine how the video is used in the store, select the checkbox of each Role that applies:

    • Base Image
    • Small Image
    • Swatch Image
    • Thumbnail
    • Hide from Product Page
  8. When complete, click Save.

    New Video

Field reference

Field Description
URL The URL of the associated video.
Title The video title.
Description The video description.
Preview Image An uploaded image that is used as a preview of the video in your store.
Get Video Information Retrieves the video meta data that is stored on the host server. You can use the original data or update it as needed.
Role Determines how the preview image is used in your store. You can choose any combination of options: Base Image, Small Image, Thumbnail, Swatch Image, Hide from Product Page