Elementor конструктор сайтов и страниц: Как работать с конструктором страниц Elementor в WordPress

Обзор Elementor — конструктор сайтов на WordPress. Подробный гайд-обзор плагина для новичков

Привет!

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

Эту статью я сверстаю также в Elementor и периодически буду вставлять красивые блоки, чтобы сразу наглядно показывать преимущества конструктора. Поехали? 🙂

Обзор мощного конструктора для WordPress — Elementor Page Builder

Содержание

1. Обзор мощного конструктора для WordPress — Elementor Page Builder
2. Что такое Elementor и для чего он нужен
3. Установка
4. Возможности бесплатной версии
5. Редактирование в live режиме
6. Секция
7. 30+ элементов
8. Настройки макета страницы
9. Настройки элементов, секций, колонок (Содержимое, Стиль, Расширенные)
10. Настройка адаптивности на разных устройствах (Компьютер, Планшет, Телефон)
11. Сохранить как шаблон
12. Плагин переведен на русский язык
13. История изменений
14. Разделитель секций
15. Анимация при появлении
16. Произвольное позиционирование
17. Тонкие настройки типографики
18. Пошаговый план создания первой страницы
19. Возможности Pro версии
20. Еще 30+ дополнительных элементов
21. Модальные окна (Popup builder)
22. Контактная форма
23. Создание шапки и подвала
24. Создание своей темы
25. Создание магазина с помощью Woocommerce элементов
26. Эффекты движения, параллакс, mouse effect
27. 300+ шаблонов страниц
28. Интеграции с сервисами
29. Возможность добавлять свои шрифты
30. Глобальные настройки
31. Пользовательские CSS
32. Регулярные обновления
33. Поддержка 24/7
34. Сколько стоит Elementor Pro
35. Выгодно ли покупать Pro версию? Давайте посчитаем
36. Elementor в цифрах
37. Отзывы на конструктор Элементор
38. Взаимодействие с шаблонами. Какую тему выбрать для Elementor?
39. Как изучать Элементор
40. Дополнительные материалы
41. Итог

Что такое Elementor и для чего он нужен

Elementor это многофункциональный конструктор страниц. Используется для верстки лендингов, лонгридов, статей и всего чего захотите 🙂 Верстка происходит с помощью готовых элементов, которые вы выбираете простым перетаскиванием и задаете необходимые настройки через удобную админ-панель.

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

Установка

Элементор это плагин для CMS WordPress, то есть чтобы его использовать сначала нужно создать сайт на WordPress (если не знаете как это сделать, вам в помощь мой гайд), установить шаблон (про шаблоны читайте ниже) и установить плагин, Elementor готов к работе. Да, так все просто!)

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

Хотите научиться делать сайты?

Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс «Идеальный сайт на WordPress» и «Лендинг в Elementor», где рассказал пошаговый план как создавать крутые сайты.

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

Подробнее читайте по ссылке.

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

Вдохновение там, где Elementor!

Возможности бесплатной версии

Редактирование в live режиме

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

Секция

Секция это область куда вы добавляете элементы. Каждая секция состоит из колонок, можно выбрать от 1 до 6-ти колонок. Секции нужны для того, чтобы задавать положение элементов. Например разместить контент в две колонки, в левой будет картинка, а в правой заголовок, текст и кнопка.

30+ элементов

Начну рассказ с элементов, из которых вы можете собирать страницу, а потом расскажу про настройки.

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

Хотите создать свою онлайн школу? Здесь я написал подробный гайд (+ показал свой пример академии).

Настройки макета страницы

Есть три варианта макета:

• По умолчанию — в таком виде редактирование будет происходить той колонке, где сейчас располагается контент (учитывая сайдбар, шапку и подвал)
• Холст Elementor — в таком виде перед вами будет пустая страница, без шапки, сайдбара и подвала
• Elementor полная ширина — в таком виде останется шапка и подвал, а контент растянется на ширину сайта, отключится сайдбар.

Настройки элементов, секций, колонок (Содержимое, Стиль, Расширенные)

У каждого элемента, секции или колонки есть дополнительные настройки, которые разбиты на три вкладки:

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

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

Настройка адаптивности на разных устройствах (Компьютер, Планшет, Телефон)

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

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

Сохранить как шаблон

Вы можете сохранять созданные отдельные секции или страницу целиком как шаблон и потом вставлять их и использовать на других страницах.

Плагин переведен на русский язык

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

История изменений

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

Разделитель секций

Вы можете добавить креативный вариант разделителя между блоками сайта в виде облаков или наклонной чертой, волной и еще с десяток другими элементами.

Анимация при появлении

У Elementor’a очень обширный функционал для анимации, движения, parallax-эффекта, но в бесплатной версии доступен выбор анимации только при появлении.

Пример появления изображения

Произвольное позиционирование

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

Видео в котором показано как это работает:

Есть олды, которые верстали сайты еще в Adobe muse? Там было очень удобно простым перетаскиванием ставить элементы в любом месте. Здесь такой же функционал.

Тонкие настройки типографики

Для любого элемента с текстом вы можете задать все возможные настройки, а именно: выбрать семейство, размер, насыщенность, преобразование, стиль, оформление, интерлиньяж, межсимвольный интервал.

Конструктор точно понравится людям, которые понимают в типографике и делают красивую верстку за счет шрифта.

Пошаговый план создания первой страницы

Шаг 1. Установите плагин Elementor из репозитория WordPress или скачайте с официального сайта. Если вы сразу купили Elementor Pro версии, то также установите и его;

Шаг 2. Переходите Страницы > Добавить новую > и увидите кнопку Редактировать в Elementor;

Шаг 3. После нажатия на эту кнопку, слева подгружаются элементы управления, а справа холст где будем делать настройки;

Шаг 4. Добавьте первую секцию, нажав на белый плюс в красном кружке и добавьте любой элемент из столбца слева;

Шаг 5. Сохраните или опубликуйте страницу;

Готово. Это если вкратце.

Теперь посмотрим на Elementor Pro

Возможности Pro версии

Еще 30+ дополнительных элементов

Еще больше расширьте свой функционал за счет дополнительных элементов.

Еще одно из крутых преимуществ — это попапы (модальные окна). В Элементор много настроек по созданию попапов, интеграции с другими сервисами и условиями показа.

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

Гибкие настройки вывода попапа, среди которых:

• Показ на определенной странице
• По клику
• Через определенную длину скролла страницы
• Во время ухода с сайта
• После просмотра определенного количества страниц
• По происшествию n-го количества секунд
• и пр.

Посмотрите короткое видео про возможности попапа:

Контактная форма

Имея Elementor Pro можно отказаться от доп. плагинов, например таких как Contact Form 7, и делать формы с помощью конструктора.

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

Пример формы, можете заполнить ради интереса 🙂

Введите ваше имя

Введите Email

Введите сообщение

Создание шапки и подвала

Вы можете создать уникальные шапку и/или подвал и использовать их на всем сайте или на определенных страницах.

Создание своей темы

Вы можете создать дизайн всех необходимых элементов и страниц, которые включает в себя тема на WordPress, это: Главная страница, Страница с выводом постов, Формат статьи, Архив, 404 страница, Шапка и Подвал.

Создание магазина с помощью Woocommerce элементов

Elementor также включает в себя 15+ виджетов для создания магазина. Также как и другие элементы вы можете полностью настраивать и связывать между собой.

Эффекты движения, параллакс, mouse effect

Для любого элемента вы можете задать настройки движения:

• Scrolling effect (движение при пролистывании) — движение будет происходить во время прокрутки сайта. Можно задать эффект появления, движения, размытия, поворота, увеличения.
• Mouse effect (движение работает от мыши) — элементы двигаются тогда когда посетитель страницы шевелит мышью.
• Анимация при появлении — простой эффект появления элементов. Об этом эффекте мы говорили выше, он также есть в бесплатной версии.

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

300+ шаблонов страниц

Вы можете использовать готовые страницы из библиотеки, добавлять их на сайт, вносить свои данные и готово.

Интеграции с сервисами

Элементор дружит со многими сервисами и настроить между ними связь не составит труда.

Возможность добавлять свои шрифты

Добавляйте любые шрифты, которых нет в библиотеки Элементора.

Глобальные настройки

В бесплатной версии мы говорили про шаблоны, которые можно сохранять, в ПРО версии можно сохранять отдельные элементы и задавать им глобальные настройки. Что это значит? В дальнейшем редактируя один элемент, изменения будут происходить во всех остальных связанных элементах.

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

Пользовательские CSS

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

Регулярные обновления

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

Поддержка 24/7

Если будут вопросы по плагину, пишите в поддержку, как написано, работают круглосуточно.

Сколько стоит Elementor Pro

Есть три пакета:

PERSONAL

49$ (3600 р.)
лицензия на 1 сайт

ВЫБРАТЬ

PLUS

199$ (14500 р.)
лицензия на 25 сайтов

ВЫБРАТЬ

EXPERT

999$ (73600 р.)
лицензия на 1000 сайтов

ВЫБРАТЬ

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

Выгодно ли покупать Pro версию? Давайте посчитаем

За 49$ (3600 р.) мы получаем:

• Конструктор (ближайший конкурент для WordPress это WPBakery, от стоит 45$)
• Попап конструктор (который отдельно стоит 25$)
• Создание форм (который отдельно стоит 30$)
• Эффекты движения (который отдельно стоит 25$)

И это я посчитал только самые очевидные функции, если брать во внимание все преимущества и удобство пользования билдером, то выгода становится очевидна.

В общем, мой ответ «Да», выгодно покупать Pro версию.

Также выгодно покупать пакет Expert для разработчиков. Можно сделать до тысячи сайтов на одной лицензии, сами посчитайте насколько это выгодно 🙂

Elementor в цифрах

0 +м

активных установок

0 .8

из 5 — рейтинг

0 $

цена Pro версии

0 +

элементов на выбор

0 /7

поддержка

Отзывы на конструктор Элементор

Самый главный показатель качества, это конечно же отзывы реальных пользователей. На сегодня Элементор установлен более чем на 2 млн. сайтов (это активные установки!). И рейтинг в официальном репозитории WordPress 4.8 из 5. Это очень круто!

Для сравнения мы можем посмотреть отзывы на плагин Gutenberg, который WordPress начал использовать вместо стандартного редактора. Рейтинг 2 из 5, т.е. пользователи оставляют негативный отклик, если им что-то не нравится.

Взаимодействие с шаблонами. Какую тему выбрать для Elementor?

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

Среди бесплатных я могу посоветовать только тему от разработчиков плагина, называется Hello, недавно был ее релиз.

Среди платных шаблонов уже есть варианты, которые авторами адаптируются по Элементор, в каких-то темах даже добавляют еще функционала. Если вы выбираете из премиум шаблонов, то посмотрите мою подборку из 80-ти вариантов, адаптированных под конструктор.

Как изучать Элементор

1. Хочу отметить канал Александра на ютубе, который называется WPlowers, там он много и понятно рассказывает про настройки билдера, многие ответы найдете в его видео.
2. На официальном сайте есть база знаний со всеми инструкциями, да на английском, но с переводчиком понять не составит большого труда. И канал на ютубе, где есть пошаговые инструкции.

Дополнительные материалы

1. Официальный сайт конструктора
2. Ссылка на Pro версию
3. База знаний
4. Официальны канал на Ютубе
5. Бесплатный шаблон Hello от Elementor
6. Подборка из 80-ти премиум тем на Элементоре

Итог

Что мы получаем:

Pixel perfect дизайн

Точная настройка адаптивности

Чистый код

Настройка цветов и шрифтов

Сохранение шаблонов

Эффекты движения

На русском языке

История изменений

Поддержка 24/7

Объемная получилась статья. Если вам было полезно или есть какие-то вопросы, дополнения, замечания, пишите их в комментариях. Я однозначно советую конструктор Elementor и лучшее подтверждение моих слов, я сменил шаблон и конструктор на блоге именно на Элементор.

Поделитесь статьей в соцсетях, чтобы ее не потерять и немного помочь моему блогу 🙂 И увидимся в следующих статях! 

P. s. смотрите также: Как сделать лендинг за 9 шагов — подробный гайд.

Elementor — конструктор страниц WordPress для создания крутых сайтов

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

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

У всех конструкторов страниц есть свои сильные и слабые стороны.

Вам нужно найти тот конструктор страниц, который подходит именно вам и вашему бизнесу.

Если вы ищете простой в освоении редактор для создания сайта с функцией перетаскивания, то Elementor — отличный вариант.

Если вам нужно больше возможностей, то Elementor Pro может быть лучшим выбором.

Что такое Elementor?

Elementor (и платная версия Elementor Pro) — это мощный плагин для создания страниц WordPress, который можно использовать различными способами.

Бесплатную версию плагина вы можете скачать прямо из WordPress или с официального сайта Elementor, а затем загрузить на свой сайт.

Этот плагин прост в использовании и сэкономит вам массу времени на разработку.

Вы можете создать страницу всего за несколько кликов и довольно быстро настроить ее внешний вид.

Elementor позволяет легко создавать и редактировать красивые и профессиональные веб-сайты.

Бесплатная версия поставляется без ограничений и идеально подходит для начинающих.

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

Кому подойдет?

Elementor предназначен для всех, кто хочет создать сайт.

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

Он подойдет компаниям и разработчикам, которые хотят создать свой собственный сайт на WordPress, но ограничены во времени и финансах.

Можно сделать сайт самостоятельно или нанять разработчика, который сделает сайт на Elementor за меньшую сумму, чем при классической разработке.

Elementor Pro — это комплексное решение для создания красивых сайтов на основе WordPress.

Благодаря своей уникальной модульной системе, он позволяет создать сайт из нескольких компонентов.

Это облегчает управление и масштабирование сайта по мере роста ваших потребностей.

Если у вас небольшой бизнес и вам нужна CMS, то я рекомендую использовать вордпресс и элементор.

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

Интерфейс элементора

Elementor — это модульный плагин, который можно использовать для дизайна страниц.

Но вы также можете получить к нему доступ из админ-панели WordPress.

Для того, чтобы редактировать c его помощью страницы, выберите опцию Elementor на странице «Редактировать содержимое».

В левой части экрана вы найдете простой пользовательский интерфейс.

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

В правой части находится ваша страница с контентом.

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

Добавлять виджеты на страницы очень просто.

Просто перетащите их на страницу в область контента, и он займет место в созданной секции или создаст новую.

Просто нажмите красную кнопку «+», чтобы создать новую секцию, а затем добавьте в нее виджеты.

Вы можете нажать на панель, чтобы выбрать тип виджета, который вы хотите добавить на свою страницу.

Вы увидите выпадающее меню, и сможете выбрать различные параметры виджета, например размер, отступы, цвет текста, положение.

Особенности Elementor

С Elementor Pro вы получаете полнофункциональный конструктор сайтов для WordPress, работающий по принципу drag-and-drop.

Это не просто конструктор страниц, а полноценный конструктор сайтов.

Elementor очень прост в использовании.

Вы можете создать полностью адаптивный сайт за несколько дней.

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

Elementor Pro — это расширение для обычной версии конструктора, которое дает вам больше инструментов для создания сайта.

В платной версии вы можете использовать элементор как полноценный конструктор тем.

Вы сможете сделать шапку сайта, подвал и шаблоны для применения на любых страницах сайта.

Элементор позволяет использовать глобальную типографику и цвета на сайте, благодаря чему вам будет проще настроить визуальную часть.

Вы можете создать с помощью Elementor Pro дизайн лендинга, корпоративного сайта, блога и даже интернет-магазина.

Elementor и WordPress

Elementor Pro — самый популярный в мире конструктор страниц для WordPress.

Это мощный, глобальный редактор с бесконечным количеством функций и возможностей.

С его помощью вы можете создавать удивительные сайты, не написав ни строчки кода.

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

Вы можете создавать всплывающие окна и собственные формы.

Elementor экономит время при разработке сайтов, делая использование функционала WordPress удобным.

Файлы дизайна можно экспортировать в JSON, а затем импортировать в другие проекты.

Это позволяет использовать имеющиеся наработки во многих проектах.

Шаблоны

Шаблоны упрощают создание веб-сайта или страницы.

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

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

Чтобы использовать шаблон, имеющийся в библиотеке Elementor, нажмите «Добавить элемент» и выберите понравившийся шаблон.

Вы получите более 300 дополнительных шаблонов и 10 полных комплектов для веб-сайта, которые применяются для многих наиболее популярных страниц, включая целевые страницы и страницы контактов.

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

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

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

Виджеты

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

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

В Elementor доступно более 90 виджетов, и все они доступны для редактирования. Вы можете настроить каждый аспект вашей страницы в Elementor и даже добавить свои собственные.

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

Вы хотите, чтобы Elementor Pro создавал сайты для вас.

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

Совместимость

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

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

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

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

Стоимость

Elementor доступен как в бесплатной версии, так и в платной — Elementor Pro.

Elementor — это бесплатный инструмент, который позволяет создавать красивые сайты всего несколькими щелчками мыши. Однако вам придется потратить больше времени и усилий самостоятельно (или заплатить разработчику), чтобы заставить темы работать, а не использовать интерфейс Elementor для ускорения процесса.

Elementor Pro — это платная годовая подписка.

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

Если вы решите стать участником программы Premium, вы получите доступ ко всем функциям, которые доступны в Elementor Pro, а также к новым функциям и обновлениям.

Поддержка

Плагин Elementor — это отличный выбор для любого сайта WordPress, которому нужна полностью настраиваемая система управления контентом (CMS) с конструктором страниц drag & drop.

Плагин имеет премиум-пакет поддержки, доступный в течение 1 года, который включает бесплатное обновление, 14-дневную гарантию возврата денег и круглосуточную поддержку в течение 1 года.

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

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

Заключение

Конструктор страниц Elementor Pro — один из самых мощных конструкторов страниц WordPress на сегодняшний день.

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

Это мощный и функциональный плагин WordPress.

Возможности делают его идеальным выбором как для владельцев бизнеса, так и для дизайнеров.

Я люблю использовать его для создания красивых сайтов для клиентов.

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

Elementor: #1 бесплатный конструктор веб-сайтов WordPress

Придайте сил своему видению с Elementor для создания, управления и размещения потрясающих веб-сайтов!
Мы обеспечим вас от А до Я с помощью платформы веб-сайтов №1 для WordPress.

Начало работы

Live Drag & Drop Editor​

Перетаскивайте контент на страницу и наблюдайте, как ваш веб-сайт оживает. Используйте любой из 100+ виджетов. Кодирование не требуется.

Полный дизайн веб-сайта

Выберите из обширной библиотеки более 100 полных наборов веб-сайтов на основе темы Hello. Попробуйте любой комплект или начните с чистого листа.

Хостинг WordPress

Получите встроенный хостинг на базе технологий Google и надежных передовых технологий для безопасного и высокопроизводительного веб-сайта.

Одна платформа, неограниченное количество веб-творений

От целевых страниц и магазинов электронной коммерции до полноценных веб-сайтов — создавайте все это с помощью Elementor.

·Бизнес и услуги

·Портфолио и резюме

·Креатив

·Электронная торговля

·События и развлечения

·Лэндинги

· Media & Blogs

· Health & Wellness

· Business & Services

· Portfolio & CV

· Creative

· Ecommerce

· Events & Entertainment

· Pranting Pages

· Blods

и блог.

·Здоровье и благополучие

Магия веб-творчества

Создавайте великолепные веб-сайты с классной анимацией, адаптивным дизайном для мобильных устройств, пользовательским CSS и многим другим.

Профессиональный рабочий процесс

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

WordPress на стероидах

Elementor дополняет мощь WordPress безграничными возможностями и снижает потребность в других плагинах.

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

Морди Леви

Дизайнер, иллюстратор и владелец Mindcube

Повышайте свои навыки

и развивайтесь профессионально

Наши ресурсы и инструменты разработаны, чтобы помочь вам учиться, расти и развивать свои навыки на каждом уровне.

РЕСУРСЫ И НАВЫКИ

Блог

Получите советы экспертов по созданию веб-сайтов и все последние новости Elementor.

Узнать больше

Центр разработчиков

Просмотрите обширную библиотеку ресурсов Elementor для разработчиков.

Обзор ресурсов

Учебники и курсы

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

Смотреть сейчас

Справочный центр

Здесь можно найти пошаговые инструкции по использованию Elementor.

Получить ответы

«Лучшее в Elementor — это сообщество и замечательные разработчики, стоящие за этим гениальным программным обеспечением. Это вселяет в меня уверенность в качестве продукта и уверенность в том, что Elementor будет существовать долгие годы».

Брэндон Дункан

Владелец и креативный директор Regent Web Design

Присоединяйтесь к нашему сообществу создателей веб-сайтов

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

Посетите наше сообщество

Сообщество

0 M+

Веб-сайты, созданные
С помощью Elementor

0 K+

Глобальное сообщество
Участников

0 +

Мероприятия встречи
в 2020 году

0 +

Учебные пособия, вебинары, курсы
и многое другое

Разработано для расширения

Дополнения от наших пользователей

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

Обзор дополнений

Пользовательские интеграции

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

Узнать больше

Познакомьтесь с Live Editor Elementor

Визуализируйте и создайте свой веб-сайт сверху донизу. Перетащите любой виджет или раздел на холст — кодирование не требуется.

Исследуйте редактор

Стоимость хостинга Elementor: бесшовное создание WordPress

Получите все необходимое для создания веб-сайтов WordPress:
Управляемый хостинг WordPress + Elementor Pro Builder + Тема + Премиум-поддержка.

ХОСТИНГ ВОРДПРЕСС

• 30-дневная гарантия возврата денег

Базовый Для начала работы с вашим личным сайтом 1 веб-сайт, размещенный на WP

Прейскурантная цена

 (скидка 33%)

Выставляется ежегодно. Вы платите

 

 сегодня

Продление по прейскуранту

 

/год

• 1 Веб-сайт, размещенный на WPКоличество уникальных веб-сайтов WordPress, которые вы можете создать и разместить. Хостинг работает на базе Google Cloud, где WordPress и Elementor Pro Website Builder предварительно установлены для простой настройки одним щелчком мыши.
• Конструктор сайтов Elementor Pro

/год Включенная стоимость

• Включает Элементор Про

Выставляется ежегодно

/месяц при продлении

10 ГБ Хранение Объем хранилища, выделенный для удовлетворения ваших потребностей в хранении изображений, файлов, баз данных и других ресурсов веб-сайта. Мы используем новейшую технологию твердотельных накопителей (SSD), чтобы предоставить вам наилучшие возможности хранения и передачи данных. 25K ​​ Ежемесячные посещения Расчетный месячный трафик посетителей, с которым легко может справиться ваш веб-сайт. Не волнуйтесь, мы сообщим вам, если вы начнете приближаться к ограничениям. 30 ГБ/мес. Полоса пропускания Приблизительный объем данных, которые вы можете передавать в месяц с этим планом. Использование полосы пропускания — это общий объем данных, загруженных всеми пользователями, посещающими веб-сайт в течение месяца.

14 Резервное копирование дней Количество дней, в течение которых ваш сайт автоматически резервируется. Вы также можете создавать дополнительные резервные копии по запросу и легко восстанавливать любые сохраненные файлы резервных копий. SSL и CDN от Cloudflare SSL-сертификат включен для защиты вашего веб-сайта, конфиденциальных данных клиентов и онлайн-транзакций.
—
CDN (сеть доставки контента) обеспечивает быструю загрузку вашего веб-сайта, независимо от того, где находятся ваши посетители по всему миру. Премиум-поддержка — 1 участник Свяжитесь с нами 24/7 либо через чат, либо по электронной почте. Если вы только начинаете или являетесь опытным пользователем, мы быстро ответим на ваши вопросы.

Бизнес Идеально подходит для малого и среднего бизнеса 1 веб-сайт, размещенный на WP

Цена по прейскуранту 

 (скидка 20%)

Выставляется ежегодно. Вы платите

 

 сегодня

Продление по прейскуранту

 

/год

• 1 Веб-сайт, размещенный на WPКоличество уникальных веб-сайтов WordPress, которые вы можете создать и разместить.
  Хостинг работает на базе Google Cloud, где WordPress и Elementor Pro Website Builder предварительно установлены для простой настройки одним щелчком мыши.
• Конструктор сайтов Elementor Pro

/год Включенная стоимость

• Включает Элементор Про

Выставляется ежегодно

/месяц при продлении

20 ГБ Хранение Объем хранилища, выделенный для удовлетворения ваших потребностей в хранении изображений, файлов, баз данных и других ресурсов веб-сайта. Мы используем новейшую технологию твердотельных накопителей (SSD), чтобы предоставить вам наилучшие возможности хранения и передачи данных. 50K Ежемесячные посещения Расчетный месячный трафик посетителей, с которым легко может справиться ваш веб-сайт.

Не волнуйтесь, мы сообщим вам, если вы начнете приближаться к ограничениям. 50 ГБ/мес. Полоса пропускания Приблизительный объем данных, которые вы можете передавать в месяц с этим планом. Использование полосы пропускания — это общий объем данных, загруженных всеми пользователями, посещающими веб-сайт в течение месяца. 30 Резервное копирование дней Количество дней, в течение которых ваш сайт автоматически резервируется. Вы также можете создавать дополнительные резервные копии по запросу и легко восстанавливать любые сохраненные файлы резервных копий. SSL и CDN от Cloudflare SSL-сертификат включен для защиты вашего веб-сайта, конфиденциальных данных клиентов и онлайн-транзакций.
—
CDN (сеть доставки контента) обеспечивает быструю загрузку вашего веб-сайта, независимо от того, где находятся ваши посетители по всему миру. Премиум-поддержка — 2 участника Свяжитесь с нами 24/7 либо через чат, либо по электронной почте. Если вы только начинаете или являетесь опытным пользователем, мы быстро ответим на ваши вопросы. Промежуточная среда Место для безопасного тестирования новых функций и внесения изменений, не нарушая работающую версию вашего веб-сайта.

Расти Отличное соотношение цены и качества: до 3 веб-сайтов для вашей растущей клиентской базы. До 3 веб-сайтов, размещенных на WP

Цена по прейскуранту 

 (скидка 30%)

Выставляется ежегодно. Вы платите

 

 сегодня

Продление по прейскуранту

 

/год

• До 3 веб-сайтов, размещенных на WP. Количество уникальных веб-сайтов WordPress, которые вы можете создать и разместить. Хостинг работает на базе Google Cloud, где WordPress и Elementor Pro Website Builder предварительно установлены для простой настройки одним щелчком мыши.
• Конструктор сайтов Elementor Pro

/год Включенная стоимость

• Включает Элементор Про

Выставляется ежегодно

/месяц при продлении

25 ГБ Хранение Объем хранилища, выделенный для удовлетворения ваших потребностей в хранении изображений, файлов, баз данных и других ресурсов веб-сайта. Мы используем новейшую технологию твердотельных накопителей (SSD), чтобы предоставить вам наилучшие возможности хранения и передачи данных. 75K Ежемесячные посещения Расчетный месячный трафик посетителей, с которым легко может справиться ваш веб-сайт. Не волнуйтесь, мы сообщим вам, если вы начнете приближаться к ограничениям. 75 ГБ/мес. Полоса пропускания Приблизительный объем данных, которые вы можете передавать в месяц с этим планом. Использование полосы пропускания — это общий объем данных, загруженных всеми пользователями, посещающими веб-сайт в течение месяца. 30 Резервное копирование дней Количество дней, в течение которых ваш сайт автоматически резервируется. Вы также можете создавать дополнительные резервные копии по запросу и легко восстанавливать любые сохраненные файлы резервных копий. SSL и CDN от Cloudflare SSL-сертификат включен для защиты вашего веб-сайта, конфиденциальных данных клиентов и онлайн-транзакций.
—
CDN (сеть доставки контента) обеспечивает быструю загрузку вашего веб-сайта, независимо от того, где находятся ваши посетители по всему миру. Премиум-поддержка — 4 участника Свяжитесь с нами 24/7 либо через чат, либо по электронной почте. Если вы только начинаете или являетесь опытным пользователем, мы быстро ответим на ваши вопросы. Промежуточная среда Место для безопасного тестирования новых функций и внесения изменений, не нарушая работающую версию вашего веб-сайта.

Шкала Куда идут PRO, чтобы создать до 10 веб-сайтов До 10 веб-сайтов, размещенных на WP

Цена по прейскуранту 

 (Скидка 17%)

Выставляется ежегодно. Вы платите

 

 сегодня

Продление по прейскуранту

 

/год

• До 10 веб-сайтов, размещенных на WP. Количество уникальных веб-сайтов WordPress, которые вы можете создать и разместить. Хостинг работает на базе Google Cloud, где WordPress и Elementor Pro Website Builder предварительно установлены для простой настройки одним щелчком мыши.
• Конструктор сайтов Elementor Pro

/год Включенная стоимость

• Включает Элементор Про

Выставляется ежегодно

/месяц при продлении

40 ГБ Хранение Объем хранилища, выделенный для удовлетворения ваших потребностей в хранении изображений, файлов, баз данных и других ресурсов веб-сайта. Мы используем новейшую технологию твердотельных накопителей (SSD), чтобы предоставить вам наилучшие возможности хранения и передачи данных. 100K Ежемесячные посещения Расчетный месячный трафик посетителей, с которым легко может справиться ваш веб-сайт. Не волнуйтесь, мы сообщим вам, если вы начнете приближаться к ограничениям. 100 ГБ/мес. Полоса пропускания Приблизительный объем данных, которые вы можете передавать в месяц с этим планом. Использование полосы пропускания — это общий объем данных, загруженных всеми пользователями, посещающими веб-сайт в течение месяца. 30 Резервное копирование дней Количество дней, в течение которых ваш сайт автоматически резервируется. Вы также можете создавать дополнительные резервные копии по запросу и легко восстанавливать любые сохраненные файлы резервных копий. SSL и CDN от Cloudflare SSL-сертификат включен для защиты вашего веб-сайта, конфиденциальных данных клиентов и онлайн-транзакций.
—
CDN (сеть доставки контента) обеспечивает быструю загрузку вашего веб-сайта, независимо от того, где находятся ваши посетители по всему миру. Премиум-поддержка — 6 участников Свяжитесь с нами 24/7 либо через чат, либо по электронной почте. Если вы только начинаете или являетесь опытным пользователем, мы быстро ответим на ваши вопросы. Промежуточная среда Место для безопасного тестирования новых функций и внесения изменений, не нарушая работающую версию вашего веб-сайта.

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

Указанная выше цена включает израильский НДС в зависимости от вашего платежного адреса.

Конструктор веб-сайтов Elementor Pro

Создайте свой веб-сайт WordPress с полной свободой творчества

Перетаскивание, без редактора кода 100+ дизайнов сайтов 100+ виджетов Конструктор тем Создавайте и управляйте каждой частью вашего веб-сайта и получайте максимальный контроль из одного места. Конструктор WooCommerce Настройте каждую страницу своего магазина, чтобы создать потрясающий клиентский опыт, который стимулирует продажи. Конструктор целевых страниц Создавайте целевые страницы с высокой конверсией, используя готовые адаптивные шаблоны, или просто начните с нуля. Конструктор форм Создавайте впечатляющие формы, которые собирают данные, введенные посетителями и хранящиеся в вашей учетной записи Elementor, или интегрируйте свои любимые инструменты маркетинга и CRM. Конструктор всплывающих окон Создавайте всплывающие окна с привлекательными эффектами и анимацией, чтобы привлечь внимание посетителей. Конструктор циклов Создавайте собственные шаблоны для повторяющегося динамического контента, такого как списки, портфолио, каталоги и многое другое. Динамический контент Создайте свой веб-сайт и заполните контент с помощью динамических виджетов и тегов Elementor. Эффекты движения Создавайте без ограничений с помощью мощного набора элементов управления, которые добавят впечатляющую анимацию и движения на ваш сайт. Инструменты для совместной работы Оставляйте комментарии прямо в редакторе или интерфейсе при совместной работе с вашей командой или клиентами.

Нам доверяют тысячи

клиентов по всему миру

0 М+

Сайты

0 K+

5-звездочный рейтинг

0 K+

Члены сообщества

«Дизайн веб-сайта [Elementor] вдохновляет и экономит время».

Фабио, разработчик программного обеспечения

«Это гораздо больше, чем просто создание веб-сайта. Это помогает человеку построить свою карьеру, свой доход».

Ширли Ансли, веб-создатель

«…Хороший баланс между свободой проектирования того, что вы хотите, и гибкостью…»

Морди Леви, владелец Mindcube

«Лучшее в Elementor — это сообщество и великие разработчики, стоящие за этим гениальным программное обеспечение. »

Брэндон Дункан, владелец Regent Web Design

«В сообществе Elementor есть действительно замечательная группа людей, которые всегда рядом, всегда активны и всегда делятся советами».

Зои Тейм, веб-дизайнер, Австралия

Отмеченная наградами платформа

Годовые улучшения и обновления

Есть еще вопросы?
Попробуйте Elementor Справочный центр или Свяжитесь с нами.

Кто больше всего выиграет от планов Elementor Hosting?

Веб-сайт, размещенный на Elementor, идеально подходит для создателей веб-сайтов, которые хотят без проблем сосредоточиться на создании своего профессионального веб-сайта. Это комплексное решение предоставляет вам все, что вам нужно, в одном месте: управляемый хостинг WordPress, конструктор веб-сайтов Elementor Pro, поддержку тем и премиум-класса. Кроме того, это может быть отличным решением для тех, кто создает веб-сайты для клиентов, поскольку обеспечивает простой процесс передачи и упрощает обслуживание.

Что входит в подписку?

Планы хостинга Elementor включают в себя все необходимое для создания собственного веб-сайта; быстрый управляемый хостинг WordPress, конструктор веб-сайтов Elementor и тема Elementor Hello. В том числе:

• Хостинг WordPress на базе Google Cloud Platform
• Конструктор веб-сайтов Elementor Pro
• Secure CDN от Cloudflare
• Бесплатная сертификация SSL от Cloudflare
• Быстрое хранилище SSD
• Ежемесячные посещения
• Пропускная способность
• Бесплатное подключение к пользовательскому домену
• Бесплатная аутентификация домена электронной почты
• Бесплатный субдомен в elementor.cloud
• Автоматическое резервное копирование (зависит от плана)
• Промежуточная среда (доступна для некоторых планов)
Премиум (Поддержка дополнительных участников) в зависимости от плана)

Вы получаете все преимущества Конструктора веб-сайтов Elementor, включая редактор перетаскивания, все виджеты Pro, функции, наборы и шаблоны. ПЛЮС, вы получаете поддержку по всем вопросам, от редактирования до хостинга, в одном месте.

В чем разница между плагином конструктора веб-сайтов Elementor и хостингом Elementor?

Плагин Elementor позволяет вам использовать все удивительные функции, предлагаемые Elementor Pro. Чтобы использовать его, вам сначала необходимо приобрести услугу хостинга с установкой WordPress, а затем загрузить и установить плагин Elementor.
Наши планы хостинга WordPress предоставляют комплексное решение, которое включает в себя все функции и преимущества Elementor Pro Website Builder, а также хостинг и установку WordPress, что обеспечивает беспрепятственный процесс создания по отличной цене. При создании и размещении вашего веб-сайта на Elementor вы получаете беспроблемный опыт, который экономит ваше время на создание красивого веб-сайта и управление всеми этими услугами под одной крышей.

Могу ли я создать и разместить более одного веб-сайта с помощью хостинга Elementor?

Да, с некоторыми планами вы точно сможете создать не один сайт! Вы можете приобрести план с несколькими веб-сайтами, который включает до 3 или до 10 веб-сайтов.

Могу ли я обновить свой текущий план хостинга Elementor?

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

Что произойдет, если я превысю лимит пропускной способности/ежемесячных посетителей/хранилища?

Ваш веб-сайт продолжит работать в обычном режиме.
В настоящее время мы не взимаем плату за превышение, однако в будущем, как и в случае со многими другими услугами хостинга, если вы превысите ресурсы, выделенные вашим планом, вам будет выставлен счет за превышение в размере 1 доллар США в месяц за 1 ГБ превышения и 1 доллар США за в месяц на 1000 посетителей сверх нормы.
Мы уведомим вас по крайней мере за месяц до введения такой политики в действие. Вы будете предупреждены, если и когда вы израсходуете 80% выделенных ресурсов.

Как сменить один план Elementor на другой?

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

Могу ли я перенести свой веб-сайт, размещенный на Elementor, на другого хостинг-провайдера?

Вы можете в любой момент перенести свой сайт на любого хостинг-провайдера без ограничений. Существует 3 основных метода экспорта вашего веб-сайта:

1. Вы можете использовать функцию импорта/экспорта Elementor
2. Используйте встроенную функцию экспорта WordPress и импортируйте ее на новый хост.
3. Вы также можете экспортировать и загружать последнюю резервную копию на свой локальный компьютер и импортировать ее на новый хостинг.

Поскольку планы хостинга Elementor включают плагин Elementor Website Builder Pro, обратите внимание, что вам необходимо приобрести один из планов плагинов Elementor Pro, чтобы все ваши функции Elementor Pro правильно работали на вашем сайте с вашим новым хостинг-провайдером.