WordPress плъгин: Отворете видео в лайтбокс с Elementor

Бутон Elementor Отворено видео лайтбокс
Време за четене: 4 протокол

Приехме уебсайт с клиент, с който е създаден Elementor, фантастичен плъгин за редактиране с плъзгане и пускане за WordPress, който трансформира колко лесно е да се изграждат сложни, красиви оформления, които са отзивчиви ... без програмиране или нужда от разбиране на шорткодовете.

Elementor има някои ограничения, едно от които срещнах при работа на клиентски сайт. Те просто искаха бутон, който отваря видеоклип в лайтбокс ... нещо, което Elementor не предлага. Бихте могли да заобиколите проблема, като използвате изображение със или без бутон за възпроизвеждане ... но Elementor има страхотен бутонен елемент. Изненадан съм, че не са предложили това извън кутията.

За щастие има приставка за това!

Основни добавки за Elementor

За щастие има няколко страхотни добавки за Elementor на пазара. Трябва обаче да бъдете доста внимателни при избора на разработчик на приставки. Наличието на WordPress сайт, изграден върху Elementor, създава зависимост от Elementor. След това създаването на добавка от друг доставчик създава друга зависимост. От решаващо значение за успеха на вашия WordPress сайт е да се гарантира, че разработчикът на приставки има много инсталирания и свързаните с тях приходи, за да поддържа и подобрява приставките, когато се актуализират версии на WordPress и Elementor.

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

Бутон на лайтбокса на Elementor

След като инсталирате платената версия на приставката Essential Add-Ons за Elementor, активирайте Lighbox & Modal функция за преглед на елемента във вашите елементи на Elementor. След това можете лесно да го търсите и плъзнете в страницата си:

елемент или lighbox модално

След това ще искате да промените няколко настройки за елемента:

  • Задайте Настройки> Задействане на Бутон Щракнете
  • Задайте Настройки> Тип на Бутон
  • Задайте Настройки> Button Текст
  • Задайте Content> Type на Връзка към страница / видео / карта
  • Задайте Съдържание> Предоставете URL адрес на страница / видео / карта към вашия URL адрес на видео

След това можете да персонализирате стила на лайтбокса и бутоните, ако е необходимо. Това е безпроблемно изживяване между тази добавка и Elementor.

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

Въпреки че тази функция заедно може би си е струвало да се плати, приставката Essential Add-Ons за Elementor има много други функции, включени както в безплатна, така и в платена версия. Забележка: Функционалността на Lightbox е в платената версия.

Основни добавки за Elementor: Свободни елементи

Безплатната версия има някои основни елементи, които могат да бъдат добавени:

  • Информационна кутия - Показвайте ключова информация с тип Info Box, като добавите Icon On Top и добавите анимационни ефекти.
  • Разширено акордеон - покажете съдържание, активирайте иконата за превключване, попълнете секцията за акордеон с желания текст и го направете да изглежда интерактивен за публиката.
  • Woo Product Grid - Представете продуктите на WooCommerce навсякъде и покажете продуктите по категория, тагове или атрибути. Лесно добавете ефекти върху курсора на оформлението, за да го направите зашеметяващо.
  • Flip Box - Представете красиво съдържанието с флип анимация наляво / надясно при задържане на мишката.
  • Разширени раздели - показва ключова информация по интерактивен начин, който поддържа изработен по поръчка дизайн на вложени раздели, за да привлече аудитория в даден екземпляр
  • Ценова Таблица - създайте ефективна таблица за ценообразуване на продукти с перфектен стил, за да получите повече продажби от потенциалните си купувачи.
  • Изображение на акордеон - Подчертайте вашите изображения с невероятни ефекти при задържане и щракване с помощта на EA Image Accordion. 
  • Post Grid - показване на множество публикации в блог в решетка Можете да изберете предпочитаното оформление от настройките на оформлението, да добавите анимация към него и да го направите да изглежда интерактивно за посетителите.
  • Призив за действие - Оформете съдържанието, цвета и подканването си и го свържете, за да насочите посетителите към желаното действие.
  • Countdown - Изградете и проектирайте таймер от селекция от различни стилове.
  • Публикувайте хронология - показвайте публикации в блога, страници или персонализирани публикации в зашеметяващо вертикално оформление. Можете да зададете предпочитания брой публикации, да добавите невероятни ефекти, наслагване на изображение, бутон и други, за да плъзнете интереса на аудиторията.
  • Галерия с възможност за филтриране - Показвайте изображения с отделни категории, стилове на мрежата и персонализирайте цялостния дизайн, за да осигурите изключителен външен вид.

Изтеглете основните добавки за Elementor

Основни добавки за Elementor: Платени елементи

С платената версия получавате още тон елементи, които наистина предоставят максимални възможности във вашата тема, базирана на Elementor.

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

Вариант с приставката, който наистина оценявам, е възможността да активирате или деактивирате всеки от тези елементи в сайта. Това ограничава режийните разходи за скрипта на всяка функция, който се добавя към вашия сайт.

Изтеглете основните добавки за Elementor

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.