30+ бесплатных шаблонов разделов Elementor, которые можно импортировать за считанные минуты (2026 г.)

Это библиотека из 30+ бесплатных шаблонов разделов Elementor, охватывающих десять разделов, которые нужны почти каждому веб-сайту: функции, о, статистика, отзывы, цены, команда, часто задаваемые вопросы, диапазоны вызовов к действию, контактные формы и полоски логотипа. каждый загружается в виде небольшого файла JSON, импортируется через конструктор виджетов Master Addons и попадает на вашу панель Elementor в качестве виджета, где каждый заголовок, кнопка, изображение и цвет являются помеченным полем. Нет замороженных макетов, нет охоты через вложенные контейнеры, чтобы изменить цену.

Мы построили каждый шаблон вручную — реальная HTML, CSS, и JavaScript, затем преобразовали его в виджет Widget Builder со своими собственными элементами управления Content и Style.That последний шаг - это разница между этой коллекцией и типичной библиотекой шаблонов elementor: вы не импортируете страницу, которую вам нужно реверс-инжиниринг. вы импортируете виджет, который вы заполняете.

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

Все 30+ ниже, сгруппированы по типу раздела, каждый со скриншотом и прямой загрузкой.Grab те, которые вам нужны или читать импорт прохождение первый.

Слайдеры - это другая вещь, которую вы не найдете здесь. карусель - это другой вид сборки (тайминг, перетаскивание, шаги с клавиатуры ARIA, роли с клавиатуры (род. ARIA), поэтому у нее есть собственная коллекция конструкции каруселей и ползунков: галерея миниатюр, мозаика, плитки которой меняются, временная шкала, привязанная к реальным датам, набор панелей с вкладками и ползунок котировок с подсчетом прогресса.

Всего двадцать дизайнов. восемь импортировать на бесплатном плагине, то же самое, что и все на этой странице; остальные двенадцать нуждаются в Pro. маршрут в идентичен в любом случае — опустите JSON в Widget Builder, и дизайн появится на вашей панели в виде виджета, который вы заполните.

Что в пачке

Геройские секции здесь специально нет Мы уже опубликовали специальную пачку бесплатные шаблоны разделов героев Elementor построен так же. сложите героя с того поста поверх разделов с этого и вы собрали полную целевую страницу.

Как импортировать эти шаблоны разделов Элементор

Чтобы импортировать шаблон раздела, загрузите его почтовый индекс, расстегните его, а затем перейдите по адресу Мастер-аддоны → Виджет-строитель → Импорт в вашем администраторе WordPress и загрузите файл JSON Шаблон отображается как новый виджет в вашей панели Элементор Перетащите его на любую страницу и отредактируйте все с вкладок Контент и Стиль.

1. Скачать и распаковать. Каждый почтовый индекс содержит виджет JSON, изображение предварительного просмотра и (где в дизайне используется иллюстрация) демо-изображения, а также README, сопоставляющий каждое из них со своим полем.
2. Импортируйте JSON. Админ WordPress → Главные Аддоны → Виджет Строитель → Импорт Виджет. Загрузить widget-*.json файл. Виджет Строитель поставляется с Master Addons Pro; сами загрузки JSON бесплатны.
3. Бросьте это на страницу. Откройте Elementor, выполните поиск по имени виджета, перетащите его в. Он отображает с полным демо-контентом, который вы видите на скриншотах.
4. Сделай своим. Каждый текст - это поле, каждая кнопка имеет управление ссылками, каждый базовый цвет - это сборщик на вкладке Стиль. шаблоны, использующие фотографии, имеют пустые слоты изображений; загрузите свой собственный или собранный демо-арт.

Один хедз-ап на демо изображениях: это SVG файлы, и WordPress блокирует SVG выгружает из коробки Либо конвертировать их в PNG/WebP перед загрузкой или установить плагин SVG-включив. виджеты рендеринг штраф без изображений слишком indiages slots скрываются, пока вы их не заполните.

Почему это виджеты, а не шаблоны страниц

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

Каждый шаблон здесь - это единый виджет с его содержимым за помеченными элементами управления Практический выигрыш:

• Повторители для повторяющихся вещей. Планы ценообразования, часто задаваемые вопросы, отзывы, члены команды, логотипы — все поля ретранслятора. добавьте четвертый план или десятый часто задаваемые вопросы, а макет, шатание анимации и нумерация настраиваются сами. шаблон вкладок часто задаваемых вопросов даже перестраивает вкладки категорий из любых категорий, которые вы вводите.
• Четыре-шесть базовых цветов переосмысливают весь раздел. Вторичные оттенки, границы, свечение и тени происходят от сборщиков оснований с помощью CSS color-mix(). Измените “Accent” один раз, и пулевые точки, подчеркивания ссылок, кольца фокусировки и состояния наведения - все последует за этим.
• Анимация отправляется внутрь. Счетчики обратного отсчета, карусель отзывов, переключатель выставления счетов, физика аккордеона, шатер логотипа: все JavaScript с набором, который уважает prefers-reduced-motion и не будет бороться с другими виджетами на странице. По всей упаковке это 698 помеченных элементов управления, выполняющих работу, которую вы бы в противном случае сделали в пользовательских CSS.
• Настоящая копия, а не lorem ipsum. Каждый шаблон импортирует со скриншотом контент вымышленного бренда, поэтому вы редактируете предложения, а не смотрите на суп-заполнитель.

Шаблоны разделов "Особенности и услуги"

Рабочая лошадка любой целевой страницы. четыре стиля, т.к. “fe” означает для сети SaaS нечто иное, чем для объяснителя процессов установщика солнечной энергии.

1. Сетка карточек значков

Темная трехколонная сетка из шести карт функций, построенная вокруг курсора-следуйте свечение: перемещайте мышь и мягкий радиальный свет тянет его по картам. карты являются повторителем: значок (вставить любой SVG), название, текст, и необязательная ссылка стрелки на карту. шесть карт из вымышленной аналитики SaaS приходят предварительно заполнены, и шахматный вход оживляет любое количество карт, которые вы в конечном итоге.

Загрузите шаблон сетки карточек значков (.zip)

2. Чередование строк изображения

Классический изображение-левый/изображение-правые строки с полоской статистики обратного отсчета под заголовком. чередование происходит автоматически. стороны переворота строк в зависимости от положения, поэтому добавление четвертого или пятого ряда через ретранслятор сохраняет зигзаг нетронутым. Каждая строка несет значок кикера, три контрольных пули и собственный контроль ссылок. Демо-арт для трех строк приложения бухгалтерского учета находится в zip.

Загрузите шаблон чередующихся строк (.zip)

3. Нумерованный список процессов

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

Загрузите пронумерованный шаблон процесса (.zip)

4. Карточки витрины изображений

Три большие карты изображения с 3D наклоном, который следует за курсором, плюс прокрутка шатром ключевого слова между заголовком и сеткой. вы добавляете каждое тикер ключевое слово один раз. бесшовное дублирование цикла происходит в JavaScript, поэтому шатёр никогда не показывает шов. Карты берут изображение, значок, заголовок, текст, и ссылку каждый; три демо-иллюстрации подкаста-инструмента поставляются в zip.

Скачать шаблон карт витрины изображений (.zip)

О нас шаблоны разделов

Три макеты для “кто ты и почему мне должно быть все равно” раздел Выберите по тому, что у вас есть: хорошая фотография, хорошее число или хорошая миссия.

5. Изображение осталось с историей

Фото слева с наклоном зависания в стиле поляроида, копией истории справа, тремя статистиками обратного отсчета и блоком подписи. повторитель статистики обрабатывает префикс, десятичные дроби и тысячи запятых. Демо-версия насчитывает до 2400 оптовых партнеров, не прикасаясь к коду. Демо-сцена пекарни включена в состав SVG.

Загрузите шаблон истории left image (.zip)

6. Изображение справа с плавающим значком

Макет зеркала: текст слева, изображение справа, с плавающим значком “27 лет”, который ведет отсчет, когда прокручивается в поле зрения. контрольный список учетных данных - это ретранслятор, значок переключаемый, и обе строки значка редактируются. Используйте его в течение многих лет в бизнесе, проектах, отправленных, независимо от вашего лучшего номера.

Загрузите шаблон значка справа от изображения (.zip)

7. Миссия и ценности

Фото не нужно. большое заявление миссии с акцентом цветной фразы, затем четыре карты значения со значками линии, которые слегка поворачиваются на hover.Cards являются ретранслятором с ключевым словом основанное поле значков (волны, сообщество, солнце, сердце).иконки являются CSS маски, которые наследуют ваш акцент цвет, поэтому они перекрашиваются с палитрой вместо столкновения с ней.

Скачать шаблон миссия и ценности (.zip)

Статистика и шаблоны контрдиапазонов

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

8. Диапазон световой статистики

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

Загрузите шаблон полосы световой статистики (.zip)

9. Темная статистика

Высококонтрастная версия: почти черный фон, известковый акцент, значок над каждым счетчиком с импульсом свечения. иконки циклически автоматически для каждой карты (болт, турбина, дом, щит) и каждая стат устанавливает свою собственную продолжительность отсчета, поэтому числа приземляются последовательно, а не все сразу. Заголовок разделяется на три поля, поэтому ударное слово находится там, где вы хотите.

Загрузите шаблон полосы темной статистики (.zip)

Шаблоны разделов отзывов

Четыре способа показать доказательство, от полной карусели до единственной разрушительной цитаты Если взять только одно из этой группы: точки карусели генерируются из вашего слайд-количества, потому что мы все видели слайдеры с четырьмя точками и шестью слайдами.

10. Свидетельская карусель

Правильный ползунок: кнопки со стрелками, щелкаемые точки, навигация по клавиатуре и автовысота, поэтому короткие кавычки не оставляют высокую пустую карту. Слайды - это ретранслятор (цитата, имя, роль, аватар), а точки и “N меток total” восстанавливаются из любого количества, которое вы добавляете. Четыре демо-аватара отправляются в zip.

Скачать шаблон карусели отзывов (.zip)

11. Каменная сетка

Шесть карт в кладке CSS-колонн с шахматными раскрытиями. каждая строка ретранслятора принимает цитату (плюс необязательный второй абзац для высоких карт), рейтинг 1 —5 звезд, инициалы круга аватара и переключатель “featured”, который придает карте акцентную обработку. Звезды отображаются из значения рейтинга, поэтому обзор 4 звезды показывает четыре заполненные звезды, а не то, что было закодировано в жестком виде.

Скачать шаблон сетки каменной кладки (.zip)

12. Одиночная большая цитата

Одна цитата, огромный тип засечек, раскрывается строка за строкой с маскированной анимацией Вы вставляете цитату как один абзац; JavaScript разделяет ее на сбалансированные строки и умножает раскрытие, поэтому цитата из 15 слов и цитата из 40 слов одушевляют правильно. Небольшая мета-полоска под ней (номера, рейтинг, год) - это ретранслятор, который вы можете полностью опустошить.

Скачать шаблон единой цитаты (.zip)

13. Рейтинговые карты с резюме

Обзор-агрегатор взгляд: большой счет-всчет, анимированные распределительные бары (пять звезд: 84%, четыре: 11%...), затем четыре обзорные карточки, помеченные платформой с каждой карточки значки цвета. дробные рейтинги красят частичные звезды. у этого есть больше всего элементов управления в группе отзывов, 24, потому что все, от бара проценты до подписи под оценкой редактируется.

Скачать шаблон рейтинговых карт (.zip)

Шаблоны разделов таблиц цен

Раздел с самыми высокими ставками на коммерческом сайте, поэтому мы построили четыре варианта вместо одной таблицы “universal”, которая никому не подходит. Все четверо запускают свои цены через анимацию обратного отсчета и ставят полный контроль ссылок на каждую кнопку.

14. Классический трехуровневый

Три карты, шахматный вход, цены, которые рассчитывают на прокрутку. планы являются ретранслятором. функции входят как одна строка на функцию в текстовой области, поэтому планы могут иметь пять функций или девять без пустых слотов. Поплановый тумблер “popular” переключает кнопку карты с призрака на твердый акцент.

Загрузите трехуровневый шаблон ценообразования (.zip)

15. Выделенный план

Те же кости трехстолбца, но популярный план физически поднимается над своими соседями с импульсом свечения и лентой.Свет следует за тумблером в каждом ряду ретранслятора, поэтому продвижение другого плана в следующем квартале - это один переключатель, а не рестайлинг. строку статистики нижнего колонтитула (время безотказной работы, центры обработки данных, поддержка) можно отключить.

Загрузите выделенный шаблон плана (.zip)

16. Список функций сравнения

Реальная матрица признаков: три столбца плана, строки признаков с значениями да/нет/custom (“5 users”, “Unlimited”), и расширяемый блок, который раскрывает еще шесть строк с плавной анимацией высоты. Тип yes или no в ячейке и она отображается как проверка или крестик; введите что-нибудь еще и она печатает как текст Какой план получает “Лучшее значение” столбца выделить является раскрывающийся.В 38 управления это самый глубокий шаблон в упаковке.

Скачать шаблон списка сравнения (.zip)

17. Ежемесячный/ежегодный переключатель

Стандарт SaaS. Доступный переключатель переворачивает каждую карту между ежемесячным и годовым ценообразованием с небольшой анимацией перелистывания цен; каждый план несет обе цены плюс оба “billed как примечания в строке ретранслятора Текст значка “Save 20% - это поле ” поле изменить математику, изменить значок.

Загрузите шаблон переключения выставления счетов (.zip)

Шаблоны командных разделов

Люди покупают у людей Три макета в зависимости от того, сколько личности вы хотите показать Все трое делают фотографии через поля ретранслятора для каждого участника и изящно деградируют, пока слоты пусты.

18. Сетка фотокарточки

Четыре портретные карты с зум-и-граница-заметание hover.Name, роль, и однострочный биография на члена; входной шаг пересчитывает для любого члена счет. четыре демо портретные иллюстрации приходят в zip, если вам нужны заполнители во время сбора реальных головных уборов.

Скачать шаблон сетки карт команды (.zip)

19. Биография, раскрывающая зависание

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

Загрузите биошаблон наведения (.zip)

20. Командный слайдер

Один участник за раз: большая фотография, ролевая метка, более полная биография, и счетчик “01 /05”, который перестраивается из вашего фактического количества участников, так же, как и точки. клавиши со стрелками работают. хорошо для небольших команд, где каждый человек заслуживает больше, чем визитная карточка.

Скачать шаблон командного слайдера (.zip)

Шаблоны разделов часто задаваемых вопросов

Самый большой кластер поиска в этом пакете и раздел, который убивает возражения перед вашим окончательным CTA. Четыре сборки. все они отображают текст вопроса как реальные заголовки и сохраняют проводку ARIA нетронутой, что имеет большее значение в разделах часто задаваемых вопросов, чем где-либо еще.

21. Аккордеон

Однооткрытый аккордеон с плавной анимацией высоты и вращающийся плюс значки.Вопросы и ответы являются ретранслятором; начинается ли первый элемент открытым, является тумблером. линия нижнего колонтитула (“Still stick? Write to us”) имеет свои собственные поля ссылок и электронной почты, потому что эта строка всегда заканчивается жестко и забывается иначе.

Скачать FAQ шаблон аккордеона (.zip)

22. Вопросы и ответы с двумя колонками

Нет щелчка Все шесть ответов остаются видимыми в пронумерованной сетке из двух столбцов с шахматными раскрытиями Нумерация 01 — счетчики CSS, поэтому элементы перенумеровываются при добавлении седьмого. лучше, чем аккордеон, ваши ответы короткие, и вы предпочитаете, чтобы посетители действительно их читали.

Загрузите шаблон часто задаваемых вопросов из двух столбцов (.zip)

23. Вкладки категории

Двенадцать вопросов по четырем категориям со скользящей панелью таблеток Вот в чем хитрость: вы вообще не управляете вкладками. каждый вопрос в ретрансляторе имеет поле категории, и виджет строит кнопки табуляции из найденных уникальных категорий. переименовать категорию в три вопроса и переименовать вкладку в себя. Полная навигация по вкладкам со стрелками включена.

Скачать шаблон вкладок категории (.zip)

24. Часто задаваемые вопросы с картой поддержки

Аккордеон слева (на этот раз мультиоткрыт), липкая карта поддержки справа с иллюстрацией, контактные каналы, и командная заметка с тремя слотами аватара Контактные каналы - это ретранслятор с чатом/электронной почтой/телефоном/собирателем значков часов в строке Липкий смещение карты - это ползунок, для когда ваш сайт имеет толстый фиксированный заголовок.

Загрузите разделенный шаблон поддержки часто задаваемых вопросов (.zip)

Шаблоны групп призыва к действию

Последнее, что видят посетители перед нижним колонтитулом Три уровня энергии: громкий, ориентированный на продукт и тихий.

25. Жирный градиент

Анимированная трехцветная градиентная стирка с плавающими капли, которые дрейфуют к вашему указателю. Три цвета градиента представляют собой отдельные подборщики, поэтому переключение всего настроения с фиолетового на оранжевый занимает три щелчка. Первичная и призрачная кнопки имеют управление по полной ссылке; капли выключаются для минималистов (и выключаются для посетителей с пониженным движением).

Загрузите жирный шаблон градиента CTA (.zip)

26. Разделить изображение продукта

Копировать и контрольный список слева, продукт выстрел справа с плавающими значками спецификации (емкость, время зарядки, вес), которые изменить позиционирование себя как много вы добавляете. Звездный рейтинг считает до 4.8 из 2,318 отзывов в демо, и оба числа поля. Построен для физического продукта, но работает для чего угодно со спецификациями, которыми стоит похвастаться.

Загрузите разделенный шаблон CTA изображения (.zip)

27. Минимально центрированный

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

Загрузите минимальный центрированный шаблон CTA (.zip)

Шаблоны разделов контактной формы

Три макета контактов с рабочим поведением front-end: проверка, состояния фокуса, и встроенное сообщение успеха. справедливо предупреждая, прямо указано в описаниях полей каждого виджета тоже: эти формы являются презентационными: они проверяют и подтверждают, но не отправляют электронную почту. передайте разметку на выбранный вами плагин формы для реальной доставки, или используйте их как самый быстрый способ прототипировать страницу контактов, которая получит реальную форму позже.

28. Форма с контактной информацией

Информационная колонка (электронная почта, телефон, офис, как ретранслятор с значками велосипеда) рядом с формой с именем, электронной почтой, компанией, бюджет раскрывается, и поле сообщения. диапазоны бюджета являются их собственный ретранслятор.Каждая метка и заполнитель редактируется, что имеет значение в день перевода сайта.

Загрузите шаблон разделения информации о форме (.zip)

29. Форма с картой

Форма с чипами выбора темы рядом с иллюстрированной картой SVG: анимированный пунктирный маршрут, пульсирующий контакт, детали парка и канала. Нет встраивания Google Maps, нет ключа API, нет последствий для баннеров файлов cookie. Уличные метки на карте - это текстовые поля, поэтому поместите на нее свои настоящие улицы.

Скачать шаблон карты формы (.zip)

30. Центрированная карта

Одна центрированная карта на темном фоне с прожектором, который следует за вашим курсором и мигающим “Ответы в течение одного рабочего дня” статус значок. текст значка является полем и весь значок является переключаемым. наименьший след из трех. Бросьте его в конце любой страницы, которая нуждается в опции контакта без выделенной страницы контакта.

Скачать шаблон центрированной карты (.zip)

Шаблоны полосок логотипа

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

31. Статическая сетка в оттенках серого

Восемь логотипов в сетке, оттенки серого до зависания, со статистикой обратного отсчета внизу (“Powering reporting для более чем 1400 команд”). столбцы являются ползунком, строка статистики переключаема, а зависание оттенков серого в цвет работает на любых загружаемых вами логотипах PNG или SVG.

Загрузите статический шаблон сетки логотипа (.zip)

32. Прокрутка шатра

Бесконечный шатер с краями затухает, который приостанавливается на зависание и останавливается для посетителей с уменьшенным движением. вы добавляете каждый логотип один раз; бесшовный клон цикла обрабатывается в JavaScript. скорость прокрутки - это ползунок; демо-версия запускает 28-секундный цикл, который читается как уверенный, а не безумный.

Загрузите шаблон прокрутки (.zip)

Какие разделы действительно нужны целевой странице?

Высококонвертирующая целевая страница следует довольно стабильному порядку прокрутки: герой, полоска логотипа, функции, о или социальное доказательство, цены, часто задаваемые вопросы, окончательный CTA и контакт. Не каждая страница нуждается во всех из них, но порядок имеет значение, потому что каждый раздел отвечает на возражение, выдвинутое в предыдущем.

Шаблон, который мы видим на страницах SaaS, агентств и местного бизнеса: герой делает заявление, на полосе логотипа написано “другие поверили, функции” объясняют это, отзывы доказывают это, цены количественно определяют это, часто задаваемые вопросы обрабатывают “yeah, но” моменты, и полоса CTA ловит всех, кто прокрутил это далеко, еще не определившись. Это порядок прокрутки, которому следует эта коллекция, сверху вниз. Вы можете собрать всю страницу из этого поста плюс стая героев, или начинать с полного набор шаблонов и поменяться местами отдельными разделами.

Часто задаваемые вопросы