Содержание маркетинга

Плагин 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 модальный

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Douglas Karr

Douglas Karr является директором по маркетингу OpenINSIGHTS и основатель компании Martech Zone. Дуглас помог десяткам успешных стартапов MarTech, помог в комплексной проверке приобретений и инвестиций Martech на сумму более 5 миллиардов долларов, а также продолжает помогать компаниям во внедрении и автоматизации их стратегий продаж и маркетинга. Дуглас — международно признанный эксперт по цифровой трансформации, а также эксперт в области MarTech и спикер. Дуглас также является автором опубликованного руководства для чайников и книги по бизнес-лидерству.

Статьи по теме

Вернуться к началу кнопки
Закрыть

Adblock обнаружен

Martech Zone может предоставить вам этот контент бесплатно, потому что мы монетизируем наш сайт за счет доходов от рекламы, партнерских ссылок и спонсорства. Мы были бы признательны, если бы вы удалили блокировщик рекламы при просмотре нашего сайта.