Видео в карточке товара — это не украшение, а инструмент продаж. По данным Wordstream, сайты с видео получают на 47% больше конверсий, а покупатели, посмотревшие ролик, на 73% чаще нажимают «Купить». При этом WooCommerce из коробки показывает в галерее только изображения. Чтобы добавить видео в галерею товара WooCommerce, нужен плагин или небольшой код. Разбираем все рабочие способы — от нашего Pure Gallery до кастомного functions.php.
Почему WooCommerce не поддерживает видео в галерее по умолчанию
Ещё с версии 3.0 галерея товара в WooCommerce заточена под изображения. В админке есть только «Изображения товара» — ни поля для ссылки на YouTube, ни загрузчика MP4. Разработчики оставили фильтры и хуки, через которые можно встроить что угодно, но из коробки видео в product gallery woocommerce нет.
Поэтому приходится либо ставить плагин, либо писать код. Плагин проще: автоматически вытаскивает миниатюру, встраивает видео в слайдер, открывает в лайтбоксе. Код даёт полный контроль, но забирает время на поддержку.
Способ 1. Pure Gallery — наше решение для видео в галерее
Мы разработали Pure Gallery для клиентов, которым нужна стабильная работа видео без «тормозов» и конфликтов с темами. Это не просто плагин, а готовый инструмент, который закрывает 90% задач: добавляет видео в галерею товара WooCommerce, поддерживает YouTube, Vimeo, MP4 и WebM, позволяет загрузить несколько роликов на один товар и показывает отдельное видео для каждой вариации.
Установка занимает три минуты: ставите плагин, активируете, в карточке любой картинки загруженной в библиотеку появляется поле для ссылки на видео куда вы и вставляете ссылку на видео или файл. Плагин сам добавляет play-кнопку при просмотре выбранного фото в товаре.
Pure Gallery — единственный плагин, который не режет скорость и умеет всё из коробки: вариации, ленивую загрузку и полноэкранный режим.
Команда PureSEO
В отличие от бесплатных аналогов, Pure Gallery не нагружает страницу тяжёлым jQuery и не грузит видео до тех пор, пока пользователь не долистал до галереи. Для интернет-магазинов это критично: каждый лишний мегабайт отбрасывает 20% посетителей.
| Плагин | Бесплатно | Источники видео | Кол-во видео | Вариации | Ленивая загрузка |
|---|---|---|---|---|---|
| Pure Gallery | Для наших клиентов | YouTube, Vimeo, MP4, WebM | Безлимит | Да | Да |
| Product Video Gallery for WooCommerce | Да (free) | Только YouTube | 1 на товар | Нет | Нет |
| Add Featured Video in Product Gallery | Платный | YouTube, Vimeo, Dailymotion, Facebook | Безлимит | Да | По подписке |
| Reno Product Gallery | Да (базово) | YouTube, Vimeo, MP4 | Безлимит | Нет | Нет |
Способ 2. Бесплатный Product Video Gallery for WooCommerce
Популярный плагин из маркетплейса WordPress.org с простым названием Product Video Gallery for WooCommerce. Если бюджет нулевой и нужно лишь одно видео на товар — вариант рабочий. Устанавливаете, активируете, в настройках товара появляется поле для YouTube-ссылки.
Бесплатная версия ограничена одним роликом и только YouTube. Премиум добавляет Vimeo, MP4, WebM, Ogg и поддержку нескольких видео. Зато базовый функционал стабилен: миниатюра подтягивается, видео встраивается в общий слайдер, при клике открывается в лайтбоксе. Минус — нет вариативных товаров, а автовоспроизведение появляется только в платной версии.
Способ 3. Add Featured Video in Product Gallery
Плагин от команды WooCommerce.com, поэтому интеграция с WooCommerce максимально гладкая. Здесь можно загрузить собственное видеофайл или вставить ссылку на YouTube, Vimeo, Dailymotion, Metacafe, Facebook. Глобальные настройки вынесены в WooCommerce → Product Video: автозапуск, зацикливание, показывать кнопку запуска, выбирать, открывать ли видео в лайтбоксе или на странице товара.
Приятная фишка — поддержка вариативных товаров. Для каждого варианта можно задать свою ссылку: показали размер S с одним видео, размер M — с другим. Минус один: цена. Для небольшого магазина на месячном бюджете это не всегда оправдано.
Способ 4. Альтернативные плагины: Reno и Embed Videos
Reno Product Gallery тянет на себя функции медиаплеера: неограниченное число картинок и видео, слайдеры, зум и лайтбокс. Хорош для фотостоков, где важна презентация. Embed Videos for Product Image Gallery, наоборот, узкий: только встраивание роликов из YouTube и Vimeo по ID. Никакой загрузки MP4, никаких вариаций.
Оба плагина не дают встроенной ленивой загрузки и не оптимизируют вес страницы. Чем больше видео — тем тяжелее страница, а это минус к показателям Core Web Vitals и позициям в поиске.
Как добавить видео в галерею товара WooCommerce без плагина
Если плагины ставить нельзя — используйте кастомный код. Добавьте поле с ссылкой на видео в functions.php темы и выведите его через хук woocommerce_product_thumbnails. Минимум инструментов, максимум контроля.
add_action( 'woocommerce_product_thumbnails', 'add_video_to_product_gallery' );
function add_video_to_product_gallery() {
$video_url = get_post_meta( get_the_ID(), 'custom_video_url', true );
if ( ! $video_url ) return;
// Пример вывода с помощью встроенного в WordPress обработчика ссылок (YouTube/Vimeo)
echo '<div class="product-custom-video">' . wp_oembed_get( $video_url ) . '</div>';
}В карточке товара создайте произвольное поле с ключом custom_video_url и вставьте ссылку на MP4 или WebM. Видео появится под галереей. Так вы добавляете product page video без сторонних модулей. Но помните: это решение не умеет лайтбокс, миниатюры, зацикливание и слайдер. Подойдёт только для простых магазинов, где важна скорость, а не интерактив.
Видео удерживает внимание в 2.8 раза дольше, чем статичная картинка. Но только если оно грузится без задержек.
Видео для вариативных товаров, Elementor и Divi
Вариативные товары — отдельная боль. Клиент выбирает размер или цвет и ждёт, что видео изменится. Pure Gallery справляется с этим «из коробки»: у каждого варианта своя ссылка на ролик. Остальные бесплатные плагины чаще показывают одно видео на всех.
Тем, кто собирает витрину на Elementor или Divi, нужно обратить внимание на поддержку shortcode. Pure Gallery предоставляет shortcode — вставили его в шаблон страницы товара, и видео появилось на любой странице в одной карусели с другими фото товара. У конкурентов такой гибкости нет: они привязываются только к стандартной карточке товара.
3 правила скорости при работе с видео в WooCommerce
Первое: не храните видео на своём хостинге. Внешний файл на 20 МБ будет отдаваться через ваш сервер и сожжёт квоту. Положите ролик на YouTube/Vimeo или в CDN, а в карточку вставьте ссылку. Если файл обязателен, включите lazy load — так видео не загрузится, пока пользователь не долистает до галереи.
Второе: используйте формат MP4 с H.264 и задавайте poster-кадр. Браузер покажет красивую миниатюру до начала загрузки. Третье: сжимайте видео до 720p. На листинге конверсия зависит от скорости, а не от идеального качества — большую картинку можно оставить для лайтбокса.
Часто задаваемые вопросы
Создайте произвольное поле custom_video_url в карточке товара, добавьте код из нашей статьи в functions.php — и видео появится под галереей. Но без лайтбокса и слайдера. Для полноценной галереи используйте Pure Gallery.
Да, Pure Gallery и премиум-версии плагинов позволяют добавить сколько угодно роликов на один товар. Видео перемешиваются с изображениями в общем слайдере.
Установите Pure Gallery или плагин Product Video Gallery for WooCommerce, вставьте в поле ссылку на YouTube — миниатюра и плеер подтянутся автоматически.
В Pure Gallery видео привязывается к обычному фото. При переключении варианта видео меняется вместе с ценой и фото.
Сбросьте кеш, проверьте ссылку и убедитесь, что плагин слайдера не конфликтует с темой. Иногда достаточно отключить минификацию JS в настройках оптимизации.
Выбирайте способ по двум параметрам: количество вариаций и бюджет. Один товар без анимаций — хватит бесплатного плагина или код. Магазин с десятками SKU и вариатами — Pure Gallery буквально создан для этого и не заставит жертвовать скоростью.
Закажите сайт у нас и получите более 20 уникальных плагинов которые закрывают 90% всех потребностей магазина.
