Как создать всплывающее окно с видео в WordPress (простой способ)

Опубликовано: 2022-03-29

Ищете способ создать всплывающее окно с видео в WordPress?

Видео может резко повысить уровень вовлеченности на вашем сайте. Хотя технически вы можете встроить видео прямо на свой сайт WordPress, у этой идеи есть некоторые недостатки:

  • Если кто-то захочет увеличить видео, он нажмет кнопку « Посмотреть на YouTube » и покинет ваш сайт.
  • Встроенные видео создают соединение HTTPS с вашего сайта на сайт видеохостинга для получения предварительного просмотра видео. Это может сильно замедлить работу вашего сайта.
  • Вы не можете запускать видео на основе какого-либо действия пользователя с помощью встраивания видео, как вы можете с помощью всплывающего окна. поскольку нет возможности контролировать, как отображается видео, конверсия встроенного видео будет ниже, чем всплывающее окно.
  • Как правило, вы не можете использовать встроенное видео для сбора лидов, если не поместите его непосредственно над формой. Размещение такой формы подписки может показаться довольно неестественным, потому что посетители обычно ожидают больше контента сразу после видео.

Всплывающее видео может решить большинство этих проблем без проблем.

В этой статье мы собираемся настроить всплывающее видео на вашем сайте WordPress менее чем за 10 минут.

Давайте погрузимся.

Что нужно знать перед тем, как начать

Мы рекомендуем использовать OptinMonster для создания всплывающих окон.

Дом OptinMonster

OptinMonster — это набор инструментов для конвертации №1 в мире, и мы сами использовали его. OptinMonster позволяет очень просто создавать мощные всплывающие окна, которые конвертируют. И вам вообще никогда не придется использовать какое-либо кодирование.

Мы даже написали полный обзор OptinMonster.

Вы можете проверить это или начать свою кампанию прямо сейчас. Все, что вам нужно сделать, это зарегистрироваться в OptinMonster и следовать остальной части этой статьи. Если вы будете следовать этому руководству, вы сможете создать всплывающее окно с видео в WordPress, подобное этому:

Незуко всплывающее окно

Шаг 1. Создайте свою кампанию

Теперь пришло время создать вашу первую кампанию. Перейдите на панель инструментов OptinMonster и нажмите «Создать кампанию» :

Создать кампанию OptinMonster

Мы рекомендуем начать с всплывающего окна со сверхвысокой конверсией:

Новая всплывающая кампания Lightbox

Затем выберите шаблон кампании. В этом уроке мы будем использовать простой тип кампании, но вы можете использовать любой шаблон, который хотите создать всплывающее видео для своего сайта WordPress:

Выберите тему всплывающей кампании

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

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

Кроме того, в зависимости от вашего плана, вы также можете использовать OptinMonster на нескольких сайтах. Итак, выберите веб-сайт, на котором вы также хотите отображать свою кампанию.

Создать айдентику кампании

Нажмите «Начать строительство» , когда закончите.

Шаг № 2: Получите URL-адрес для встраивания вашего видео

Затем вам нужно получить URL-адрес видео, которое вы хотите встроить. В этом уроке мы будем использовать YouTube, но OptinMonster также работает с другими платформами видеохостинга, такими как Vimeo и Wistia.

В этом руководстве мы используем видео YouTube о push-уведомлениях на платформе PushEngage. Нажмите на кнопку « Поделиться »:

Ссылка для вставки на YouTube

Затем нажмите кнопку « Встроить »:

Вставить кнопку ссылки

Вы увидите предварительный просмотр фрагмента кода:

Встроить видео iframe

Скопируйте только ссылку на вставку видео вместо полного кода:

Ссылка для вставки видео

Сохраните эту ссылку для встраивания видео, потому что она понадобится вам для вашей кампании на следующем шаге.

Шаг № 3: Вставьте видео в свою кампанию

Вернитесь к конструктору кампаний OptinMonster. Из представления « Дизайн» конструктора кампаний перетащите блок « Видео » в дизайн кампании, где вы хотите, чтобы всплывающее окно отображалось.

Добавить блок видео во всплывающее окно OptinMonster

Нажмите прямо на видео в режиме предварительного просмотра, чтобы открыть инструменты редактирования. Введите URL-адрес для встраивания видео в поле URL-адрес размещенного видео :

Вставить URL размещенного видео

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

Сохранить кампанию OptinMonster

Шаг №4. Установите правила отображения для всплывающего окна с видео

Затем вам нужно указать, когда посетители должны видеть вашу видеокампанию с всплывающими окнами.

Для этого перейдите на вкладку « Правила отображения ».

Ознакомьтесь с правилом отображения по умолчанию для любой кампании:

Правила отображения OptinMonster по умолчанию

Это означает, что даже если вы забудете установить пользовательское правило отображения, посетители увидят всплывающее окно с вашим видео, проведя на вашем сайте не менее 5 секунд.

Шаг № 5. Добавьте интеграцию с вашей электронной почтой

Нажмите « Добавить новую интеграцию » на вкладке « Интеграции » и добавьте поставщика услуг электронной почты. Просто выберите поставщика услуг электронной почты в раскрывающемся списке «Поставщик электронной почты».

Интеграция OptinMonster

Мы рекомендуем использовать ConstantContact для ваших кампаний по электронной почте. ConstantContact предлагает несколько кампаний по автоматизации электронной почты, которые могут помочь вам привлечь и продать свой список адресов электронной почты на автопилоте.

Шаг №6. Опубликуйте свою кампанию

Каждая кампания на OptinMonster по умолчанию приостановлена . Итак, мы собираемся опубликовать вашу кампанию, чтобы посетители вашего сайта могли видеть всплывающее окно, когда они попадают на ваш сайт.

Вернитесь к панели инструментов OptinMonster. Перейдите на вкладку « Публикация » в верхнем меню, чтобы увидеть параметры публикации . Затем установите статус « Опубликовано » и выберите платформу сайта:

Опубликовать кампанию OptinMonster

Если вы используете сайт WordPress, плагин OptinMonster автоматически выполняет остальную часть настройки. Просто не забудьте нажать « Сохранить », когда закончите. Когда вы вернетесь на свой сайт, вы увидите только что созданное всплывающее окно с видео.

Что дальше?

На этом все, ребята!

Создание всплывающих окон с видео для вашего сайта WordPress — это очень эффективный способ конвертировать ваш трафик в подписчиков электронной почты и реальных потенциальных клиентов. единственная проблема, с которой вы столкнетесь после настройки всплывающего окна с видео, — это увеличить посещаемость вашего сайта.

И если вы ищете доступный способ увеличить трафик, мы рекомендуем использовать push-уведомления. Push-уведомления могут помочь вам привлечь больше повторного трафика и взаимодействия с сайтом. Вы также можете создавать автоматические кампании push-уведомлений, которые генерируют продажи.

Не убежден? Ознакомьтесь с этими ресурсами:

  • 7 умных стратегий для повышения вовлеченности клиентов
  • Эффективны ли push-уведомления? 7 статистических данных + 3 экспертных совета
  • Как настроить push-уведомления о брошенной корзине (простое руководство)

Мы рекомендуем использовать PushEngage для создания кампаний push-уведомлений. PushEngage — программа для push-уведомлений №1 в мире. Итак, если вы еще этого не сделали, начните работу с PushEngage уже сегодня!