{"id":7452,"date":"2019-03-25T13:06:45","date_gmt":"2019-03-25T13:06:45","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=7452"},"modified":"2026-06-23T15:18:20","modified_gmt":"2026-06-23T15:18:20","slug":"how-to-set-a-video-for-the-woocommerce-product","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/","title":{"rendered":"How to Set a Video for the WooCommerce Product in Elementor"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><em>JetProductGallery<\/em> is a plugin intended to showcase <em>WooCommerce<\/em> products. The plugin encompasses the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-create-a-scrollable-product-images-layout-with-an-anchor-navigation-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Gallery Anchor Navigation<\/strong><\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-showcase-product-images-within-the-grid-layout\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Gallery Grid<\/strong><\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-showcase-the-product-images-with-gallery-modern-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Gallery Modern<\/strong><\/a>, and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-display-woocommerce-product-images-in-the-gallery-slider-block\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Gallery Slider<\/strong><\/a> widgets, which can be activated in the <strong><em>WordPress Dashboard &gt; Crocoblock &gt; JetPlugins Settings &gt; JetProductGallery &gt; Widgets<\/em><\/strong> tab.&nbsp;<\/p>\n\n\n\n<p>Read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/jetproductgallery-dashboard-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>JetProductGallery Dashboard Overview<\/strong><\/a> to find information about the process of enabling and disabling <em>JetProductGallery<\/em> widgets. In addition, look through the <a href=\"https:\/\/crocoblock.com\/blog\/woocommerce-product-video-gallery-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Create Product Video Gallery in WooCommerce: 3 Easy Methods<\/strong><\/a> article to learn how to add professional video galleries to your <em>WooCommerce<\/em> store without code.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Product Gallery Slider Plugin for WooCommerce in Elementor | Crocoblock Jet Product Gallery Tutorial\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/lQWs-J-4cu8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-video-to-woocommerce-product-gallery\"><strong>Add Video to WooCommerce Product Gallery<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>First, open your <strong>WordPress Dashboard<\/strong> and navigate to the <strong>Products<\/strong> tab. Choose a product you need and then click the \u201c<strong>Edit<\/strong>\u201d button under the title of the product.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1-1024x640.webp\" alt=\"the woocommerce product list\" class=\"wp-image-52074\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>After activating the <em>JetProductGallery<\/em> plugin, the <strong>Jet Product Gallery Video<\/strong> section will be added to the settings page on the right sidebar. Here you can choose <strong>Video Type<\/strong>, such as \u201cYouTube,\u201d \u201cVimeo,\u201d or \u201cSelf Hosted.\u201d&nbsp;<\/p>\n\n\n\n<p>Also, you can choose a <strong>Video Poster<\/strong> and add a <strong>Video URL<\/strong>.<\/p>\n\n\n\n<p>In this case, we set the \u201cSelf Hosted\u201d <strong>Video Type <\/strong>to add video in<em> WooCommerce<\/em> product gallery, upload the image and\/or video from the hard drive, select the needed image from the library, set it as a <strong>Video Poster <\/strong>(will be used as a <em>WooCommerce <\/em>product thumbnail video), and choose the <strong>Video<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jet-products-gallery-video-section-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jet-products-gallery-video-section-1824x1140-1-1024x640.webp\" alt=\"the jet products gallery video section\" class=\"wp-image-52075\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jet-products-gallery-video-section-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jet-products-gallery-video-section-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jet-products-gallery-video-section-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jet-products-gallery-video-section-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jet-products-gallery-video-section-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jet-products-gallery-video-section-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Also, you can add a YouTube video to <em>WooCommerce<\/em> product gallery by selecting the corresponding option. In this case, you\u2019ll be asked to insert the required link.<\/p>\n\n\n\n<p>After that, the list of enabled toggles appeared below the <strong>Video<\/strong> field, as follows: <strong>Show Play\/Pause Button:<\/strong>, <strong>Show Current Time:<\/strong>, <strong>Show Progress Bar:<\/strong>, <strong>Show Duration:<\/strong>, <strong>Show Volume Control:<\/strong>, and <strong>Show Fullscreen Button:<\/strong>. We keep them enabled.<\/p>\n\n\n\n<p>If needed, move to the <strong>Jet Woo Builder<\/strong> section and assign the needed <em>JetWooBuilder<\/em> template. Since we intend to display the video on the <em>JetWooBuilder<\/em> template via the <em>JetProductGallery<\/em> widgets, we&#8217;ll further use Elementor. <\/p>\n\n\n\n<p>Watch the <a href=\"https:\/\/www.youtube.com\/watch?v=7dDfhwp_Kns\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create a Single Product Page Template in WordPress<\/strong><\/a> video to learn how to replace the default product layout with a fully designed template \u2014 custom gallery, layout, and widgets. Also, read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-shop-page-template\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create a Shop Page Template<\/strong><\/a> tutorial to learn how to configure the shop template and what widgets can be used for this purpose.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-settings-1824x1140-1-1024x640.webp\" alt=\"the jetwoobuilder template settings\" class=\"wp-image-52076\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Finally, we save the changes.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"display-the-video-via-jetproductgallery-widgets\"><strong>Display the Video via JetProductGallery Widgets<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Open the single product template or create a new one in the <strong><em>WordPress Dashboard &gt; Crocoblock &gt; Woo Page Builder &gt; Jet Woo Builder Templates<\/em><\/strong> tab.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-list-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-list-1824x1140-1-1024x640.webp\" alt=\"the jetwoobuilder template list\" class=\"wp-image-52077\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-list-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-list-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-list-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-list-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-list-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-jetwoobuilder-template-list-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>For more details on how to create a single product template in <em>JetWooBuilder<\/em>, add and configure widgets: title, gallery, add-to-cart, assign the single product template to all <em>WooCommerce<\/em> products, replace the default <em>WooCommerce<\/em> gallery with <em>JetProductGallery<\/em>, and add a video to the product gallery with <em>JetProductGallery<\/em> can be found in the <a href=\"https:\/\/www.youtube.com\/watch?v=u65yY1useYg\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>JetWooBuilder Single Product &#8211; For Absolute Beginners!<\/strong><\/a> and<strong> <\/strong><a href=\"https:\/\/www.youtube.com\/watch?v=7dDfhwp_Kns\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create a Single Product Page Template in WordPress<\/strong><\/a> videos.<\/p>\n\n\n\n<p>Then, insert the widgets into it to display the product\u2019s data.<\/p>\n\n\n\n<p>After that, add a product video with <em>JetProductGallery<\/em> widget: apply any Crocoblock <em>WooCommerce<\/em> product video solution (the <strong>Gallery Anchor Navigation<\/strong>, <strong>Gallery Grid<\/strong>, <strong>Gallery Modern<\/strong>, or <strong>Gallery Slider<\/strong> widgets) available with the <strong>JetProductGallery<\/strong>; since they all support both video and image formats, but widgets differ in the mutual sizes and positions of images in the gallery.<\/p>\n\n\n\n<p>Here, we consider adding video via the <strong>Gallery Slider<\/strong> widget.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"adjust-the-widgets-settings\"><strong>Adjust the widget\u2019s settings<\/strong><\/h3>\n\n\n\n<p>To showcase the product\u2019s video, insert this widget into the template.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/inserting-the-gallery-slider-widget-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/inserting-the-gallery-slider-widget-1824x1140-1-1024x640.webp\" alt=\"inserting the gallery slider widget\" class=\"wp-image-52078\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/inserting-the-gallery-slider-widget-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/inserting-the-gallery-slider-widget-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/inserting-the-gallery-slider-widget-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/inserting-the-gallery-slider-widget-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/inserting-the-gallery-slider-widget-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/inserting-the-gallery-slider-widget-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once added, the<strong><em> Content &gt; General<\/em><\/strong> section will be unrolled.<\/p>\n\n\n\n<p>Here, set the \u201cWooCommerce Products \u201c <strong>Source<\/strong> and input the <strong>Product ID<\/strong> of the product to which you have added the video. Then, you\u2019ll see product images and videos added.<\/p>\n\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">If you build a single page and leave the <strong>Product id<\/strong> field empty, the <strong>Gallery Slider <\/strong>widget will pull the current product\u2019s ID.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/setting-the-source-for-the-gallery-slider-widget-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/setting-the-source-for-the-gallery-slider-widget-1824x1140-1-1024x640.webp\" alt=\"setting the source for the gallery slider widget\" class=\"wp-image-52079\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/setting-the-source-for-the-gallery-slider-widget-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/setting-the-source-for-the-gallery-slider-widget-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/setting-the-source-for-the-gallery-slider-widget-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/setting-the-source-for-the-gallery-slider-widget-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/setting-the-source-for-the-gallery-slider-widget-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/setting-the-source-for-the-gallery-slider-widget-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>After you specify the <strong>Product id<\/strong>, you can <strong>Disable Featured Image<\/strong> and\/or <strong>Enable Zoom<\/strong> and gallery options by activating the corresponding toggles, if needed.<\/p>\n\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The <strong>Enable Gallery<\/strong> toggle activates the lightbox feature to open a lightbox with the image by clicking.<\/p><\/div><\/div>\n\n\n\n<p>After that, unroll the <strong>Image<\/strong> section and set the needed <strong>Image Size<\/strong> and <strong>Thumbnail Size<\/strong>.&nbsp;<\/p>\n\n\n\n<p>The next tab is the <strong>Slider<\/strong> tab. Here, you can set the horizontal or vertical image slider in the <strong>Direction<\/strong> field. Also, adjust other settings if needed. For instance, you can activate the infinite loop, set equal slides, and change their sensitivity and transition effect.<\/p>\n\n\n\n<p>In this tab, you can customize the navigation and pagination settings. The <strong>Show Navigation <\/strong>toggle is activated by default. If enabled, it allows selecting the icons for the \u201c<strong>Previous<\/strong>\u201d<strong> <\/strong>and \u201c<strong>Next<\/strong>\u201d<strong> <\/strong>arrows by clicking on the corresponding buttons. If you activate the <strong>Enable <\/strong>toggle in the <strong>Pagination <\/strong>section and set the <strong>Pagination Type <\/strong>to \u201cThumbnails\u201d, the gallery images will be shown below the main image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"configure-the-woocommerce-product-gallery-video-settings\"><strong>Configure the <\/strong><strong>WooCommerce product gallery video settings<\/strong><\/h3>\n\n\n\n<p>Navigate to the <strong>Video <\/strong>section. Here you can manage the following settings:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-1024x640.webp\" alt=\"the gallery slider settings\" class=\"wp-image-52080\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Display Video In <\/strong>\u2014 a drop-down list to set the way the video will be displayed; the \u201cContent\u201d option allows displaying the video to the right of the images, and the \u201cPopup\u201d option allows placing the video in a pop-up;<\/li>\n\n\n\n<li><strong>Aspect Ratio <\/strong>\u2014 a drop-down list to select the needed video aspect ratio;<\/li>\n\n\n\n<li><strong>Display Video at First Place<\/strong> \u2014 a toggle that is shown if the \u201cContent\u201d <strong>Display Video In option<\/strong> set, and if enabled, puts the video first, before other images;<\/li>\n\n\n\n<li><strong>Video Priority<\/strong> \u2014 a drop-down list that is shown if the \u201cContent\u201d <strong>Display Video In option<\/strong> set, and allows specifying the featured image position;<\/li>\n\n\n\n<li><strong>Autoplay <\/strong>\u2014 a toggle allowing the video to be played right after proceeding to it;<\/li>\n\n\n\n<li><strong>Mute <\/strong>\u2014 a toggle allowing the video to be muted;<\/li>\n\n\n\n<li><strong>Loop <\/strong>\u2014 a toggle allowing users to loop the video so that it plays again when it ends;<\/li>\n\n\n\n<li><strong>Overlay Color <\/strong>\u2014 a field to set an overlay color in case you display the video in the popup;<\/li>\n\n\n\n<li><strong>Play Button<\/strong> \u2014 a set of fields to <strong>Show<\/strong> the corresponding button on the video, selecting its <strong>Type<\/strong>, and <strong>Icon<\/strong> that will be displayed below the slider.<\/li>\n<\/ul>\n\n\n\n<p>Once completed, save the changes by pressing the \u201c<strong>Publish<\/strong>\u201d button, and move to the front end to observe how it works.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-1024x640.webp\" alt=\"the gallery slider on the front end\" class=\"wp-image-52080\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-gallery-slider-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1781812735469\"><strong class=\"schema-faq-question\"><strong>What video formats are supported in JetProductGallery?<\/strong><\/strong> <p class=\"schema-faq-answer\"><em>WooCommerce<\/em> itself does not natively support product videos. In turn, the plugin supports all widespread and commonly used formats (e.g., MP4, WebM) and embedded videos from platforms such as YouTube and Vimeo.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1781812754789\"><strong class=\"schema-faq-question\"><strong>Is it necessary to add the video to the WooCommerce product page?<\/strong><\/strong> <p class=\"schema-faq-answer\">It is not necessary, but it essentially contributes to UI and makes the product more attractive by showcasing features, functionality, size, and usage. Anyway, you can combine images and videos in a <em>WooCommerce<\/em> product gallery, as well as add either videos or images.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1781812785580\"><strong class=\"schema-faq-question\"><strong>Can I add some WooCommerce product gallery videos?<\/strong><\/strong> <p class=\"schema-faq-answer\">No, currently this functionality is unavailable.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1781812807540\"><strong class=\"schema-faq-question\"><strong>Does the Crocoblock WooCommerce product video solution affect my website&#8217;s loading speed?<\/strong><\/strong> <p class=\"schema-faq-answer\">The plugin is a light-weight one, but large video files can impact page performance since they are hosted directly on your website. To avoid it, insert links on external platforms such as YouTube or Vimeo. We recommend this as the best way to show product videos in <em>WooCommerce<\/em> gallery.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1781812835133\"><strong class=\"schema-faq-question\"><strong>Is the WooCommerce product video gallery mobile-friendly?<\/strong><\/strong> <p class=\"schema-faq-answer\">The plugin is designed to be responsive, ensuring that videos display correctly on desktops, tablets, and mobile devices.<\/p> <\/div> <\/div>\n\n\n\n<p>That\u2019s it. Now you know how to insert different types of video in product gallery <em>WooCommerce<\/em> via the <em>JetProductGallery<\/em> plugin for WordPress, insert widgets, and configure their settings.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to insert different types of video in product gallery WooCommerce via the JetProductGallery plugin widgets and configure their settings.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[473],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Set a Video for the WooCommerce Product in Elementor \u4e00 JetProductGallery | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to insert different types of video in product gallery WooCommerce via the JetProductGallery plugin widgets and configure their settings.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Set a Video for the WooCommerce Product in Elementor \u4e00 JetProductGallery | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to insert different types of video in product gallery WooCommerce via the JetProductGallery plugin widgets and configure their settings.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-23T15:18:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/\",\"name\":\"How to Set a Video for the WooCommerce Product in Elementor \u4e00 JetProductGallery | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-03-25T13:06:45+00:00\",\"dateModified\":\"2026-06-23T15:18:20+00:00\",\"description\":\"Learn how to insert different types of video in product gallery WooCommerce via the JetProductGallery plugin widgets and configure their settings.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812735469\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812754789\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812785580\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812807540\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812835133\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Set a Video for the WooCommerce Product in Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812735469\",\"position\":1,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812735469\",\"name\":\"What video formats are supported in JetProductGallery?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<em>WooCommerce<\/em> itself does not natively support product videos. In turn, the plugin supports all widespread and commonly used formats (e.g., MP4, WebM) and embedded videos from platforms such as YouTube and Vimeo.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812754789\",\"position\":2,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812754789\",\"name\":\"Is it necessary to add the video to the WooCommerce product page?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It is not necessary, but it essentially contributes to UI and makes the product more attractive by showcasing features, functionality, size, and usage. Anyway, you can combine images and videos in a <em>WooCommerce<\/em> product gallery, as well as add either videos or images.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812785580\",\"position\":3,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812785580\",\"name\":\"Can I add some WooCommerce product gallery videos?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, currently this functionality is unavailable.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812807540\",\"position\":4,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812807540\",\"name\":\"Does the Crocoblock WooCommerce product video solution affect my website's loading speed?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The plugin is a light-weight one, but large video files can impact page performance since they are hosted directly on your website. To avoid it, insert links on external platforms such as YouTube or Vimeo. We recommend this as the best way to show product videos in <em>WooCommerce<\/em> gallery.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812835133\",\"position\":5,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812835133\",\"name\":\"Is the WooCommerce product video gallery mobile-friendly?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The plugin is designed to be responsive, ensuring that videos display correctly on desktops, tablets, and mobile devices.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Set a Video for the WooCommerce Product in Elementor \u4e00 JetProductGallery | Crocoblock","description":"Learn how to insert different types of video in product gallery WooCommerce via the JetProductGallery plugin widgets and configure their settings.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/","og_locale":"en_US","og_type":"article","og_title":"How to Set a Video for the WooCommerce Product in Elementor \u4e00 JetProductGallery | Crocoblock","og_description":"Learn how to insert different types of video in product gallery WooCommerce via the JetProductGallery plugin widgets and configure their settings.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/","og_site_name":"Help Center","article_modified_time":"2026-06-23T15:18:20+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/03\/the-woocommerce-product-list-1824x1140-1-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","FAQPage"],"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/","name":"How to Set a Video for the WooCommerce Product in Elementor \u4e00 JetProductGallery | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-03-25T13:06:45+00:00","dateModified":"2026-06-23T15:18:20+00:00","description":"Learn how to insert different types of video in product gallery WooCommerce via the JetProductGallery plugin widgets and configure their settings.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812735469"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812754789"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812785580"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812807540"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812835133"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Set a Video for the WooCommerce Product in Elementor"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812735469","position":1,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812735469","name":"What video formats are supported in JetProductGallery?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"<em>WooCommerce<\/em> itself does not natively support product videos. In turn, the plugin supports all widespread and commonly used formats (e.g., MP4, WebM) and embedded videos from platforms such as YouTube and Vimeo.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812754789","position":2,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812754789","name":"Is it necessary to add the video to the WooCommerce product page?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"It is not necessary, but it essentially contributes to UI and makes the product more attractive by showcasing features, functionality, size, and usage. Anyway, you can combine images and videos in a <em>WooCommerce<\/em> product gallery, as well as add either videos or images.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812785580","position":3,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812785580","name":"Can I add some WooCommerce product gallery videos?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"No, currently this functionality is unavailable.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812807540","position":4,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812807540","name":"Does the Crocoblock WooCommerce product video solution affect my website's loading speed?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The plugin is a light-weight one, but large video files can impact page performance since they are hosted directly on your website. To avoid it, insert links on external platforms such as YouTube or Vimeo. We recommend this as the best way to show product videos in <em>WooCommerce<\/em> gallery.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812835133","position":5,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-a-video-for-the-woocommerce-product\/#faq-question-1781812835133","name":"Is the WooCommerce product video gallery mobile-friendly?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The plugin is designed to be responsive, ensuring that videos display correctly on desktops, tablets, and mobile devices.","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/7452"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=7452"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=7452"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=7452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}