Как сохранить блок или страницу как шаблон в Elementor

Представьте ситуацию: вы потратили часы на создание идеального блока с преимуществами, продумали каждую деталь — от отступов до цветовой гаммы. А затем вам нужно сделать точно такой же блок на другой странице или на другом сайте. Строить всё заново? Копировать вручную? К счастью, в Elementor есть элегантное решение — шаблоны. Шаблоны в Elementor — это сохранённые дизайны, которые можно вставить в любую страницу за считанные секунды. Они позволяют:

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

В этой статье я подробно, шаг за шагом, разберу все способы сохранения шаблонов в Elementor — как целых страниц, так и отдельных блоков. А также расскажу, как эффективно управлять своей библиотекой шаблонов.

Что такое шаблоны в Elementor

Прежде чем перейти к инструкциям, важно понять, о каких шаблонах идёт речь. В Elementor есть два типа шаблонов:

1. Шаблоны темы (Theme Templates) — части сайта, которые используются на всём сайте: шапки, подвалы, шаблоны отдельных записей и страниц. Они создаются через Theme Builder (доступно в Elementor Pro).
2. Шаблоны страниц и блоков — это готовые макеты, которые вы вставляете в содержимое страницы. Именно о них пойдёт речь в этой статье. Это могут быть целые страницы или отдельные секции/контейнеры.

Кроме того, шаблоны делятся по способу хранения:

• Site Templates (локальные шаблоны) — сохраняются на конкретном сайте и доступны только для этого сайта.
• Cloud Templates (облачные шаблоны) — сохраняются в вашем аккаунте Elementor и доступны на любом сайте, подключённом к этому аккаунту. Эта функция появилась в Elementor версии 3.29.

Способ 1. Сохранение целой страницы как шаблона

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

Пошаговая инструкция

Шаг 1. Откройте страницу в редакторе Elementor

Зайдите в WordPress-админку, перейдите в раздел «Страницы», выберите нужную страницу и откройте её в редакторе Elementor.

Шаг 2. Откройте меню сохранения

В верхней панели редактора найдите кнопку «Опубликовать» (или «Обновить», если страница уже опубликована). Справа от неё есть небольшая стрелка вниз — нажмите на неё. Откроется выпадающее меню с опциями сохранения.

Шаг 3. Выберите «Save as Template»

В выпадающем меню выберите пункт «Save as Template» (Сохранить как шаблон).

Шаг 4. Дайте название шаблону

Появится диалоговое окно, где нужно ввести имя для вашего шаблона. Выбирайте осмысленные названия — например, «Лендинг_услуга_стандарт» или «Портфолио_сетка_3колонки». Это сильно упростит поиск в будущем.

Шаг 5. Выберите место сохранения

Elementor предложит два варианта:

• To Site Templates — сохранить локально на этом сайте. Шаблон будет доступен только здесь.
• To Cloud Templates — сохранить в облако Elementor (доступно в Pro-версии). Шаблон будет доступен на всех сайтах, подключённых к вашему аккаунту.

Выберите подходящий вариант. Если вы планируете использовать шаблон на других сайтах, выбирайте облачное хранение.

Шаг 6. Нажмите «Save»

После нажатия кнопки сохранения страница будет добавлена в вашу библиотеку шаблонов во вкладке «My Templates».

Способ 2. Сохранение отдельного блока (секции или контейнера) как шаблона

Этот способ ещё более универсален. Вы можете сохранить не всю страницу, а только один блок — герой-секцию, блок с ценами, форму обратной связи, отзывы клиентов или любой другой элемент. Потом этот блок можно будет вставить в любую страницу в нужное место.

Пошаговая инструкция

Шаг 1. Откройте страницу с нужным блоком в редакторе Elementor

Зайдите в редактор страницы, на которой уже есть блок, который вы хотите сохранить.

Шаг 2. Выделите блок (секцию или контейнер)

Наведите курсор на нужный блок. Появится его рамка с иконками управления. В верхней части блока вы увидите значок с шестью точками (ручка перетаскивания).

Шаг 3. Откройте контекстное меню

Кликните правой кнопкой мыши по ручке блока (или по любой области блока). Откроется контекстное меню.

Шаг 4. Выберите «Save as Template»

В контекстном меню выберите опцию «Save as Template».

Шаг 5. Дайте название шаблону

Введите понятное название для блока, например «Hero_главная» или «Блок_цены_премиум».

Шаг 6. Выберите место сохранения

Как и в случае с целой страницей, выберите между локальным сохранением (Site Templates) и облачным (Cloud Templates).

Шаг 7. Нажмите «Save»

Блок сохранится в вашу библиотеку шаблонов.

Альтернативный способ через структуру страницы (Navigator)

Вы также можете сохранить блок через панель навигации (Navigator):

1. Откройте панель навигатора (иконка в виде слоёв в левом нижнем углу)
2. Найдите нужный блок в структуре страницы
3. Кликните по нему правой кнопкой мыши
4. Выберите «Save as Template»

Способ 3. Использование шаблонов из библиотеки Elementor

Кроме собственных шаблонов, Elementor предлагает встроенную библиотеку готовых шаблонов. Чтобы использовать их:

Шаг 1. Откройте библиотеку шаблонов

В редакторе Elementor нажмите на иконку папки на холсте. Откроется библиотека шаблонов.

Шаг 2. Выберите вкладку

В библиотеке доступны вкладки:

• Blocks — готовые блоки (секции)
• Pages — готовые целые страницы
• My Templates — ваши сохранённые шаблоны

Шаг 3. Вставьте шаблон

Найдите нужный шаблон и нажмите кнопку «Insert» справа от него. Шаблон мгновенно появится на вашей странице.

Работа с облачными шаблонами (Cloud Templates)

Если у вас есть Elementor Pro, функция Cloud Templates открывает новые возможности.

Преимущества облачных шаблонов

• Доступность на всех сайтах — сохраните шаблон один раз и используйте его на любом сайте, подключённом к вашему аккаунту Elementor
• Единая библиотека дизайнов — больше не нужно искать старые проекты или экспортировать/импортировать файлы
• Идеально для агентств и фрилансеров — сохраняйте лучшие решения и мгновенно разворачивайте их для новых клиентов

Как использовать облачные шаблоны

1. Сохранение: при сохранении шаблона выберите «Cloud Templates» вместо «Site Templates»
2. Вставка: откройте библиотеку шаблонов, перейдите на вкладку «Templates», выберите «Cloud Templates» в левом верхнем углу, найдите нужный шаблон и нажмите «Insert»

Импорт и экспорт шаблонов

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

Экспорт шаблона

1. В админ-панели WordPress перейдите в Elementor → My Templates
2. Найдите нужный шаблон и нажмите кнопку «Export»
3. Скачается JSON-файл с вашим шаблоном

Импорт шаблона

1. В админ-панели перейдите в Elementor → My Templates
2. Нажмите кнопку «Import Templates»
3. Загрузите JSON-файл с шаблоном

Советы по организации библиотеки шаблонов

Чтобы ваша библиотека шаблонов не превратилась в хаос, следуйте этим рекомендациям:

1. Используйте осмысленные названия

Вместо «Новый шаблон 1» называйте шаблоны так, чтобы их можно было легко найти: «Hero_главная_синий», «Блок_цены_3_колонки», «Форма_контакта_стандарт».

2. Группируйте шаблоны по типу

Создавайте отдельные шаблоны для разных типов блоков:

• Hero-секции
• Блоки с преимуществами
• Блоки с ценами
• Формы
• Отзывы

3. Используйте облачные шаблоны для кросс-сайтового использования

Если вы работаете над несколькими проектами, сохраняйте проверенные решения в облако — это сэкономит десятки часов в долгосрочной перспективе.

4. Регулярно чистите библиотеку

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

Заключение

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

• Создавать сайты в разы быстрее
• Поддерживать единый стиль на всех страницах
• Переносить удачные дизайнерские решения между проектами

Начните с малого: сохраните один удачный блок сегодня. Завтра сохраните ещё один. И через месяц у вас будет собственная библиотека готовых решений, которая превратит создание сайтов в настоящее удовольствие.