{"id":119,"date":"2018-06-13T12:25:36","date_gmt":"2018-06-13T12:25:36","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2018\/06\/13\/add-youtube-videos-in-magento-2-product-pages\/"},"modified":"2025-07-22T17:12:00","modified_gmt":"2025-07-22T11:42:00","slug":"add-youtube-videos-in-magento-2-product-pages","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-youtube-videos-in-magento-2-product-pages\/","title":{"rendered":"How to Add YouTube Videos in Magento 2 Product Pages"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">How about having an in-store sales person helping a potential customer to make a purchase in your Magento 2 store just like any other offline store?&nbsp;?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Product videos are just like that! Videos bring a product to life! Videos can explain a product in a better way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The store owners need to convince visitors about their products or services. Humans are visual creatures and respond to visual data more effectively rather than any other data types. So, adding videos on product pages describing the product and its features is the best way to present your products.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before learning to&nbsp;<em>add YouTube videos in Magento 2<\/em>&nbsp;product pages, take a look at the advantages you\u2019d enjoy by doing so:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Deliver your product usability and features quickly<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Get the visitors to focus on what you want to sell and get them to spend more time on your site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Videos surely drive traffic with the improved SERPs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Don\u2019t let your visitors get bored with texts. Be entertaining!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Stand out from the competitors\u2019 crowd<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6. Increase the number of returning users with videos having tutorials, and consequently expose them to new buying opportunities!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">According to&nbsp;<a href=\"https:\/\/blog.hubspot.com\/marketing\/importance-of-product-videos-for-ecommerce\" target=\"_blank\" rel=\"noreferrer noopener\">Hubspot<\/a>,&nbsp;73% more visitors who watch product videos will buy and 58% of shoppers think that companies with product videos can be trusted! Keeping this fact in mind, we have come up with the tutorial to&nbsp;<strong><em>add YouTube videos in Magento 2 product pages<\/em><\/strong>. I have tried to explain the process step by step to make it easy to implement!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps to add YouTube videos in Magento 2 Product Pages:<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Get the Youtube API Key<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You need to login to your Google account and go to&nbsp;<a href=\"https:\/\/console.cloud.google.com\/apis\/library\" target=\"_blank\" rel=\"noreferrer noopener\">Google Developers Console<\/a>.<\/li>\n\n\n\n<li>Land on API library page where you need to click on&nbsp;<strong>YouTube Data API, e<\/strong>nable the API by clicking on&nbsp;<strong>Create Project.<\/strong><\/li>\n\n\n\n<li>Navigate to&nbsp;<strong>Credentials<\/strong>&nbsp;tab, click&nbsp;<strong>Create Credentials<\/strong><\/li>\n\n\n\n<li>Select the<strong>&nbsp;API Key&nbsp;<\/strong>option to get an API.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Integrate YouTube API key to Magento 2<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>From the admin panel, navigate to&nbsp;<strong>Stores<\/strong>&nbsp;&gt;&nbsp;<strong>Configuration &gt; Catalog.&nbsp;<\/strong>From the&nbsp;<strong>Product Video<\/strong>&nbsp;section, insert the YouTube API key, generated from the Google Developers Console. Click&nbsp;<strong>Save Config<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2018\/06\/1_Add-API-key-in-Magento-2.png\" alt=\"Add API key in Magento 2\" class=\"wp-image-3134\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Integrate YouTube Video URL to Product<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now move to&nbsp;<strong>Catalog &gt; Products &gt; Edit a product<\/strong>.&nbsp;&nbsp;Navigate to<strong>&nbsp;Images and Videos<\/strong>&nbsp;section of Product and click on&nbsp;<strong><strong>Add Video.<\/strong><\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2018\/06\/2_add-video-in-product.png\" alt=\"2_add-video-in-product\" class=\"wp-image-3135\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter the Product video&nbsp;<strong>URL<\/strong>&nbsp;from YouTube<strong>.<\/strong>&nbsp;If the API key is invalid or you haven\u2019t added it yet, you will get an error message.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2018\/06\/3_Youtube-API-key-error-message.png\" alt=\"3_Youtube-API-key-error-message\" class=\"wp-image-3136\" style=\"width:840px;height:auto\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After adding product video URL, click to save and jump back to the product page to check the video added.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2018\/06\/4_Add-video-details.png\" alt=\"4_Add-video-details\" class=\"wp-image-3137\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As far as Vimeo is concerned, the process is much simpler. All you have to do is paste video URL, edit the description and hit save!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As adding a video is quite effective than adding a number of pictures, follow the above tutorial to&nbsp;<em>add YouTube video in Magento 2 product pages,&nbsp;<\/em>give buyers quality information and build trust.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How about having an in-store sales person helping a potential customer to make a purchase in your Magento 2 store just like any other offline&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-119","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":2,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/119\/revisions"}],"predecessor-version":[{"id":15651,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/119\/revisions\/15651"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}