YITH WooCommerce Featured Audio & Video Content - WordPress Plugin
The YITH WooCommerce Featured Audio & Video Content plugin allows you to add audio and video content to your products in WooCommerce. This enhances product presentation and attracts more buyer attention. The plugin supports various multimedia formats and integrates easily into your store. The easiest way to integrate video and audio files in the product images section.
Plugin Features
- You will be able to create product pages with a deep emotional impact, adding a professional video as a presentation;
- You will be able to provide a complete overview of the product you sell by adding pictures shot from different angles or of different ways of usage;
- You will be able to add sample audio files to products like video courses or audio books with playlists.
We all know the benefits of showing images instead of simple description text and you can experience the same improving effect if you use video and audio content, especially for those products for which an image is not enough, such as videogames, computer programmes or music.
Using a video for your products instead of images might be very useful to present your items in a better way, but it becomes especially useful when it comes to digital products, such as programs, video games or such, where a picture is not enough to show their strengths at the best.
And what if you sell music? Nothing can be a good preview of your product but an audio file. And most e-commerce themes allow you to add only images.
But, do not despair, now all this is possible and easy with YITH WooCommerce Featured Audio and Video Content, a plugin that will let you attach an audio file or a video to your product in place of the featured image. It supports the most common audio and video formats and be sure that your shop will benefit a lot from this illustrative feature.
Specifications:
| Release date: | 20-05-2015 | |
| Last updated: | 14-08-2025 | |
| Type: | Paid | |
| License: | GPL | |
| Subject: | Multimedia for WooCommerce | |
| Compatibility: | W5.x W6.x | |
| Includes: | Plugin | |
| Language packs: |
|
|
| Developer: | YIThemes | |
| Rating: | ||
Share with your friends!
How to Set Up YITH WooCommerce Featured Audio & Video Content for WooCommerce Product Pages
YITH WooCommerce Featured Audio & Video Content is not meant for the standard product description area. Its purpose is to create a stronger first impression of the product: instead of a static image, or alongside the gallery, the shopper sees a video, an audio preview, a YouTube or Vimeo clip, a file from the media library, or a SoundCloud track. This guide walks through how to prepare your store, where to find the settings, how to add media to simple and variable products, which display modes to choose, and how to test everything without risking a live product page.
This article is written as a practical guide to YITH WooCommerce Featured Audio & Video Content, not a rehash of the developer's product page. What matters here is not just a feature list, but a workable sequence: what to enable first, when to use featured video, when to keep a separate gallery, why autoplay is not always a good idea, how to avoid breaking the mobile layout, and what to do if the video does not appear on the product page.
Special attention is also given to limitations. The plugin works on the single product page, not as a way to turn your entire WooCommerce catalog into a video feed. The free and premium versions offer different feature sets, so some scenarios in this guide are marked as version-dependent. If you do not see a field mentioned here in your interface, first check which version you have installed and review the YITH documentation.
When multimedia on a product page actually helps
The plugin's main job is to replace or enhance the product's visual area with a format that explains the product better. For a physical item, that might be a short demo in action. For a course, it could be a lesson excerpt. For an audiobook or music pack, an audio preview. For a software product, a short interface recording. The point is not to add motion for its own sake, but to help the shopper understand the product's quality, content, and context more quickly.
The best candidate for multimedia is a product where a standard photo does not answer the buyer's main question. If someone is choosing a T-shirt based on color and size, video may be secondary. If they are choosing a lesson, preset, music product, training file, complex gadget, or digital template, a short clip often explains more than several paragraphs ever could. In those cases, YITH WooCommerce Featured Audio & Video Content turns the top of the product page into a demonstration area.
There is a downside as well. Video and audio require attention to loading speed, content rights, mobile browser behavior, and theme compatibility with the WooCommerce gallery. If the product page is already overloaded with banners, popups, and heavy scripts, adding autoplay may make the experience worse. That is why it helps to decide what type of media a specific product actually needs before you start enabling settings.
Who this plugin is a good fit for
This plugin is especially useful for stores where the product needs to be shown in motion or sampled before purchase. That includes stores selling digital courses, audiobooks, music packs, software products, gadgets, accessories, sports goods, cosmetics with application demos, decorative products, and any item where the shopper is asking, "What does this sound like, look like in use, or feel like out of the box?"
Another strong use case is a store with variable products. If different variations differ not only by color, but also by content, material, packaging, or bundle contents, the plugin's premium features let you associate separate media with each variation. That way, choosing a variation becomes more than a price or image change - it also changes the demo material.
Who should think twice
YITH WooCommerce Featured Audio & Video Content may be unnecessary if your store sells simple products with similar photos and customers make decisions mainly based on price, availability, and specifications. It also does not replace a full video hosting platform, a learning platform, a gated content system, or a tool for video ads across the catalog. YITH's official materials explicitly limit media display to the individual product page, so you should not expect videos to appear automatically across archives, categories, and store widgets.
Practical rule: add video or audio only where it answers a specific customer question. If the media does not help the shopper choose the product, it is better to keep the gallery lighter and faster.
What to check before installation and first launch
Before installing any plugin that changes the WooCommerce gallery area, you need to check more than just WordPress and WooCommerce compatibility - you also need to check how your theme behaves. This product works alongside the product gallery, and that area is often overridden by themes, page builders, and image zoom plugins. Proper preparation reduces the risk of a situation where the video is added in the admin panel, but the front end still shows only an image or an empty block.
The store's technical baseline
Start by confirming that WooCommerce is installed, active, and that your product pages work without errors. Then open the technical information on the YITH page and compare the requirements with your site. It is not useful to lock this guide to specific version numbers because they change over time; the right approach is to check the current requirements before installation. If your site is significantly behind on WordPress, WooCommerce, or PHP, update a staging copy first and test the store there.
For a live store, it is better not to enable a new media plugin directly in production without testing. A safe minimum workflow looks like this:
- Create a backup of your files and database.
- Test the plugin on a staging copy or at least on a hidden test product.
- Open the product in the regular theme view, outside editor mode and without a customer login.
- Check the page on both desktop and phone, because video behavior and autoplay may differ on mobile browsers.
- Clear your site cache and CDN cache, if enabled, to make sure visitors see the current result.
Rights to video and audio
YITH documentation notes that, in the free version, the URL must point to YouTube or Vimeo, and that content should be chosen carefully, especially when usage rights may be restricted. That is not just a formality: if the platform blocks embedding, the clip has been removed, the video is region-locked, or it violates copyright rules, the shopper will see an error instead of a product demo. The same logic applies to SoundCloud and uploaded files: only use media your store has the right to display.
A safe pre-publish check is to open the video or audio in a private browser window and then test it inside the product page. If the clip is only accessible to an administrator, it may fail for shoppers as well.
Theme, gallery, and neighboring plugins
YITH lists compatibility with its own products and selected themes, but that does not mean guaranteed compatibility with every custom gallery setup. If your theme replaces the standard WooCommerce template or a gallery plugin completely rewrites image output, media may display differently. Be especially careful with stores using custom product pages built in Elementor, Divi, theme templates, or WooCommerce layout builders.
Before enabling it across a live catalog, open one simple product using the standard theme layout, add a video, and see whether the main image block changes. If that works, move on to variations, galleries, modal windows, and sidebar output. This order makes it easier to tell whether the base feature is conflicting or whether the issue only appears after additional configuration.
Installation and an initial check with minimal risk
If you are using the free version from the WordPress directory, installation works like any standard plugin: go to Plugins, search by name, install it, and click Activate. If you have the plugin archive, use Plugins > Add New > Upload Plugin, upload the ZIP file, and activate it. In either case, there is no need to set up Codex authorization, API keys, or external services in this guide; the plugin's job begins only after installation in the WordPress admin area.
After activation, check whether a YITH settings item appears. The free version on WordPress.org describes a Featured Video submenu under YIT Plugins, while the premium documentation points to settings under YITH > Featured Video. The exact menu label may vary depending on the version and the YITH framework, so do not focus on the literal path - focus on whether you can find a featured video/audio settings panel and extra tabs inside the product editor.
First test on a simple product
Do not start with one of your most important products. Use a copy or a test item instead. Open the product in the admin area, find the Product Data box, and look for the field or tab related to featured video. In the free version, it is enough to enter a YouTube or Vimeo URL in the Featured Video URL field. After saving, open the product on the front end and check whether the main image has been replaced by the video block.
In the premium version, the logic is broader: the product includes tabs and settings for video, audio, featured selection, and the gallery. But the first test should still stay simple: one product, one clip, no autoplay, no loop, no modal window, and no extra slider. This is how you verify the core chain: URL or file in the product - save - output on the single product page - correct playback for the shopper.
What counts as a successful result
After saving the product, open the public page without administrator privileges. The video should either take the place of the main media or appear in a separate gallery, depending on whether you marked it as featured. The play button should be visible, the container should not break the product layout, and the price and purchase button should not be pushed down by an unexpectedly large empty block. On mobile, the video should stay within the product width.
Quick takeaway after installation: do not move on to adding media in bulk until you have tested one simple product on the public side of the site, without relying on admin cache, and on at least two screen sizes.
How featured media changes the top of the product page
In WooCommerce, shoppers usually start with the main product image. YITH WooCommerce Featured Audio & Video Content changes that first visual touchpoint: the selected video or audio can replace the featured image, while other media can remain in the gallery or open separately. This is important to understand before you start configuring the plugin, because different modes solve different problems.
If the media is selected as featured, it becomes the main proof of the product's value. That mode works well for short demos, trailers, audio previews, and products where the customer should press play right away. If the video is not featured, it can live in a separate gallery instead. That works better when the main image still matters - for example, when a physical product needs photos and the video serves as additional explanation.
Video instead of the featured image
Replacing the featured image is useful when the video answers the main question before the visitor even reads the description. For a course, that might be a lesson excerpt. For a music product, an audio demo. For a gadget, a quick usage demonstration. For a template or app, a short interface recording. The shopper sees the media exactly where they expect the main image to be, instead of hunting for a video farther down the page.
The tradeoff is that you lose an instant static image. If the clip does not have a clear poster frame, the block may look less compelling before playback starts. That is why products with strong visual packaging often work better when the image stays primary and the video appears in the gallery or a modal window. The choice should not be about what looks "prettier," but about what helps the customer make a decision faster.
A separate gallery for video and audio
YITH documentation describes a scenario in which videos that are not marked as featured appear in a slider below the product gallery and open in a popup window. The premium features also let you choose between gallery modes: use the WooCommerce gallery or use the plugin's own gallery for files that are not featured. This is useful when a product has multiple demo assets: a quick overview, a more detailed clip, and an audio sample.
For a large store, this mode adds structure to your content. You do not need to embed video in a long description where it gets lost in the text. The media stays next to the product's visual area, and the editor knows exactly where to find it the next time the product page is updated.
Why every video needs a title
YITH documentation explicitly notes that after adding an ID, link, code, or uploaded video, you should enter a title. That is not a minor detail. A title helps distinguish multiple clips in the admin area, keeps the gallery organized, and lowers the risk of an editor confusing an old clip with a new one. For the shopper, the title can also serve as a useful cue if the theme displays captions or if the gallery contains several media items.
A good title should be short and specific: "Sound Demo," "How the Filter Works," "Bundle Overview," "Lesson Excerpt." Do not use internal file names like final-video-new-3.mp4, because a month later they will no longer mean anything.
Video, SoundCloud, and uploaded files: which source to choose
The plugin supports multiple source types, but they are not all equally useful in every situation. YouTube and Vimeo are convenient for clips that are already published on video platforms. An uploaded file gives you more control over where the video lives, but it requires more attention to file size and server performance. SoundCloud works well for audio previews, playlists, and music-based products. The right source depends on what you are selling and how much control you want over playback.
YouTube and Vimeo for public demos
In the free version, the core task is simple: add a YouTube or Vimeo URL to the product. In the premium version, you can use an ID, a URL, or embed code. That is convenient when the clip is already prepared for public viewing, has a platform-hosted cover image, and does not require you to store a large file on your site. But outside platforms come with limitations: YouTube may show ads or recommended videos under its own rules, and YITH explicitly states in its FAQ that the plugin cannot remove those elements.
In practical terms, that means this: if brand control matters, check how the clip looks after playback ends. If you cannot allow outside recommendations, you may be better off using another hosting method, a short self-hosted file, or a separate video platform - but do not promise shoppers a "clean" YouTube player when the platform itself controls the end screen.
Uploaded video for controlled playback
The premium version lets you upload a video directly from the product page or from the WordPress media library. This approach is useful if the clip is short, optimized, and should not depend on an external service. The documentation also mentions VideoJS as the player used for videos inserted through the WordPress gallery upload workflow, which means the style and playback behavior may differ from YouTube or Vimeo.
The main risk of self-hosted video is file size. If you upload a heavy clip without compression, the product page can become slow, especially on mobile connections. Before publishing, check the file size, duration, format, cache behavior, and whether the video loads only when needed. For long-form content, it is usually better to show an excerpt rather than a full lesson or presentation.
SoundCloud for audio previews and playlists
YITH lists SoundCloud as a supported audio source in the premium feature set. This is especially useful for music products, audiobooks, voice-based courses, and any product where the customer needs to hear a sample. On that kind of product page, the image is not always the main selling point: sound quality, tone, style, duration, and track selection may have a stronger impact on the buying decision.
Use short, legally cleared excerpts and make sure the audio is publicly accessible. If the SoundCloud track is private, removed, or unavailable in the shopper's region, the product page loses its strongest argument. If you have multiple files, think through the order carefully: lead with the most representative sample, then follow with supporting examples.
Detailed setup after installation
Once the basic test passes, move on to the settings that change player and gallery behavior. In the YITH documentation, the general path for the premium version is listed as YITH > Featured Video. Inside, you will find sections for video, audio, modal display, and gallery behavior. Do not enable everything at once: configure video first, then the gallery, then the modal window, and only after that test variations if you use them.
Video settings: size, controls, and playback
In the Video settings section, YITH describes parameters that control playback: Aspect Ratio, Player Controls, AutoPlay, Loop, Volume, and Stoppable videos. For a typical store, it is safer to start with an aspect ratio of 16:9 or 4:3, leave the controls enabled, and avoid turning on autoplay without a clear reason.
Autoplay should be used carefully. It can make the clip more noticeable, but on mobile devices the browser may restrict sound playback, and visitors often find unexpected audio annoying. If the video needs to start automatically, test it muted, in different browsers, and after clearing cache. If autoplay makes the experience worse, it is better to switch back to click-to-play.
How to choose the aspect ratio
The ratio should match both the source clip and the area it occupies on the product page. 16:9 usually works well for horizontal demos, overviews, and screen recordings. 4:3 can be useful for older clips or more compact media blocks. Only use a custom format when you know the exact video dimensions and have verified that the theme does not crop the container. After changing the ratio, open the product on mobile and make sure the player is not surrounded by large empty areas.
When to enable loop and disable stopping
Loop is useful for short seamless demos: a product rotation, a quick interface preview, or a small animation snippet. For a longer overview, looping is usually distracting. The Stoppable videos setting affects how much control the shopper has. If the user cannot stop the video, it may feel intrusive, so this mode only makes sense for short quiet clips and only after testing on real devices.
Audio settings: file info and listening logic
Audio settings depend on how you use SoundCloud and playlists. YITH's premium features include adding one or more SoundCloud files, creating a playlist, and displaying audio file information. For a store selling audio products, it helps to give the shopper enough context: the sample title, the listening order, and the difference between product versions.
Do not overload the product page with a long playlist if one strong sample is enough for the decision. But if the product is sold as a collection, course, or bundle, several audio clips in a logical order may do a better job of explaining the value of the package. After setup, check that the audio block does not push the purchase button out of place or break the description area.
Modal settings: a popup without chaos
The Modal settings section controls how featured video and audio appear in a popup window. The documentation lists display effects such as None, Huge Inc, Corner, Slide down, Scale, and Little genie. Choose the effect based not on the name, but on whether it remains readable and does not clash with your theme.
For most stores, a simple effect with minimal animation is the safest starting point. The popup should open quickly, stop interfering with navigation once closed, and not conflict with other modal windows such as quick view, newsletter popups, cart overlays, support chat, or a cookie banner.
Gallery settings: WooCommerce Gallery, Plugin Gallery, and sidebar
In Gallery settings, YITH describes two options for files that are not selected as featured: WooCommerce Gallery and Plugin Gallery. The first option stays closer to standard WooCommerce behavior, while the second hands rendering over to the plugin's separate gallery. If your theme behaves cleanly with the default gallery, start with WooCommerce mode. If you want separate audio and video sliders below the main block, test the plugin gallery.
There is also a separate scenario: Video and Audio in sidebar. The documentation suggests going to Appearance > Widgets and adding the Featured Audio and Video widget. This mode is not a good fit for every theme: modern block themes, sidebar-free layouts, or custom product pages may not have a usable widget area at all. So first make sure the sidebar actually appears on the product page.
Practical example: a product with a video overview and an audio preview
Imagine a store selling a learning bundle: a short video course plus audio files for self-paced practice. The goal is to show the shopper a lesson excerpt instead of the main product image, while placing an audio sample below it. This setup presents the product clearly: the video explains the learning format, and the audio demonstrates the quality of the supporting material.
Goal and preparation
We want a product page where the main visual block shows video and the audio appears in a related media area. Before configuration, you should already have one of the following ready: a published YouTube or Vimeo clip or a short uploaded file, a public SoundCloud track or another supported audio source, a completed WooCommerce product entry, and a working product gallery in the theme.
Setup steps
- Open the test product in
Productsand make sure it still has a standard product image in case you need to roll back. - In the product settings area, find the
Videotab or theFeatured Video URLfield, depending on your plugin version. - Add the video using a URL, ID, embed code, or upload, if that method is available in your version.
- Enter a clear video title, such as
First lesson excerpt, if the interface includes a title field. - In the
Featured Video or Audiofield, select the added video as the featured media so it replaces the main image. - Move to the audio setup, add a SoundCloud link or another available audio source, and give the sample a short title.
- In
Video settings, leave player controls enabled, choose an appropriate aspect ratio, and do not enable autoplay for the first test. - Save the product with
Updateand open the product page in a private browser window.
Expected result
At the top of the product page, the standard image should be replaced by the video block. The shopper should see the play button, the price, the purchase button, and the description without visual overlap. The audio should be available in the gallery, slider, or whatever display area you selected, but it should not interfere with the main purchase flow. If the video is not selected as featured, it may appear below the gallery instead, and that is normal for a separate video gallery mode.
A detail that often causes confusion
The most common mistake in this scenario is adding the video to the product but not marking it as featured. The editor expects the main image to be replaced, but the page still shows the old image with a separate gallery underneath. Check the Featured Video or Audio field and make sure the selected media item is the one that is supposed to replace the image.
Variable products, gallery behavior, and sidebar output
A simple product confirms the plugin's core behavior, but the real value in WooCommerce often shows up with variable products and extra gallery areas. YITH mentions the ability to link video and audio to individual variations, and also to display audio and video sliders in the sidebar. These features require more careful setup because the result depends not only on the media itself, but also on the shopper's selection.
Separate media for each variation
If a product has variations - for example by color, bundle, or format - separate video can show the difference better than text alone. In the YITH FAQ, the team confirms that you can add a new video for each variation, which will be shown after the shopper selects the associated variation. This is especially useful for products where the selected option changes the demo itself: different colorways, bundles, course tiers, versions of a digital product, or materials.
Variation setup should be done step by step. First, confirm that standard variation selection already changes the price, availability, and product image. Then add media to one variation and check whether it switches after the corresponding dropdown value is selected. Only after that should you add media to the remaining variations. If you configure ten versions at once, it becomes much harder to find the cause of an error.
When video is better left non-featured
Not every video should replace the main image. If the product is visually important and the clip only explains one aspect of it, it is often better to keep the photo first and show the video in a separate gallery. For example, with apparel, the main asset may be the product photo while the video demonstrates fit. For a music pack, the cover image may stay primary while the audio sits below. For a digital course, a video excerpt may be the main asset and images may become secondary.
Non-featured mode is also useful when the product has multiple clips. You can make one main clip featured and leave the rest in the gallery. That way, the shopper does not face a chaotic pile of media, but a clear hierarchy: first the strongest argument, then supporting proof.
Sidebar widget
Displaying media through Appearance > Widgets and the Featured Audio and Video widget works best in themes where the sidebar is actually part of the product page layout. This can be useful if the main gallery is already dedicated to images and you want media to appear next to specifications, categories, or supplemental information. But if the theme is built without a sidebar, the widget will not solve the problem by itself.
Do not just check whether the widget exists in the admin area - check the actual output. Open a product with media, a product without media, and a variable product. The sidebar block should not remain empty when no files are assigned, and it should not break the layout when audio or video titles are long.
Result verification: what to inspect on the product page
Verification is not just a formality. Media on a product page affects first impressions, page speed, mobile layout, gallery behavior, and the shopper's path to purchase. After configuration, open the product as a normal visitor and go from the first screen through to adding it to the cart. If the video block interferes with the purchase flow, the setup is wrong even if the clip technically plays.
Front-end verification
On the public product page, check five things: the media is visible in the expected place, it starts properly, the controls work, the gallery does not overlap the price or purchase button, and refreshing the page does not produce console errors or a blank white block. If you are using modal display, open and close it several times. After closing, the page should return to normal - no stuck scroll lock and no gray overlay left on top of the product.
For a variable product, choose different values in the selectors. If a variation has its own media, that media should change after the selection. If a variation has no media assigned, the page should correctly fall back to the base image or the product's shared media, depending on your settings. This matters especially in stores where shoppers switch between options quickly.
Speed and cache checks
Video and external players add requests. That is not always a problem, but it should at least be measured in practical terms. Open the page once after clearing cache, then open it again. Compare the loading feel of the product with media versus the same product without media. If you use an optimization plugin, check whether it defers player scripts so aggressively that the play button stops working.
You do not need to disable all caching permanently. It is better to create a targeted exclusion only for the problematic script or mode, if your cache plugin documentation allows that. If no precise exclusion is available, start by disabling JavaScript minification on a staging copy and see whether the problem disappears. Once you find the cause, restore optimization and keep only the minimal change.
SEO and accessibility checks
The mere presence of video on a product page does not guarantee better rankings, and it would be misleading to promise that. But strong media can improve user behavior if it helps shoppers understand the product more quickly. In practical terms, it is important to keep the text description, specs, images, and accessible navigation intact. Do not turn the product page into a single clip with no text - both search engines and users still need to understand what is being sold.
Make sure the product still has a standard image and a clear description. If the video fails to load, the page should not become empty. For audio and video, use clear titles, and explain in the product description what exactly the shopper will hear or see. That helps both users and store editors.
Safe visual improvements without editing the plugin
Sometimes the plugin works correctly, but the theme outputs the media block too narrowly, too tall, or with awkward extra spacing. In that case, do not edit YITH, WooCommerce, or theme files. Start with the plugin and theme settings. If the problem is only the container's responsiveness, you can add a small CSS adjustment through Appearance > Customize > Additional CSS or through a child theme.
The following snippet avoids relying on internal YITH classes that may change. It simply constrains video, iframe, and the standard HTML5 player inside the WooCommerce product gallery. Apply it only if you are actually seeing a width or aspect ratio issue in your theme.
.woocommerce div.product .woocommerce-product-gallery iframe,
.woocommerce div.product .woocommerce-product-gallery video {
max-width: 100%;
width: 100%;
height: auto;
display: block;
}
.woocommerce div.product .woocommerce-product-gallery iframe {
aspect-ratio: 16 / 9;
}After adding the CSS, open a test product, a product without video, and a variable product. If the clip now has the correct width and no longer gets cropped, keep the tweak. If your theme already defines its own ratios and this snippet makes the layout worse, remove it from Additional CSS. Rollback should be just as simple as the change itself: remove the CSS, clear cache, and test the product again.
If the problem is not size-related but the player does not appear at all, CSS will not help. In that case, move on to diagnosis: check the video source, featured selection, cache, theme conflict, and third-party gallery plugins.
If video or audio does not display: symptom-based diagnosis
Errors in gallery plugins often look similar: empty space, the old image still showing, a broken play button, or media that does not change with the variation. But the causes differ. To avoid disabling everything at random, move from the simplest layer to the more complex one: source, product settings, featured mode, theme, cache, external platform.
The standard product image stays in place instead of the video
Symptom: the URL or file is added in the admin area, but the product page still shows the featured image. A likely cause is that the media was added to the gallery but not selected in the Featured Video or Audio field, or that you are using the free version while expecting premium gallery behavior.
Check the product, the featured selection field, and the save action through Update. Then clear the page cache. If the video appears below the gallery after that, it means it was added as non-featured media rather than as a replacement for the main image. The fix is either to mark the correct item as featured or to intentionally leave it in a separate gallery.
The video opens, but the shopper sees a platform error
Symptom: the block is there, but YouTube, Vimeo, or SoundCloud shows an error, a playback restriction, or unavailable content. The cause is usually the source itself: an incorrect URL, a private clip, embedding restrictions, removed content, regional blocking, or a rights issue.
Open the link in a private window and check whether it works without signing in. For YouTube and Vimeo, use a normal public link or an ID if that method is selected in the interface. If the issue comes from the platform's policy, do not try to fix it with WooCommerce settings - replace the source or choose another placement method.
The modal window opens incorrectly or does not close properly
Symptom: clicking opens a dark overlay, but the video is not visible; the window does not fully close; the page stops scrolling. A likely cause is a conflict with another modal window, quick view, subscription popup, cookie banner, or JavaScript optimization.
First, switch the effect in Modal settings to a simpler one. Then temporarily disable aggressive JavaScript minification or bundling on a staging copy. If the issue disappears, look for a targeted exclusion in your cache plugin. If it does not, test the theme on a standard WooCommerce product page without a builder.
The video does not change when a variation is selected
Symptom: different media is configured for different variations, but selecting a new dropdown value still shows the old clip. The cause may be that the media is attached to the wrong variation, the variation was not saved, the product uses a non-standard variation selector, or variable product scripts are conflicting with optimization.
First, check standard variation behavior without video: does the price change, does availability update, and does the product image switch correctly? Then configure one variation and save the product. If WooCommerce's base variation logic is already broken, fix that first. If variations work but media does not, disable script caching on the test page and check for a theme conflict.
The player breaks the mobile layout
Symptom: on a phone, the video extends beyond the screen, leaves a huge empty block, or overlaps the purchase button. A common cause is an unsuitable aspect ratio, hardcoded iframe dimensions, or theme styling. Start by changing the Aspect Ratio in the video settings. If that does not help, apply the safe CSS from the previous section and check cache behavior.
Audio or video appears in a different place than expected
Symptom: the editor expected a main block, but the media ended up in a slider, sidebar, or modal window. Usually that is not a player error, but the wrong output mode. Check whether the media is marked as featured, which mode is selected in Gallery settings, whether the sidebar widget is enabled, and whether integration with another YITH gallery plugin is active.
When it is better to roll back the setup: if the media breaks the purchase flow, the add-to-cart button, variation selection, or the mobile first screen, temporarily restore the standard product image and continue troubleshooting on a staging copy.
Limitations, compatibility, and things you should not expect this plugin to do
A good guide should explain not only how to use a plugin, but also where its boundaries are. YITH WooCommerce Featured Audio & Video Content makes the product page richer, but it does not turn WooCommerce into a video marketplace, and it does not remove every limitation imposed by external platforms. If you understand that in advance, setup becomes much easier.
Display only on the single product page
The official FAQ and help center confirm that audio and video are displayed only on the individual product page. If you need featured video in the catalog, category pages, or quick view, you will need a separate compatible feature or integration. The YITH product page mentions a scenario with YITH WooCommerce Quick View for showing featured video in the quick-view window, but that is an integration with another product, not a base feature of this plugin.
Elementor and custom product templates
YITH states in its FAQ that the plugin is not compatible with Elementor. That is an important limitation for stores where product pages are built in a page builder. In practical terms, that means if the product template is fully replaced by Elementor widgets, the standard WooCommerce gallery area may not receive media the way the plugin expects. Before buying or deploying it, always test the exact setup on a staging copy with your own template.
YouTube ads and recommended videos
YITH explicitly explains that the plugin cannot remove YouTube ads or suggested videos after playback because those behaviors are controlled by YouTube itself. This is not a WooCommerce bug and not a theme setting. If that level of control matters, use another video source or a short self-hosted file, while keeping the extra site load in mind.
GDPR, security, and customer data
On the YITH product page, the team states that GDPR does not apply to this plugin. That should only be understood in the context of the plugin itself: it is not a personal data collection form or a checkout tool. But outside video and audio platforms may still load their own scripts, cookies, and requests. If your store operates under strict privacy requirements, review the site's broader cookie policy and external video player behavior separately.
Questions worth answering before you use it
Can I use YITH WooCommerce Featured Audio & Video Content for free?
The product does have a free version, but its capabilities are narrower than the premium version. According to the official materials, the free version lets you replace the featured image with a YouTube or Vimeo video. Video uploads, SoundCloud, playlists, modal windows, variations, and part of the settings belong to the premium feature set. If you do not see a required field in the interface, check which version you are using.
Can I show video in the product catalog?
YITH's basic answer is no: the plugin shows audio and video only on the single product page. For catalog pages or quick view, you need a separate integration or a different plugin. The YITH page mentions integration with YITH WooCommerce Quick View for showing featured video inside the quick-view modal.
Why does YouTube show ads or recommendations after the clip ends?
The plugin does not control YouTube ads or recommendations. YITH explicitly states that those elements cannot be removed because that behavior depends on YouTube itself. If that hurts your brand presentation, use another video source or a short uploaded file, after first checking the impact on page speed.
Can I add different videos for different product variations?
Yes. In the YITH FAQ, the team states that you can add a new video for each variation, and it will be shown after the shopper selects the associated variation. Configure this gradually: first confirm that standard WooCommerce variations work correctly, then add media to one variation, and only after a successful test move on to the rest.
What if the product page is built in Elementor?
YITH states that the plugin is not compatible with Elementor. If the product page is fully built with an Elementor template, the result should be tested on a staging copy before rollout. In some cases, switching a specific product back to the standard WooCommerce gallery may help, but there is no universal promise of compatibility here.
Does the plugin affect store speed?
The plugin itself adds media to the product page, but the real load depends on the video source, file size, player, cache, and theme. YouTube, Vimeo, SoundCloud, and self-hosted files all behave differently. That is why you should test the specific product: first-load speed, repeat loading from cache, mobile layout, and play button behavior.
Should I remove the regular product images?
No. It is better to keep a clear featured image and image gallery as both backup and an additional visual layer. If the video is unavailable or the shopper does not want to watch it, the photos and text description should still explain the product clearly.
When YITH WooCommerce Featured Audio & Video Content is the right choice
This plugin is worth using when the product genuinely benefits from demonstration: video shows the item in action, audio lets the shopper sample the sound, variations need separate media, and the WooCommerce gallery should become more than just a row of photos - it should become a proof zone. It is especially well suited to stores selling digital products, audio, courses, gadgets, and complex physical products where the customer needs a short practical sample before buying.
Before rolling it out across a large catalog, take the calm route: one test product, one basic video, verification of the public view, then player settings, then gallery, modal window, audio, and variations. If everything works reliably, you can scale the approach to your key products. If you discover that you need catalog-level display, an Elementor template, or a full video gallery with a different logic, review the alternatives in the previous section.
Once you have confirmed theme compatibility, chosen a safe media source, and identified which products benefit most from demonstration, you can download the ZIP archive and test it on a prepared product page. The key is not to measure success only by whether the clip plays - a good result is when the shopper can understand the product more easily and move toward purchase with less friction.
