Я бы мог начать эту статью с вопроса «В чем отличия Elementor PRO от FREE версии?», ведь именно по ней, скорее всего, вы попали на эту страницу. Но какая полезность в этом для вас? Правильно, никакой. Поэтому я начну иначе. «По-копирайтерски», так сказать.
Как с помощью всего одного плагина создать сайт на WordPress c 0? Как избавиться от проблемы поиска подходящего шаблона для сайта и создать действительно «свой» сайт? А может ли всего один плагин заменить 17 других без потери качества? Обо всем этом вы узнаете из сегодняшней статьи.
В ней я рассмотрю все отличия Elementor PRO от Free версии, с демонстрацией этих самых отличий. А смогу я это сделать, потому что практически сразу купил про версию и ни разу об этом не пожалел. Так что всё, что вы прочитаете ниже — это слова практика, а не теоретика.
Elementor постоянно развивается, так что эта статья будет обновляться и дополняться. Сейчас вы узнаете все отличия Elementor PRO от Free версии по состоянию на 24 мая 2020 года.
Ключевые отличия Elementor PRO от FREE
Начну я с краткого описания всего того, что есть в PRO версии и почему этого нет в FREE. Этого списка будет достаточно, чтобы понять суть и решить для себя, хотите ли вы углубляться в тему глубже.
Итак, ключевые отличия Elementor PRO от FREE версии:
- Более 50 дополнительных элементов, которые можно разместить на страницах своего сайта. В бесплатной версии они все отображаются, но добавить их нельзя. Такая вот подстава от разработчиков. Как будто заставляют каждый день смотреть на соседа, у которого машина лучше.
- Интеграция с различными сервисами без установки дополнительных плагинов. Особенно мне нравится интеграция с MailChimp, Facebook и reCAPTCHA. Про то, какие сервисы еще доступны, я расскажу в блоке про интеграцию. Сверху, если что, есть меню, чтобы быстрее перейти в нужное место.
- Конструктор темы. Вот это то, что мне в PRO версии нравится больше всего и из-за чего я его и купил. Теперь больше не надо смотреть различные подборки шаблонов в поисках темы, которая больше всего подойдет именно вам. Достаточно установить любую тему (хоть последнюю тему от WordPress (сейчас это Twenty Twenty), хоть тему Hello от разработчиков Elementor) и дальше всё настраивать самостоятельно. И да, кстати, все WordPress темы поддерживают работу с Elementor.
- Более 300 шаблонов страниц, шапок и подвалов сайта, всплывающих окон и так далее. То есть даже если у вас нет своих идей о том, как должен выглядеть ваш сайт, то можно взять шаблон и настроить его под себя. В бесплатной версии тоже есть несколько шаблонов, но их значительно меньше. Да и только для страниц или секций.
- Инструменты маркетинга. Обратный отсчет, всплывающие окна, призыв к действию и так далее. В общем всё, что обычно используется на Landing Page, чтобы повысить его конверсию.
- E-Commerce инструменты. Если вы создаете интернет — магазин на WordPress, то наверняка используете WooCommerce. Вот в Elementor PRO есть специальные элементы и шаблоны, чтобы сделать интернет — магазин на WordPress не используя код.
- Формы и динамические данные. Тоже очень крутые инструменты. Формы входа на сайт, подписки на рассылку, отправки заявки помогают собирать контакты посетителей. А динамические данные помогают выводить внутри элементов данные, которые мы задаем в настройках. Например, вывести текущую дату и время, ID текущей записи и так далее. Это делает сайт еще более гибким и при этом даже не надо знать программирование. Кайф!)
Так, это было краткое описание различий. Да да, это было очень кратко. Всего каких-то жалких 330 слов. А теперь перейдем к подробному описанию. Там будет раз в 6 больше. Так что запасайтесь чаем, вафлями (или печеньками, если они вам больше нравятся) и вниманием. Я начинаю.
Элементы в Elementor PRO и в Elementor Free
На этом пункте я долго останавливаться не буду. У меня на сайте есть статьи с описанием и демонстрацией элементов как в платной версии, так и в бесплатной. Ниже просто размещу изображения со всеми элементами в этих версиях, на которые можно нажать и увеличить. А под каждой картинкой будут ссылки на соответствующие статьи.
Элементы для интернет - магазина WooCommerce
Интеграция с сервисами
Если говорить про отличия Elementor PRO от Free версии, то нельзя не упомянуть встроенную интеграцию с другими сервисами. Ведь это одна из главных особенностей платной версии элементора. Так, на май 2020 года доступна интеграция с 10 системами. Давайте разберемся для чего нужна та или иная система.
Google reCAPTCHA V3
reCAPTCHA — это бесплатный сервис от Google, который защищает сайты от спама в комментариях. А также повышает общую безопасность сайта. На первый взгляд кажется, что сервис просто добавляет на сайт кнопку «Я не робот». Но это только на первый взгляд. Суть сервиса как раз и сводится к тому, чтобы быть легкой для людей и сложной для спам-роботов.
Facebook SDK
Интеграция с Facebook нужна для того, чтобы использовать специальные элементы в Elementor PRO. Без этого они просто не будут активными.
После интеграции будет доступно следующее:
- Отображение на сайте страницы компании, мероприятия или личных сообщений страницы.
- Вывод любой записи, видео или отдельного комментария.
- Форма комментариев
- Кнопки «Лайк» и «Поделиться».
MailChimp
MailChimp — это самый популярный сервис Email рассылок с очень гибкой настройкой и подробной статистикой по письмам. В ней можно смотреть сколько писем доставлено, сколько прочтено, сколько перешли по ссылкам внутри письма, сколько отписались и так далее.
И вот, благодаря интеграции с Elementor, в настройках форм обратной связи появляется возможность отправлять данные напрямую в систему. А так как в элементор настройки внешнего вида максимально понятны, то можно любую форму оформить как только душе угодно.
Стоимость — бесплатно для базы до 2000 подписчиков. Именно из-за этого я и пользуюсь именно мэйлчимпом. Остальные все платные изначально.
Drip
Drip — это E-commerce CRM платформа. А если по-русски, то он помогает интернет — магазинам собирать и обрабатывать данные о своих покупателях, чтобы повышать продажи.
Например, можно настроить автоматическую отправку писем, если человек добавил товары в корзину, но ничего не купил. Или персонализировать сам интернет магазин под каждого покупателя, согласно истории его покупок и просмотров.
Из российских аналогов можно выделить Битрикс24.
Стоимость — от $49 в месяц. Есть бесплатный доступ на 14 дней.
ActiveCampaign
Сервис, который совмещает e-mail рассылки и CRM систему. Позволяет создать и автоматизировать воронку писем под любые свои задачи. Плюс отображать в письмах данные о человеке и его покупках.
В изучении сервиса я особо не углублялся, но на первый взгляд создается впечатление, что он тоже похож на Битрикс24. Наверняка, внутри есть различия в функциях, но принцип тот же.
Стоимость — от $9 в месяц за e-mail рассылки и от $49 за весь функционал.
GetResponse
И еще один сервис по автоматизации общения с клиентами. Но этот, в отличие от остальных, на русском языке.
Из интересных отличий заметил возможность проводить вебинары для своих подписчиков. Все инструменты для этого уже есть в системе. То есть можно создать вебинар и для него создать подписную страницу с формой сбора контактов. А потом на эти адреса отправлять приветственные письма, напоминания и письма после вебинара. Полная автоматизация.
Стоимость от $15/месяц за возможность e-mail рассылки или от $49 за пакет, где есть и рассылка, и вебинары, и CRM.
ConvertKit
И снова сервис для email рассылок. Позиционирует себя как сервис e-mail рассылок для создателей. Что бы это не значило.
Из беглого изучения сервиса увидел, что есть весь тот же функционал, что и у предыдущих сервисов. Из приятного отметил только то, что автоворонка писем создается в максимально понятном интерфейсе. Выглядит похоже на майнд карты или структуру в организации.
Стоимость — бесплатно до 500 подписчиков, потом от $24 в месяц.
MailerLite
Судя по названию, тоже сервис e-mail рассылки. Сейчас проверим.
Да, именно так и есть. Есть все необходимые функции по отправке и автоматизации писем, по сегментации пользователей, созданию страниц, всплывающих окно и так далее. Из особенностей можно выделить только цену.
Есть бесплатный тариф, на котором может быть до 1000 подписчиков и ограничение в отправке 12 000 писем в месяц. Нужно больше? Тогда придется платить от $10 в месяц.
Шрифты Adobe (TypeKit)
Набор из платных шрифтов, которые можно использовать на своем сайте при наличие подписки в Creative Cloud. После интеграции появится возможность поиска и выбора шрифтов прямо из Elementor, без необходимости активации шрифтов и копирования кода.
Если у вас есть подписка, то естественно можно подключить их на сайт. Если же нет, то зачастую достаточно бесплатных шрифтов Google, которые уже есть в Elementor.
Font Awesome Pro
Пакет из платных иконок. По умолчанию, в Elementor используются иконки из бесплатного пакета Font Awesome 5 (на май 2020 года). Но если их недостаточно и есть необходимость использовать платные, то просто покупайте и интегрируйте их в Elementor Pro.
Конструктор темы
То, из-за чего, в первую очередь, я и купил Elementor PRO. Конструктор темы позволяет полностью настроить вид и функциональность всего сайта, используя один лишь Elementor. То есть собирать не только определенные страницы или статьи, а вообще весь сайт. Это очень круто, так как больше нет привязки к какому-либо шаблону сайта и его функциональности. Всё полностью под моим контролем.
В конструкторе темы можно создать шаблоны для следующих элементов сайта:
- Страница. Например, можно создать отдельные шаблоны для страниц с услугами и отдельно для остальных страниц. Также есть возможность создать шаблон страницы 404, которая отображается, если страницы на сайте нет.
- Секция. Это некий блок, который вставляется на страницу при редактировании. Например, повторяющийся элемент, который часто используется на разных страницах или в статьях.
- Попап. Шаблоны для всплывающих окон. Позволяет создавать всплывающее окно и вызывать его на определенных страницах, при определенных условиях или по нажатию на кнопку. Когда дочитаете до середины статьи, увидите пример реализации этого.
- Хедер. Шаблоны шапки сайта. Также можно настроить какой где отображать. У меня, например, различные шапки в блоге и на статических страницах.
- Футер. Шаблон подвала сайта. Аналогично хедеру.
- Одиночная. Шаблон для отображения записей. Например, можно создать отдельный шаблон для статей и отдельный для новостей.
- Архив. Шаблон для страницы, на которой отображаются все записи из определенной рубрики.
Предустановленные шаблоны
Предустановленные шаблоны страниц или блоков, есть и в бесплатном Elementor Free. Но в платной версии их гораздо больше (более 300 на май 2020 года). И с каждым обновлением плагина добавляются всё новые и новые шаблоны. Причем некоторые добавляются партиями, предоставляя возможность создать тематический сайт в несколько кликов.
Постепенно я буду создавать отдельные статьи, в которых покажу как создать сайт фотографа, фитнес-центра, онлайн курса и так далее. Плюс различные всплывающие окна, Landing Page, домашние страницы, страницы с услугами, контактами и другие. Сейчас же пока просто покажу как выглядят эти шаблоны.
Примеры предустановленных шаблонов страниц, доступных в Elementor PRO
Для увеличения изображения нажмите на него. А чтобы рассмотреть детали — нажмите в открывшемся окне на изображение лупы в правом верхнем углу.
Элементы дизайна
Следующие отличия Elementor PRO от Free версии заключаются в дополнительных элементах дизайна. О них лучше не рассказывать, а показывать в действии. Этим и займусь.
Движения мыши
Эффект движения мыши заключается в том, что объект движется либо в том же направлении, что и курсор мыши, либо в обратном. На примере ниже, мяч двигается за вашей мышкой, а вратарь от неё. Попробуйте и забейте гол)
Эффект прокрутки
Эффект прокрутки, или параллакс эффект, заставляет двигаться изображение про прокручивании страницы. Доступны следующие виды этого эффекта:
- Вертикальная прокрутка. Изображения движутся вверх или вниз. На примере ниже используется именно он. Фон движется вниз, а ракета вверх.
- Горизонтальная прокрутка. Объекты движутся влево или вправо. Например, может бежать лошадь, человек или ехать машина.
- Прозрачность. В зависимости от настроек, блок может проявляться из пустоты (Fade In), исчезать в ней (Fade Out), проявляться при докручивании до блока и потом снова исчезать (Fade In Out) или наоборот, исчезать только при докрутке до объекта (Fade Out In)
- Размытие. Всё то же самое, что и с прозрачностью, только изображение размывается.
- Масштаб. Изображение увеличивается или уменьшается при прокрутке.
Также любой объект можно сделать липким, то есть чтобы он находился в одном месте при прокрутке страницы. Ну а про различные слайдеры, карусели, флип боксы, анимированные заголовки и прочие фишки можете прочитать в статье про элементы в Elementor Pro.
Инструменты маркетинга
В интернет — маркетинге есть проверенные инструменты, которые помогают повышать продажи с сайта. И большинство из них есть в обоих версиях элементора. Поэтому в борьбе Elementor Free VS. Elementor Pro уже не такой сухой счет, как во многих пунктах выше.
Сейчас я хочу только обозначить эти инструменты, потому что достаточно подробно рассказал о них в статьях про элементы. Ссылки на них я уже оставлял, так что дублировать не буду.
- Создание лендинг страницы без шапки, подвала и прочих настроек страницы по умолчанию. Для этого в настройках страницы надо выбрать макет «Холст Elementor».
- Конструктор всплывающих окон (Popup Builder). Можно выводить в разных частях экрана по клику или при определенных действиях. Например, сбоку всплывающее окно с рекламой появилось, как вы дочитали до середины страницы.
- Элемент призыва к действию (Call to Action).
- Счетчик обратного отчета (Evergreen Coundown). Можно установить до какого-то срока или на определенное количество часов (в этом случае отсчет отдельный для каждого посетителя).
- Элементы социального доказательства. Отзывы, рецензии, встраивание видео, страниц или комментариев из Facebook.
- Lightbox. Изображения и видео открываются во всплывающем окне прямо на сайте, а не на новых страницах. Это повышает удобство и престиж вашего сайта. А также уменьшает шанс потерять внимание человека.
- Прямые ссылки для связи (Action Links). В HTML языке есть специальные операторы, которые говорят что надо сделать с адресом ссылки. Так, например, если прописать у ссылки код callto:номер-телефона, то после нажатия на ссылку со смартфона номер откроется для набора. Если mailto:адрес-почты, то откроется почтовая программа для отправки письма с уже указанным адресом. В Elementor Pro не надо знать все эти коды. Достаточно выбрать динамический тег «Средства для связи» и выбрать подходящий способ связи.
Формы
Формы тоже можно отнести к элементам маркетинга, но я решил выделить их в отдельную часть, так как рассказать тут можно побольше.
В Elementor PRO можно создать 3 вида форм:
- Обратной связи.
- Подписки на рассылку.
- Входа на сайт.
Все эти формы можно вставлять как на сами страницы и статьи, так и во всплывающие окна. Соответственно и оформить их можно совершенно по разному.
Кроме стандартных полей в формах Elementor доступны поля со скрытой спам ловушкой, номером телефона, соглашением на обработку данных, с возможностью загрузки файла и указания времени.
Но сама форма не так интересна. Интересное начинается потом, когда нам надо настроить действие после отправки. Здесь, кроме отправки данных в те сервисы, которые были указаны в блоке про интеграцию, возможно подключение еще нескольких. Среди них Slack, Discord и любые другие вебхуки. Плюс можно настроить, чтобы после успешной отправки данных появлялось всплывающее окно или открывалась новая страница. Причем все эти возможности можно совмещать. Например, отправить данные в MailChimp, после чего появится всплывающее окно с благодарностью или бонусом.
В качестве примера выведу форму, через которую можно подписаться на рассылку с моего блога.
Подписаться на рассылку блога
Андрей Рочев о копирайтинге, WordPress и elementor
E-commerce
Последние отличия Elementor PRO от Free версии связаны с электронной торговлей. Ведь с помощью Elementor Pro можно достаточно быстро и легко создать небольшой интернет — магазин на WooCommerce. Кто не знает, это специальный плагин для WordPress, реализующий весь необходимый функционал.
Этот вариант подходит только для небольших интернет — магазинов, которые не работают с 1С. Если вы планируете использовать 1С, то лучше сразу создавайте сайт на Битриксе. В будущем это сэкономит вам сотни тысяч рублей на интеграции сайта с вашей 1С базой и вообще на переезде с WordPress на Bitrix.
Связано это с тем, что вордпресс больше заточен именно под блог и его мощностей может просто не хватить. Не редко бывали случаи, когда при запуске обмена между сайтом и 1С, сайт просто переставал работать. Тем более, что в 95% случаев эту интеграцию надо писать вручную, так как базовая работает только с базой, в которую не вносились никакие изменения. А это очень большая редкость.
Если вам нужен интернет — магазин на Битрикс, то напишите мне и я дам вам контакты отличной команды. Я для них разрабатываю тексты уже несколько лет, так что достаточно изучил их работу и могу гарантировать отличное качество.
Для интернет — магазина на WooCommerce в Elementor PRO можно создать 2 шаблона: Страница продукта и страница с несколькими товарами из одной категории (или все сразу). Принцип тот же, что и для страницы с одной статьей и со всеми статьями одной рубрики. Ниже покажу пример таких страниц, которые уже есть в предустановленных шаблонах.
Кроме этих динамических шаблонов можно создать страницы: корзина, личный кабинет, отслеживание товара и страницу с оплатой. То есть, как я и говорил, весь необходимый функционал для небольшого интернет — магазина. С его помощью, например, копирайтер может продавать свои статьи, дизайнер — свои работы и так далее. И никакая биржа нафиг не нужна.
В заключение
Это были основные отличия Elementor PRO от Free версии. Как видите, функционала в платной версии гораздо больше и его более чем достаточно для решения большинства задач.
Я специально не стал выделять стоимость Elementor PRO в отдельный блок, чтобы узнали её только те, кто дочитает до самого конца. Итак, стоимость элементор про зависит от типа лицензии. Всего их три и отличаются они только тем, на скольких сайтах можно её использовать. Лицензия на 1 сайт стоит — 59$ в год, на 3 — 99$, на 25 — 199$, 100 — 499$ и на 1000 сайтов — 999$.
Как по мне, это более чем приятная цена, так как некоторые темы и плагины стоят столько же или даже больше. Но они не дают той свободы действий, что Elementor.
Если вы захотите его приобрести, то переходите по моей ссылке — вот по этой. Тогда разработчики выплатят мне определенный процент от вашего платежа. Это будет просто шикарной благодарностью за эту статью и позволит мне и дальше рассказывать об этом замечательном плагине.
А если у вас остались вопросы, то можете смело их задавать в комментариях или писать мне напрямую. Все ссылки есть в блоке про меня и в шапке сайта.
прости, ставлю 1 звезду. Статья неплохая. но меня страшно бесит, когда встречаю в тексте фразы типа «Достаточно установить любую тему (хоть последнюю тему от WordPress (сейчас это Twenty Twenty)» и при этом нет даты публикации статьи! ну или я не нашел… Что тоже само по себе жопа!
Спасибо, что прокомментировал свою оценку) Для меня, как для автора, это лучше, тк хоть понятна причина)
А так, я специально нигде не использую дату публикации статьи. Не вижу в этом необходимости. Но что касается этой статьи, то в самом начале есть выделенный блок с указанием, что это версия статьи от 24 мая 2020 года)
Здравствуйте. Что будет по истечении года подписки на Elementor ПРО версию? Она превратится в бесплатную или и просто не будет обновляться и тех поддержка прекратится, но все же будет работоспособна? Как производитель ограничивает установку на несколько сайтов для 1й лицензии? Разве архив плагина не получится установить на другом домене, загрузив свой архив и применив там — ограничение чисто «правовое» или как то реализовано программно? Тогда как то есть способ обойти его?
Здравствуйте, Александр!
У меня есть статья и видео о том, что будет, если не продлить. Вот она — https://andrewrochev.ru/prodlenie-pro/
Но если кратко, то он останется той же прошкой, только без обновления, техподдержки и библиотеки шаблонов. Плюс, со временем, перестанут работать динамические теги на тех элементах, что вы будете размещать уже после окончания лицензии.
Лицензия привязывается через личный кабинет на сайте элементора и там видны все домены, на которых установлена эта лицензия.
В инете есть какие-то сайты, которые выкладывают архивы про версии, но я их не проверял.