Magento 2 Tutorials

How to Add YouTube Videos on Product Pages in Magento 2

Magento 2 is an eCommerce platform where you can run your personal online store. Magento 2 provides several features to help you manage your stores according to your requirements.

Adding videos to products is one of the many important features of Magento 2, and using this feature can help you inform your customers about your products in a better way.

Hence, in this tutorial, we are going to learn how to integrate videos to products in Magento 2. To do that, we’ll have to follow these steps:

  • Generate a Youtube API Key.
  • Integration of the Youtube API key to Magento 2.
  • Integration of the Youtube Video URL to Product.

Generate YouTube API Key

In order to add Youtube videos to products, you need to generate a Youtube API key. First, login to your Google account and go to Google Developers Console.

You’ll be greeted with the following screen:

Google Developer Console

Click the menu button on the left corner of the page:

Navigate Menu of Google Console

Select API Manager:

Click API Manager

Now you should be on the API library page. Click on Youtube Data API.

Click YouTube Data API

Now Create Project to enable the API.

Click on Create Project Project Creation WindowAdd Project Name

Enable the API as shown below:

Enable API

Once you are on the following screen, go to the Credentials tab.

Go to Credentials Tab of Google Console

Click on Create Credentials.

Create Credentials

Select API key option.

Click API Key

You have finally generate an API key as demonstrated in the image below:

API Key Generated

Integration of Youtube API key to Magento 2

Go to the Admin Panel of your Magento Store and navigate to the Store tab from the left corner of the page. Select Configuration from the options.

Navigate from stores to configuration

Now click on Catalog:

Navigate to Catalog

Go to Product Video section and insert the Youtube API key which we generated in Google Developers Console. Then click on Save Config.

Enter API Key

Integration of Youtube Video URL to Product

Go to the Admin Panel of the Magento Store and navigate to the Products tab. Next, click the Catalog option.

Navigate from product to Catalog

Click on the Edit option of product.

Edit Product

Now go to the Images and Videos section of Product and click on Add Video.

Scroll to Video section of catalog

Enter the Product video URL from Youtube and click on Save.

Enter YouTube Video URL

Now, just click on Save as shown in the image below:

Save the product

Go back to the Product page and you will see the result.

Video Added to Magento 2 product

Final Words

You can use the video feature to attract and convince the customer about the product. By following this tutorial, you’ll be able to add video to products in Magento store easily. If you have a problem or would like to add to the discussion, just leave a comment below.

About Syed Muneeb Ul Hasan

Syed Muneeb Ul Hasan is an expert in PHP and Magento, he prefers to educate users in implementing and learning Magento. When not working, he loves to watch cricket.

  • Stay Connected: