Flatsome is one of the best-selling WooCommerce themes, and it builds its product gallery its own way — which is why adding video to it needs a little more than the default setup. The good news: VideographyWP PRO ships dedicated Flatsome support, so here’s how to add video to the Flatsome product gallery the right way.
Why Flatsome needs special handling
Flatsome replaces the standard WooCommerce Flexslider gallery with the Flickity slider. A generic video embed won’t slot into that slider correctly. VideographyWP includes a purpose-built Flatsome integration so the video drops into the Flickity gallery as a proper slide — playing inline alongside your product images, with the same zoom and swipe behaviour.
How to add the video
- Make sure VideographyWP PRO is active (the WooCommerce gallery video is a PRO feature).
- Edit a product and paste a YouTube, Vimeo or Dailymotion URL in the VideographyWP box.
- In WooCommerce product video settings, set the gallery position (first or last), a thumbnail and autoplay.
- Update the product and view it — the video now plays inside the Flatsome gallery.
The general add video to the product gallery guide explains each setting in detail.
Using a different theme?
Flatsome is just one of 20+ premium themes with dedicated support — Woodmart, Avada, Riode, Sober and more work the same way. See the Flatsome product video page, browse all compatible themes, or read the WooCommerce product video overview.
Leave a Reply