Використання Elementor Pro з плагінами JetPlugins: основні вказівки

Використання Elementor Pro з плагінами JetPlugins: основні вказівки

Дозвольте вгадати: ви творець веб-сайту, який дуже прив’язаний до Elementor та його функцій. Ви навіть отримали Elementor Pro для створення веб-сайту насправді виділятися. Це цілком зрозуміло, я вас розумію. Конструктор сторінок Elementor – це гідний інструмент, як кажуть, “редактор вказівки та клацання» здатний задовольнити більшість амбіцій щодо створення веб-сайтів. Але ти інший, чи не так? Ви проявили креативність, і вам важко зупинити лавину. Час будувати.

Сьогодні я покажу вам, чого можна досягти, використовуючи Elementor Pro і JetPlugins разом. Швидкий спойлер: ні, одне на інше не поміняєш. Це більше стосується оновлення та вдосконалення вже функціонуючого веб-сайту.

Зміст:

Основні функції Elementor Pro

Професійна версія сама по собі є потужним рішенням, яке дає доступ до таких ексклюзивних функцій:

  • Конструктор тем дозволяє створювати верхній і нижній колонтитули, одну публікацію, одну сторінку, архів, результати пошуку та 404 шаблони сторінок. Крім того, ви можете вирішувати, де буде відображатися створений шаблон, встановивши умови видимості.
  • Конструктор WooCommerce дає змогу створювати спеціальні сторінки магазинів і застосовувати їх до вітрини WordPress без кодування.
  • Конструктор спливаючих вікон допомагає розробляти макети спливаючих вікон і вибирати тригери подій для них. Крім того, в бібліотеці є близько 100 готових до використання спливаючих шаблонів.
  • Конструктор форм, що дозволяє будувати прості, складні та багатокрокові форми. Усі подані форми збираються у спеціальному каталозі WP.
  • Рольовий менеджер дозволяє власникам веб-сайтів обмежувати доступ до редактора для певних ролей користувачів і дозволяти деяким ролям редагувати вміст.
  • Динамічний контент це функція, яка дозволяє користувачам заповнювати сторінки вмістом, отриманим із даних сайту WordPress і спеціальних полів.
  • 100+ професійних віджетів задовольнить потреби в дизайні та макеті та допоможе додати важливі елементи та анімацію веб-сайту.
  • Понад 90 професійних шаблонів включають десять каркасів і понад 80 наборів дизайну веб-сайтів, які в основному є готовими веб-сайтами, адаптованими до певної ніші.
  • Спеціальний CSS, код і атрибути дозволяють прикрасити зовнішній вигляд сайту та підвищити його функціональність.
  • Примітки це чудова функція, яка дозволяє залишати коментарі до елементів сторінки прямо в редакторі.
  • Є численні Інтеграції у професійній версії: від популярних поштових сервісів до Google Maps API, Discord і Facebook SDK.

Загалом цього цілком достатньо для розробки динамічного сайту, як бачите. Але чогось не вистачає, погодьтеся? Давайте зануримося глибше і подивимося, що саме.

Як об’єднати Elementor Pro з JetPlugins

Продукти Crocoblock можуть розширити функціональність візуального конструктора та зробити певні типи веб-сайтів більш наповненими функціями. Уявіть магазин WooCommerce. Чи є у нього фільтри, мегаменю та відгуки клієнтів? Чи потрібно мати спеціальні типи публікацій і спеціальні поля?

перегляд плиток плагінів Crocoblock

А як щодо веб-сайту для запису на прийом до лікаря? Чи має він мати календар і доступні часові проміжки? Сайт бронювання готелів, мабуть, потребує системи бронювання, чи не так?

Відповідь проста: JetPlugins.

Використання JetEngine для розширених динамічних функцій

Оскільки Elementor Pro не підтримує створення CPT/CCT і не має вбудованих користувацьких полів, доцільно використовувати плагін стороннього виробника. Чому б це не JetEngine? Це потужний плагін, який пропонує набагато більше, ніж спеціальні типи публікацій і мета-поля. Його можна використовувати для створення:

  • насичений змістом Лістингові сіткиякі перетягують дані динамічні віджети і представити його спереду за допомогою різних макетів;
  • метабокси, що зберігають додаткові дані, які можна застосовувати до CPT, публікацій WordPress, користувачів і термінів;
  • Сховища даних, завдяки яким можна додавати динамічні розділи на веб-сайт, такі як Пов’язані продукти, Нещодавно переглянуті, Вибране тощо;
  • відносини між публікаціями за допомогою Relationship Builder;
  • сторінки профілю користувача та меню – усе завдяки Конструктор профілів;
  • спеціальні запити, які можуть отримувати різні динамічні дані з серверної частини веб-сайту та без зусиль виводити їх там, де вам потрібно;
  • динамічні діаграми та таблиці, які допомагають чітко візуалізувати дані;
  • Кінцеві точки REST API, за допомогою яких можна перетягувати дані з одного веб-сайту/програми на інший тощо.

Можливі застосування функцій JetEngine

  1. Створення двох динамічних посилань для форм реєстрації користувачів, що дозволяє адміністратору веб-сайту схвалювати/відхиляти певний запит на реєстрацію. Читати далі
  2. Створення розділу «Останні дописи» та додавання альтернативних списків до сітки списків. В результаті можна отримати унікальний макет блогу. Читати далі
  3. Створення власних типів публікацій і використання теми Elementor Hello – вони ідеальні разом! Читати далі

Створення інструменту фільтрації за допомогою JetSmartFilters

Що робить плагін JetSmartFilters незамінним, так це можливість змішувати та поєднувати 12 типів фільтрів, щоб отримати унікальну структуру фільтрації. Ви можете легко створити ієрархічні фільтри, тобто наступний критерій буде доступним після вибору попереднього. Це можливо індексні фільтри і ввімкніть зустрічний варіант.

Фільтри необхідні для наступних проектів розробки:

  • веб-сайти електронної комерції;
  • ринки автодилерів та прокату автомобілів;
  • сайти бронювання готелів;
  • веб-сайти оренди на відпочинок;
  • книжкові онлайн-магазини та багато іншого.

І останнє, але не менш важливе Додаткові постачальники Функція дозволяє фільтрувати деякі елементи та переглядати результати одразу на карті (завдяки інтеграції Map Listing). Хіба не було б чудово мати його на веб-сайті, який підтримує Elementor?

Сьогодні багато розробників веб-сайтів використовують комбінацію JetSmartFilters і Elementor Pro. Вони додають фільтри на сторінки магазинів, допомагаючи клієнтам знайти дорогу на захаращеному веб-сайті. Фільтри також можуть бути присутніми на сайті тюнінгу автомобілів.

Звичайно, можна створити навігаційне меню за допомогою віджетів Elementor і відобразити його горизонтально, вертикально та як гамбургер. Справа в тому, чи потрібно вам більше.

JetMenu може запропонувати вам набір інструментів для створення Mega Menu – будь-який макет, будь-який вміст усередині. Ви можете легко вмістити в меню наступне:

  • динамічний контент;
  • статті в блогах;
  • Шаблони Elementor;
  • контактні дані та форму зв’язку;
  • дані, пов’язані з веб-магазином;
  • мультимедіа.

JetMenu пропонує три популярні макети:

доступні макети мегаменю

Найважливіше те, що плагін дозволяє створювати різні дизайни меню для настільних і мобільних пристроївякий буде 100% чуйним.

Можливі додатки функцій JetMenu

  1. Налаштуйте меню заголовка за допомогою кількох параметрів, які пропонує JetMenu. Читати далі
  2. Створіть мегаменю з картками продуктів усередині. Читати далі
  3. Створіть багатокатегорійне мегаменю з додатковими розділами та кнопками дій. Читати далі

Використання JetWooBuilder для власних сторінок магазинів

Elementor Pro дозволяє створювати два шаблони сторінок магазину: Один продукт і Архів продукції. Щоб отримати більше, найкраще мати JetWooBuilder. Плагін Crocoblock охоплює всі сторінки магазинів, які ви можете створити:

  • сам шаблон сторінки магазину;
  • одиничні та архівні сторінки товару;
  • шаблон архіву категорії;
  • спеціальний шаблон кошика;
  • шаблон сторінки мого облікового запису;
  • спеціальна сторінка оформлення замовлення;
  • шаблон сторінки подяки.

Крім того, JetWooBuilder дозволяє встановити розширені умови видимості, щоб визначити, де з’явиться створений шаблон. Це схоже на функціональність Elementor, але всередині є більше умов.

Професійна порада

Тепер можна створювати сторінки WooCommerce за допомогою JetThemeCore. Нова функція Theme Builder охоплює всі типи сторінок – від магазину й окремого продукту до кошика й оформлення замовлення.

Читайте також: Функції та варіанти використання JetThemeCore WordPress Site Builder

Плагін JetWooBuilder стане чудовим доповненням до WooCommerce і Elementor. Він може обернути продукти в зручні настроювані макети, використовуючи нульові навички кодування.

Інші програми JetPlugins, які можуть вам сподобатися

Цифрова логістична платформа BooBoo

Форма входу користувача створена Amai Rawiri

Макет галереї зображень створив Ліам Едвардс

✈ Веб-сайт недорогих авіакомпаній Allegiant Air Help

  • Розроблено Дхіраджем Шармою
  • Включає в себе JetTabs, JetElements, і Реактивний двигун

Сайт-візитка Safari Craftsmen

Elementor Pro проти Crocoblock: скільки вони коштують?

ціноутворення elementor pro

Сторінка з цінами Elementor Pro демонструє три плани:

  • Необхідний коштує 49 доларів США на рік і передбачає одну активацію.
  • Експертякий є найпопулярнішим варіантом, коштує 199 доларів на рік і передбачає 25 активацій.
  • Студія коштує 299 доларів США за перший рік, потім вартість зростає до 499 доларів США на рік. План передбачає 100 активацій сайту.

Усі плани включають безліч професійних функцій і підтримку преміум-класу. Останні два включають набори експертних веб-сайтів і параметри профілю експерта Elementor.

Поглянувши на ціну Crocoblock, можна побачити, що немає необхідності купувати цілу упаковку. Кожен плагін можна придбати окремо. Припустімо, вам потрібні JetPlugins, які я описав раніше: JetEngine, JetMenu та JetSmartFilters. Додайте їх у кошик, сформуйте a індивідуальна підписка, і перейдіть до оформлення замовлення. Ціна кожного плагіна становить 43 долари США на рік для одного веб-сайту, тобто 129 доларів США. Для необмежених веб-сайтів загальна сума становитиме 264 долари США.

кошик крокоблок

Кожен плагін підлягає регулярному оновленню та преміум-підтримці протягом цілого року.

Заключні думки

Як бачите, плагіни Crocoblock і Elementor Pro є потужними рішеннями для створення сайтів. Використовуючи лише Elementor, можна створити повністю робочий веб-сайт, розробити для нього привабливий дизайн і охопити кілька динамічних аспектів. JetPlugins, з іншого боку, може додати неперевершену функціональність до веб-сайтів, створених Elementor: спеціальні типи публікацій, конструктор запитів, фільтри AJAX, мегаменю, механізм зустрічей і бронювання тощо. З цієї точки зору продукти Crocoblock можна вважати гідними додатками сторонніх розробників.

Дивлячись на ціни Elementor Pro і Crocoblock, можна задатися питанням, чи не занадто багато витрачати на обидва. Питання риторичне, до того ж дискусійне. Можливо, ви знаєте відповідь. Чи є у вас досвід використання Elementor Pro з Crocoblock? Будь ласка, поділіться цим у коментарях нижче.

Якщо вас цікавить послуга “сайт візітка”, заказати можна тут, в веб-студії filandor. Студія працює багато років та надає комплексні послуги.

Джерело: https://crocoblock.com/blog/using-elementor-pro-with-jetplugins/

Related posts