Как вставить видео на сайт Wordpress

Видео – один из самых популярных и востребованных форматов контента. Оно привлекает внимание пользователей, помогает лучше запомнить информацию и взаимодействовать с аудиторией. Если ваш сайт работает на CMS WordPress, и возникла необходимость добавить видео, то сделать это можно разными способами. Рассмотрим их в статье и расскажем, как это сделать.

Вставка базовыми через вордпресс

WordPress предлагает встроенные функции для вставки видео по URL, с ПК или с помощью HTML-кода.

Для этого:

Войдите в админ-панель и в боковом меню выберите пункт «Записи», а затем нажмите «Добавить новую».

Откроется страница редактирования.

Чтобы добавить новый блок нажмите кнопку «+» в верхнем левом углу.

Откроется меню для выбора блока.

В строку поиска введите слово «Видео» и выберите соответствующий блок.

Заполним место заголовка и укажем для пример «Медиаконтент».

В появившемся блоке содержатся кнопки для выбора способа загрузки.

Рассмотрим их.

Кнопка Вставить с сайта

Позволяет вставить в Wordpress видео по URL-адресу. Для примера можно взять ролик из YouTube. Перейдите на сервис, найдите и откройте нужное видео.

Под плеером нажмите кнопку Поделиться.

В модальном окне скопируйте ссылку.

Вернитесь к редактированию записи в Wordpress.

Нажмите кнопку Вставить с сайта, добавьте ранее скопированный URL и нажмите кнопку Применить.

После этого в блоке отобразится видео с YouTube. Нажмите Опубликовать, чтобы ролик появился на сайте.

Таким способом получится разместить на сайт Wordpress видео с YouTube. Можно добавить ролик и с других платформ, однако следует удостовериться, что они поддерживают такую возможность.

Кнопка Загрузить

Используется, когда нужно загружать видео с компьютера на сайт Wordpress. В этом случае ссылки не нужны. Просто нажмите кнопку Загрузить и в открывшемся окне найдите и выберите ролик на компьютере.

После этого он будет размещен в блоке и все, что остается, – это опубликовать.

Допускается размещение нескольких блоков и загрузка видео как с других сайтов, так и с компьютера. Так, можно создать из страницы целую галерею видеороликов.

Вставка с помощью плагина

У WordPress большая библиотека плагинов, как платных, так и бесплатных, для работы с сайтом. Среди них и те, которые предназначены для видео. В качестве примера используем плагин ARVE (Advanced Responsive Video Embedder).

Для начала его нужно установить.

Откройте админ-панель Wordpress, выберите пункт «Плагины», а затем нажмите кнопку Добавить новый.

В поисковой строке введите «ARVE», далее нажмите кнопку Установить в карточке нужного плагина, а затем Активировать.

Перейдите на страницу редактирования записи.

Для загрузки видео понадобится блок «Шорткод». Введите его в поисковой строке и добавьте.

Вставьте код в поле следующим образом:

[arve url="https://youtu.be/Qh3VebBauwo"]

где url – ссылка на видео (подобно тому, как было описано выше на примере YouTube).

Для проверки, опубликуйте запись и перейдите на страницу сайта.

Знаем какие формы могут увеличить число заявок с вашего сайта!

Получи бесплатно PDF и рекомендации для современных веб форм

Подскажем, какой видеовиджет увеличит вам конверсию на 30%

Получи бесплатно PDF с эффективными кейсами

Расскажите мне

Встраивание HTML-кода

Для этого способа воспользуемся сервисом VK Видео. Для встраивания ролика нам понадобится код фрейма. Работает это так:

Перейдите на сервис VK Видео, найдите нужный ролик и откройте его.

Внутри окна плеера и под ним есть кнопка Поделиться. Нажмите ее.

В открывшемся модальном окне перейдите во вкладку «Экспортировать» и скопируйте весь код внутри тега <iframe>.

Вернитесь на страницу редактирования записи в WordPress.

Нажмите кнопку добавления блока, введите в поиске «html» и выберите «Произвольный HTML».

Вставьте скопированный код фрейма в поле «Пишите HTML …».

Перед публикацией убедиться, что видео работает, можно нажав кнопку Посмотреть.

Используйте QFORM, который сочетает встроенный плеер с формами, кнопками, квизами и аналитикой. Он дополняет любой из базовых способов и закрывает маркетинговую часть, которую WordPress сам по себе не решает.

Вставить видео просто. Сделать видео инструментом продаж — помогает QFORM

Обычное видео на WordPress — это «посмотреть и уйти».
QFORM Video делает видео интерактивным: просмотр → действие → заявка → CRM.

Сразу внутри видео можно:

• показать CTA-кнопку
• собрать заявку через встроенную форму
• добавить переход в корзину
• запустить сценарий или ветвление
• отправить событие в GA4

Как вставить интерактивное видео QFORM на сайт WordPress

Это самый мощный и бизнес-ориентированный способ работы с видео.

Шаг 1. Загрузите видео в QFORM

Вы можете загрузить:

• MP4
• AVI
• FLV
• MOV
• WEBM

QFORM автоматически оптимизирует формат.

Шаг 2. Добавьте интерактивность

Внутри редактора можно встроить:

CTA-кнопки:

• «Оставить заявку»
• «В корзину»
• «Запросить расчёт»
• «Написать в WhatsApp»

Формы:
Имя, телефон, e-mail.

Сценарии:
→ видео → CTA → следующее видео → форма → CRM.

Ветвления:
«Выберите вариант» → разное продолжение.

Шаг 3. Получите embed-код

Пример:

<div id="qform-video" data-id="XXXX"></div>
<script src="https://cdn.qform.io/embed.js"></script>

Шаг 4. Вставьте код в WordPress

Способы:

• Gutenberg → блок “HTML-код”
• Elementor → HTML Widget
• Divi → Code Module
• Любая тема → файл шаблона

После публикации на странице появится интерактивный видеовиджет, работающий через CDN.

Шаг 5. Получайте аналитику и заявки

QFORM показывает:

• CTR обложки
• удержание по секундам
• клики по CTA
• CR формы
• источники трафика
• события в GA4
• заявки и SQL

И всё это автоматически уходит в:

• Bitrix24
• amoCRM
• HubSpot
• ПланФакт
• Telegram
• Webhooks

Если цель — просто показать видео, WordPress справится.
Если цель — получить заявки, нужен QFORM.

FAQ

Будет ли интерактивное видео замедлять сайт WordPress?
Нет, QFORM использует CDN и асинхронную загрузку.

Работает ли autoplay на мобильных?
Да, если видео без звука. QFORM включает mute автоматически.

Можно ли встроить несколько видео?
Да, embed-кодов может быть сколько угодно.

Можно ли использовать QFORM в Elementor?
Да — вставить через HTML Widget.

Как отправляются заявки?
Через API/вебхуки в CRM + события GA4.