Плагин WordPress: откройте видео в лайтбоксе с помощью Elementor

Кнопка Elementor Открыть видео-лайтбокс

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

У Elementor есть некоторые ограничения, с одним из которых я столкнулся, работая на клиентском сайте. Им просто нужна была кнопка, открывающая видео в лайтбоксе… то, чего Elementor не предлагает. Вы можете обойти проблему, используя изображение с кнопкой воспроизведения или без нее… но у Elementor есть отличный элемент кнопки. Я удивлен, что они не предложили это из коробки.

К счастью, для этого есть плагин!

Основные надстройки для Elementor

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

Один фантастический плагин - это Основные надстройки для Elementor. С более чем 800,000 XNUMX инсталляций плагин может быть самым популярным плагином-надстройкой для Elementor на рынке. Ключевой особенностью этого плагина является возможность легко добавлять и настраивать лайтбокс для вашего веб-сайта WordPress, созданного с помощью Elementor.

Кнопка Elementor Lightbox

После установки платной версии плагина Essential Add-Ons для Elementor включите Лайтбоксы и модальные функция для просмотра элемента в ваших элементах Elementor. Затем вы можете легко найти и перетащить его на свою страницу:

elementor Lighbox модальный

Затем вы захотите изменить пару настроек для элемента:

  • Установите Настройки> Триггер на Нажатие кнопки
  • Установите Настройки> Тип на Пуговичка
  • Установите Настройки> текст кнопки
  • Установите Content> Type на Ссылка на страницу / видео / карту
  • Установите контент> Укажите URL страницы / видео / карты на URL вашего видео

Затем вы можете настроить лайтбокс и стиль кнопок по мере необходимости. Это безупречный опыт взаимодействия этого дополнения и Elementor.

Элемент или кнопка лайтбокса

Хотя за эту функцию, возможно, стоило заплатить, плагин Essential Add-Ons для Elementor имеет множество других функций, включенных как в бесплатную, так и в платную версии. Примечание. Функциональность лайтбокса есть в платной версии.

Основные дополнения для Elementor: бесплатные элементы

В бесплатной версии есть несколько основных элементов, которые можно добавить:

  • Блок информации - Отображение ключевой информации с типом информационного окна, добавляя значок сверху и добавляя эффекты анимации.
  • Продвинутый аккордеон - отображать контент, включать значок переключения, заполнять раздел аккордеона желаемым текстом и делать его интерактивным для аудитории.
  • Сетка продуктов Woo - Продемонстрируйте продукты WooCommerce в любом месте и отображайте продукты по категориям, тегам или атрибутам. С легкостью добавляйте эффекты наведения на макет, чтобы сделать его потрясающим.
  • Флип-бокс - Красиво демонстрируйте контент с помощью анимации поворота влево / вправо при наведении курсора мыши.
  • Расширенные вкладки - отображать ключевую информацию в интерактивном режиме, который поддерживает индивидуальный дизайн вложенных вкладок для привлечения аудитории в конкретном случае.
  • Стоимость услуг - создайте эффективную таблицу цен на продукты с идеальным стилем, чтобы увеличить продажи ваших потенциальных покупателей.
  • Изображение Аккордеон - Выделите свои изображения потрясающими эффектами наведения и щелчка с помощью EA Image Accordion. 
  • Сообщение Сетка - отображать несколько сообщений блога в виде сетки. Вы можете выбрать предпочтительный макет в настройках макета, добавить к нему анимацию и сделать его интерактивным для посетителей.
  • Призыв к действию - Создайте стиль содержания призыва к действию, раскрасьте его и свяжите его, чтобы направлять посетителей к желаемому действию.
  • Обратный отсчет - Создайте и спроектируйте таймер из различных стилей.
  • Хронология публикации - отображать сообщения блога, страницы или пользовательские сообщения в потрясающем вертикальном макете. Вы можете установить желаемое количество сообщений, добавить потрясающие эффекты, наложение изображения, кнопку и многое другое, чтобы перетащить интерес аудитории.
  • Галерея с возможностью фильтрации - отображение изображений с отдельными категориями, стилями сетки и настройка общего дизайна для обеспечения необычного вида.

Загрузите необходимые дополнения для Elementor

Основные дополнения для Elementor: платные элементы

С платной версией вы получаете массу дополнительных элементов, которые действительно обеспечивают максимальные возможности в вашей теме на основе Elementor.

  • Лайтбоксы и модальные окна - демонстрируйте свои видео, изображения или другой контент во всплывающем окне. Вы можете установить желаемые триггерные действия, добавить анимацию и настроить макет для максимального взаимодействия.
  • Сравнение изображений - дайте вашим потенциальным покупателям возможность сравнивать два изображения ваших товаров (Старое против Нового) удивительным образом.
  • Логотип Карусель - выберите желаемый эффект карусели, добавьте логотип и стиль вывода, чтобы красиво отображать всех ваших клиентов или партнеров.
  • Эффекты параллакса - позвольте вашим посетителям испытать ваш сайт с многослойным эффектом параллакса, который даже включает взаимодействие при наведении курсора мыши.
  • рекламный - Добавьте привлекательный заголовок, внутреннее содержимое, содержимое при наведении курсора и красивые изображения, чтобы привлечь внимание посетителей.
  • Переключатель содержимого - Добавьте к своему контенту эффект наведения, который подчеркивает различия, на которых вы хотите, чтобы посетители могли сосредоточиться.
  • Google Maps - Настройте элемент карты, добавьте значки маркеров и сделайте его интерактивным для посетителей.
  • Эффект частиц - добавьте творческие разделы на свой сайт, чтобы выделить его.
  • Интерактивные карты - привнесите в блоки контента расширенные возможности, такие как внутренняя прокрутка и эффекты наведения.
  • Защищенное содержимое - ограничивать контент паролем или ролью пользователя.
  • Сообщение Блок - отображайте сообщения своего блога в разнообразных уникальных стилях, используя возможности современного CSS Flex. Вы можете выбрать макет, добавить анимацию, добавить значок и стилизовать все, включая эффекты наведения.
  • Расширенная подсказка - добавлять всплывающие подсказки над и под контентом.
  • Навигация по одной странице - создать одностраничный веб-сайт с помощью Elementor всего за несколько кликов.
  • Слайдер отзывов - создайте интерактивную доску отзывов, которая красиво демонстрирует несколько обзоров в одной области контента.
  • Instagram - привлечь внимание посетителей вашего сайта и привлечь больше подписчиков в Instagram, разместив ленту Instagram на своем сайте.
  • Горячая точка изображения - добавить горячие точки области изображения с настраиваемыми всплывающими подсказками, чтобы пользователь мог щелкнуть по горячим точкам, чтобы отобразить связанный текст.

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

Загрузите необходимые дополнения для Elementor

Как вы думаете?

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