{"id":582,"date":"2025-04-30T11:35:52","date_gmt":"2025-04-30T11:35:52","guid":{"rendered":"https:\/\/woogallery.io\/docs\/?post_type=docs&#038;p=582"},"modified":"2025-04-30T11:38:33","modified_gmt":"2025-04-30T11:38:33","slug":"how-to-add-a-facebook-video-to-the-product-gallery","status":"publish","type":"docs","link":"https:\/\/woogallery.io\/docs\/how-to-add-a-facebook-video-to-the-product-gallery\/","title":{"rendered":"How to add a Facebook video to the Product Gallery?"},"content":{"rendered":"\n<p>Adding a <strong>Facebook<\/strong> video to your product gallery images is easy using the WooGallery plugin. Follow the steps below:\u00a0<\/p>\n\n\n\n<p><strong>1)<\/strong> From the <strong>Edit Product <\/strong>page scroll down to the <strong>Product Gallery <\/strong>area.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Edit-Product-Page-Product-Gallery-1024x481.png\" alt=\"\" class=\"wp-image-575\" srcset=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Edit-Product-Page-Product-Gallery-1024x481.png 1024w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Edit-Product-Page-Product-Gallery-300x141.png 300w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Edit-Product-Page-Product-Gallery-768x361.png 768w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Edit-Product-Page-Product-Gallery-1536x722.png 1536w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Edit-Product-Page-Product-Gallery-2048x963.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>2)<\/strong> If you want to add the Facebook video to the <strong>Featured Image<\/strong>, click on the featured image. If you want to add the video to a <strong>gallery image<\/strong>, click on <strong>Add product gallery images<\/strong>. This will open the <strong>Media Library<\/strong>, where you can select the gallery image.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Media-Library-1024x442.png\" alt=\"\" class=\"wp-image-565\" srcset=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Media-Library-1024x442.png 1024w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Media-Library-300x130.png 300w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Media-Library-768x332.png 768w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Media-Library-1536x663.png 1536w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Media-Library-2048x884.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>3)<\/strong> Once you select an image, a popup (<strong>Attachment Details<\/strong>) will appear where you will see a box named <strong>Video Link<\/strong> at the bottom.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Image-Attachment-Details-1024x489.png\" alt=\"\" class=\"wp-image-566\" srcset=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Image-Attachment-Details-1024x489.png 1024w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Image-Attachment-Details-300x143.png 300w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Image-Attachment-Details-768x367.png 768w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Image-Attachment-Details-1536x734.png 1536w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Image-Attachment-Details-2048x979.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>4) <\/strong>Insert the <strong>Facebook<\/strong> video link there, and the video will be set with that image.<\/p>\n\n\n\n<p><strong>Note<\/strong>: The Facebook video URL should be copied from the Embed video.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"886\" src=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Video-URL-Embed.png\" alt=\"\" class=\"wp-image-258\" srcset=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Video-URL-Embed.png 968w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Video-URL-Embed-300x275.png 300w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Video-URL-Embed-768x703.png 768w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><\/figure>\n\n\n\n<p>1. Click on Embed from the three dots.<\/p>\n\n\n\n<p>2. A popup will appear as Embed Video.<\/p>\n\n\n\n<p>3. Click on Copy Code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Embed-Video-URL-Copy-1024x1024.png\" alt=\"\" class=\"wp-image-259\" srcset=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Embed-Video-URL-Copy-1024x1024.png 1024w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Embed-Video-URL-Copy-300x300.png 300w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Embed-Video-URL-Copy-150x150.png 150w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Embed-Video-URL-Copy-768x768.png 768w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Facebook-Embed-Video-URL-Copy.png 1185w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>4. Then paste the code in the WooGallery Video Link field and keep only the link that is in the first inverted comma and remove all the other text. See the following screenshot:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"79\" src=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-FB-Video-URL-From-iFrame-1024x79.png\" alt=\"\" class=\"wp-image-260\" srcset=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-FB-Video-URL-From-iFrame-1024x79.png 1024w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-FB-Video-URL-From-iFrame-300x23.png 300w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-FB-Video-URL-From-iFrame-768x59.png 768w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-FB-Video-URL-From-iFrame.png 1345w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Note<\/strong>: For your convenience, you can paste the embedded code into a text editor, keep only the URL, and remove the other text.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"parent":0,"menu_order":12,"template":"","docs_cat":[6],"class_list":["post-582","docs","type-docs","status-publish","hentry","docs_cat-how-to-configurations"],"_links":{"self":[{"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs\/582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs\/582\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs\/582\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/media?parent=582"}],"wp:term":[{"taxonomy":"docs_cat","embeddable":true,"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs_cat?post=582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}