Вчера 19 мая 2025 команда Elementor выпустило крупное обновление включающее в себя ряд новых функций и подготовка к следующему обновлению.
Облачные шаблоны Elementor Pro
Раньше мы могли сохранять шаблоны секций исключительно внутри одной сборки сайта, вставлять их на другие страницы, импортировать в формате json для использования на других сайтах.
В версии Elementor Pro 3.29.0 появилась возможность сохранять шаблоны в облако и спокойно вставлять их на другие сайты прямо из панели инструментов. Для того чтобы сохранить шаблон в облако, необходимо правой кнопкой на контейнере отобразить панель инструментов, где отобразится новый пункт меню "Save as template" - кликаем по нему.
Откроется новое окно, в котором необходимо придумать название шаблону и выбрать место сохранения: облачно или локально:
- Название шаблона,
- Облачная папка (шаблон будет доступен для всех пользователей лицензии Elementor PRO),
- Локальная папка (сохранится только на вашем сайте),
- Не забываем сохранить изменения.
Локальное хранилище
В случае локального сохранения, то все остается, как и прежде — шаблон сохранится внутри вашего сайта и будет доступен только локально. Так же остается экспортировать его в формате json на другой сайт.
Облачное хранилище шаблонов
Если сохранять шаблон в облачную папку, то можно выбрать соответствующий пункт и нажать кнопку сохранить. Откроется новое окно, в котором в новой вкладке "Cloud templates" будут отображены все сохраненные шаблоны. 1 - шаблон который я сохранил в рамках текущего примера.
Так же отображается количество свободного места (цифра 2 на скриншоте). Elementor ограничивает место хранения для на 5 000 шаблонов, что я считаю с запасом.
Облачны папки
Помимо сохранения шаблонов в облаке, имеется возможность создания собственных папок, что очень удобно, если вы работаете в команде или любите структурировать свои шаблоны по категориям. (папку в папке создать невозможно)
Управление шаблоном
При клике на три точки напротив нужного шаблона мы имеем возможность:
- Переместить шаблон в какую либо папку,
- Скопировать шаблон в папку,
- Экспортировать шаблон в формате Json,
- Переименовать шаблон,
- Удалить шаблон из облачного хранилища.
Это первое, действительно полезное обновление, за последние несколько месяцев, которое доступно уже сейчас для каждого владельца лицензии Elementor PRO. Можно структурировать папки по типам шаблонов и с легкостью использовать шаблоны внутри своей команды. Это так же позволит ускорить нашу работу, используя готовые шаблоны на разных проектах в 1 клик, а не создавать их с нуля или заниматься экспортом и импортом между разными проектами.
Новый редактор Elementor V4
Новая версия Elementor добавляет новый долгожданный редактор версии 4, который включает в себя глобальные классы и обновленный интерфейс работы с виджетами.
Важно: это только Альфа версия и не рекомендуется ее использовать на рабочих проектах! Активируйте функционал только на тестовых сайтах для ознакомления!
Как активировать Elementor v4
Для того чтобы активировать новые возможности редактора Elementor V4, необходимо открыть настройки конструктора Elementor, перейти во вкладку "Editor V4" и нажать кнопку "Activate the new experience"
Система уведомит о возможных рисках и последствиях и автоматически подключаемых инструментах, но так как мы все это делаем на тестовом сайте, то смело соглашаемся (1) и жмем кнопку "Активировать" (2)
После активации система поприветствует вас (1), а в обновленном окне, появится кнопка (2), с помощью которой можно будет деактивировать функционал четвертой версии редактора элементор.
Редактор Элементор 4 - что нового?
Я вкратце покажу что же нового в 4 редакторе конструктора Elementor. Для этого я создам новую тестовую страницу
Новые виджеты
Первое, что бросается в глаза, при открытии нового редактора, это 7 новых виджетов (в дальнейшем они будут добавляться).
Со слов разработчиков обновленная версия виджетов имеет более легкий код, так как каждый элемент теперь заключен в 1 блок, а не в несколько вложенных блоков, как это было в 3 версии редактора элементор.
Редактор 3 версии (Пример кода приведен разработчиками плагина)
<div class= elementor-element elementor-element- ad664dc elementor-widget elementor-widget-heading" data-id="ad664dc" data-element_type="widget" data- widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size- default">This is a V3 Heading</h2> </div>Редактор 4 версии (Пример кода приведен разработчиками плагина)
<h2 class="e-heading-base">This is a V4 Heading</h2>Новое меню настройки и управления виджетами
Если раньше мы видели практически у каждого элемента 3 вкладки: Содержимое, Стиль и Расширенные
То теперь отображается только 2 вкладки: Общие и Стиль
Если в общей вкладке все понятно, то вкладка стиль теперь имеет общий, единый набор инструментов позволяющий изменять тот или иной виджет (но только из новых 7 виджетов). Для старых виджетов все остается по старому. Соответственно на вкладке стиль, если вы изменяете виджет, например "Заголовок", то изменения применяются только к этому заголовку, на что указывает соответствующая кнопка "Local" в разделе Classes
Глобальные классы в Elementor v4
Попробуем создать свой класс для этого заголовка, для примера, я назвал его "HeaderH1".
Для примера я изменил типографику. На скриншоте созданный класс выделен цветом (1), это значит, что все вносимые изменения к этому заголовку, записываются в этот класс.
И вот теперь уже можно применить этот же класс, к другим заголовкам. Для этого я добавлю второй заголовок, и в списке классов выберу недавно созданный класс "HeaderH1"
После выбора класса, к новому заголовку применятся те же стили, которые мы присвоили этому классу!
И теперь, если мы при активном классе, для примера изменим цвет заголовка, то изменения коснутся всех заголовков, к которым мы присвоили этот класс!
Соответственно, теперь мы сможем изменять дизайн повторяющихся элементов в пару кликов, благодаря чему мы сможем значительно увеличить скорость работы в конструкторе Elementor!
Проблемы редактора Elementor v4
Говорить о проблемах пока рано, так как это только альфа-версия и представлено всего 7 виджетов, чего однозначно мало для полноценного тестирования функционала.
Одна из основных проблем которую я заметил, это то, что созданный нами класс "HeaderH1" в коде сайта отображается как "g-0c7309d", что не очень хорошо. Я написал об этом разработчикам, и они сказали что исправят это в ближайших обновлениях.
Итоги
Данное обновление плагинов Elementor и Elementor PRO большой шаг, который многие пользователи конструктора очень долго ждали. Регулярное развитие плагина, добавление нового функционала, исправление текущих ошибок, говорит о том что, команда элементор, стремится развивать и улучшать свой продукт — что не может не радовать нас как пользователей.
Видео с официального канала Elementor.
