Помню свой первый сайт. 2018 год. Я заплатил тридцать тысяч рублей. Дизайнер рисовал две недели. Верстальщик верстал неделю. Я ждал, платил, нервничал. А потом нужно было что-то поменять — и всё начиналось заново. Ещё две недели. Ещё деньги. Ещё нервы.
Сейчас я могу сделать такой же сайт за два вечера. Без дизайнера. Без верстальщика. Без тридцати тысяч. И вы можете. Прямо сейчас. Не в теории. На практике.
В 2026 году создать сайт без программиста — это не фантастика. Это даже не сложно. Это просто навык. Как научиться готовить борщ или водить машину. Сначала страшно и непонятно. Потом привыкаешь. Потом не понимаешь, как жил без этого раньше.
Сегодня я расскажу про связку, которая изменила всё: WordPress и Elementor. Это два инструмента, которые вместе дают вам суперсилу — создавать профессиональные сайты без единой строчки кода. Серьёзно. Ни одной. И в конце статьи я покажу, где можно получить готовые решения для вашего проекта, чтобы не изобретать велосипед с нуля.
Что такое Elementor и почему о нём говорят все, кто делает сайты
Elementor — это визуальный конструктор страниц для WordPress. Если вы никогда не слышали этих слов — не пугайтесь. Сейчас объясню по-человечески.
Представьте, что вы собираете мебель из ИКЕА. У вас есть инструкция, набор деталей и ключ-шестигранник. Вы не рубите дерево. Вы не плавите металл. Вы просто соединяете готовые детали по инструкции. Elementor — это ровно то же самое, только для сайтов. У вас есть готовые детали: заголовки, тексты, картинки, кнопки, формы. Вы берёте их и расставляете на странице. Двигаете мышкой. Меняете цвет. Настраиваете размер. И видите результат сразу.
Никакого кода. Никакого «написал — сохранил — обновил страницу — не работает — полез в гугл — три часа жизни потерял». В Elementor всё происходит в реальном времени. Тыкнул мышкой в заголовок — написал текст. Передвинул блок левее — он передвинулся. Поменял цвет кнопки — она поменялась. Мгновенно. Как в живом редакторе.
Почему именно Elementor, а не что-то другое? Потому что на нём сделано больше десяти миллионов сайтов в мире. Это не стартап, который закроется завтра. Это проверенный инструмент с огромным сообществом, тысячами готовых шаблонов и сотнями бесплатных уроков на русском языке. И — что важно — бесплатной версии хватит для девяноста процентов задач. Когда сайт начнёт приносить деньги — купите Pro за пятьдесят долларов в год. Но сначала — сделайте.
Я собрал на Elementor около пятнадцати проектов за два года. Лендинги, многостраничные сайты, блоги, интернет-магазины, даже образовательную платформу с личными кабинетами учеников. И я ни разу не написал ни строчки кода. Ни одной. Это не значит, что я гений. Это значит, что инструмент — реально мощный.
С чего начать: хостинг, домен и WordPress за 30 минут
Многие боятся слова «хостинг». Звучит как что-то, чем занимаются сисадмины в подвалах. На самом деле это очень просто. Хостинг — это место на сервере, где будет жить ваш сайт. Если сайт — это ваша квартира, то хостинг — это земля, на которой стоит дом. А домен — это адрес: улица и номер дома.
Шаг первый — выбрать хостинг. Я рекомендую Beget, Timeweb или REG.RU. Все три — российские, с поддержкой на русском языке, с панелью управления на русском. И, что самое важное, — установкой WordPress в один клик. Не в переносном смысле. Буквально: одна кнопка «Установить WordPress», три минуты ожидания — и у вас работающий сайт.
Стоимость хостинга — от двухсот до пятисот рублей в месяц. Меньше, чем чашка кофе в день. Если вы не готовы платить даже эту сумму за то, чтобы ваш бизнес был в интернете — возможно, бизнес вам не очень-то и нужен. Это не грубость. Это реальность. Инструменты есть. Они доступны. Вопрос только в вашей готовности ими воспользоваться.
Шаг второй — купить домен. Домен — это «вашсайт.ру». Выбирайте короткий, запоминающийся, без дефисов и цифр. «Super-business-pro24.ru» — это кошмар. «Ivanov-photo.ru» — уже нормально. Стоит домен от трёхсот до тысячи рублей в год. Обычно хостинг-провайдеры дают домен бесплатно при оплате хостинга за год. Две цели одним выстрелом.
Шаг третий — установить WordPress и Elementor. WordPress устанавливается из панели хостинга в один клик. Заходите в админку WordPress (вашсайт.ру/wp-admin), идёте в раздел «Плагины» — «Добавить новый». В поиске вбиваете «Elementor». Нажимаете «Установить», потом «Активировать». Четыре минуты. У вас в руках — инструмент, который ещё пять лет назад стоил бы вам зарплату программиста.
Три шага. Полчаса. Ноль строчек кода. И сайт готов к наполнению.
Как устроен Elementor: три слова, которые заменят вам курсы
Когда я впервые открыл Elementor, меня встретил пустой белый экран. Плюсик посередине. Панель слева с какими-то иконками. Я растерялся. Потом разобрался. Оказалось — всё элементарно. В Elementor есть всего три понятия. Три. Запомните их — и вы освоите конструктор за час.
Секция. Это самый большой контейнер. Представьте горизонтальную полосу на весь экран. Все секции идут друг за другом сверху вниз. Первая секция — шапка с заголовком и картинкой. Вторая — описание услуг. Третья — отзывы. Четвёртая — контакты. Секции можно красить в любой цвет, ставить им фоновое изображение или видео. Секция — это ваш холст.
Колонки. Внутри каждой секции вы разбиваете пространство на колонки. Одну колонку — если хотите текст на всю ширину. Две — если текст слева и картинка справа. Три — если показываете три услуги в ряд. Четыре, пять, шесть — сколько угодно. Колонки — это структура. Скелет. Каркас.
Виджеты. Это то, что вы кладёте в колонки. Заголовок — виджет. Текст — виджет. Картинка — виджет. Кнопка — виджет. Карта Google — виджет. Форма обратной связи — виджет. Отзывы — виджет. Иконки — виджет. Их десятки. Вы просто перетаскиваете нужный виджет из левой панели в колонку и настраиваете: меняете текст, размер, цвет, отступы.
Вот и всё. Секция — Колонка — Виджет. Это вся архитектура. Никакой магии. Только конструктор. Как в детстве, когда вы собирали замок из кубиков. Только вместо кубиков — кнопки, заголовки и картинки.
Создаём первую страницу: 15 минут и готово
Давайте прямо сейчас сделаем страницу. Не в теории. Я расскажу — вы повторите у себя на экране. Представьте, что вы — фотограф. Или консультант. Или печёте торты. Неважно. Схема одна и та же.
Первая секция — шапка. Добавляем секцию. Одна колонка. Ставим фоновую картинку — ваше лучшее фото. В колонку кладём виджет «Заголовок» и пишем крупно: «Свадебная и портретная фотосъёмка в Москве». Ниже — виджет «Текст»: «Закрываю все вопросы с визуалом: от нежной лавстори до динамичного репортажа». Ещё ниже — виджет «Кнопка». Текст: «Записаться на съёмку». Настраиваем цвет кнопки, делаем скруглённые углы. Пять минут. Шапка готова.
Вторая секция — услуги. Добавляем секцию. Три колонки. В каждую колонку кладём виджет «Иконка» (выбираем подходящую из библиотеки), под ней — виджет «Заголовок» (название услуги), под ним — виджет «Текст» (краткое описание). Например: «Свадебная съёмка», «Индивидуальная съёмка», «Семейная съёмка». Три колонки в ряд. Смотрится структурированно и профессионально. Пять минут.
Третья секция — портфолио. Секция с тремя колонками. Три ваших лучших фото в ряд. Ниже каждой — короткое описание: где снимали, для кого, какая была задача. Это не просто картинки. Это доказательство, что вы умеете. Пять минут.
Четвёртая секция — контакты. Секция с двумя колонками. Слева — виджет «Карта Google» с вашим адресом. Справа — телефон, email, ссылки на соцсети. Кнопка «Связаться» — большая, заметная. Всё. Лендинг готов. Пятнадцать минут.
Он не идеален. Где-то отступы кривые. Где-то шрифт мелковат. Но он уже лучше, чем девяносто процентов сайтов малого бизнеса в вашем городе. Потому что он — есть. И на его создание вы потратили меньше времени, чем на просмотр двух серий сериала.
Готовые шаблоны: как сделать сайт за час, даже если вы никогда этого не делали
Если собирать с нуля лень — есть способ ещё проще. Elementor поставляется с библиотекой готовых шаблонов. Это полностью свёрстанные дизайнерами страницы. Целые сайты. Главная, услуги, портфолио, контакты — всё уже готово.
Вы просто открываете библиотеку, выбираете понравившийся шаблон, нажимаете «Вставить» — и он загружается на вашу страницу. Меняете текст на свой. Меняете картинки на свои. Подправляете цвета. И — готово. Профессиональный дизайн за час. Без дизайнера. Без вёрстки.
В бесплатной версии около ста шаблонов. В Pro — больше трёхсот. Но даже бесплатных хватит, чтобы не начинать с пустого листа. Мой любимый подход — взять шаблон, близкий по духу, и перекроить под себя. Это как купить готовый костюм в магазине и подшить по фигуре. Быстрее, чем шить с нуля. И выглядит профессионально.
История из жизни. Анна открыла студию маникюра в спальном районе. Никакого опыта в сайтах. Вообще. Я показал ей Elementor. Она выбрала шаблон из раздела «Beauty». Заменила текст и картинки. И через два часа у неё был работающий сайт. С портфолио, с прайсом, с кнопкой записи в WhatsApp. Через три дня ей написал первый клиент с сайта. Через неделю — ещё двое. Вложения в сайт: ноль рублей. Только время. Это не выдуманная история. Анна — реальный человек, который просто взяла и сделала.
Когда она рассказала об этом подруге-визажисту, та сначала не поверила. «Как это — сайт за два часа? Мне называли цену в пятьдесят тысяч». Анна показала ей Elementor. Через три дня у визажиста тоже был сайт. И тоже бесплатно.
Как не сделать сайт похожим на новогоднюю ёлку: 5 правил от практика
Самая частая проблема новичков — сайт получается как цирк. Красный заголовок, зелёная кнопка, жёлтый фон. Вензеля. Тени. Анимация на каждом элементе. Глазам больно. Доверие — ноль.
Я сам прошёл через это. Мой первый сайт выглядел так, будто его делал пятилетний ребёнок, дорвавшийся до цветных фломастеров. Потом я вывел пять простых правил. Соблюдайте их — и сайт будет выглядеть как работа профессионала.
Правило первое — два цвета. Основной — спокойный, нейтральный. Белый, светло-серый, тёмно-синий. Акцентный — для кнопок и важных элементов. Оранжевый, зелёный, голубой. И всё. Два цвета. Не три. Не семь. Два. Весь интернет построен на двух цветах. Посмотрите на любой крупный сайт — убедитесь.
Правило второе — один шрифт. Заголовки — жирным и крупно. Текст — обычным и среднего размера. Один шрифт на весь сайт. Не два. Не три. Elementor по умолчанию использует чистые системные шрифты — этого достаточно.
Правило третье — воздух. Самое важное правило. Не прижимайте текст к краям. Не ставьте блоки вплотную друг к другу. Оставляйте пустое пространство — отступы сверху и снизу, поля слева и справа. Воздух — это бесплатно. Но именно он делает сайт дорогим.
Правило четвёртое — иерархия. Главный заголовок на странице — самый крупный. Подзаголовки — поменьше. Основной текст — ещё меньше. Глаз должен сразу понимать, что главное, а что — дополнительное. Если всё одного размера — мозг теряется.
Правило пятое — мобильная версия. Elementor показывает ваш сайт в трёх режимах: компьютер, планшет, телефон. Переключайтесь и проверяйте все три. На телефоне колонки чаще всего ложатся одна под другую — это нормально. Но иногда текст вылезает за край, кнопки становятся невидимыми, картинки обрезаются. Поправьте. Пять минут работы. Но больше половины ваших посетителей — с телефонов. Они скажут вам спасибо.
Что можно сделать на Elementor: от лендинга до интернет-магазина
Многие думают, что Elementor — это только для простых страниц. Лендингов-одностраничников. Это не так. Я собрал на нём около пятнадцати проектов — и все разные. Вот что реально можно сделать без программиста.
Сайт-визитка. Одна страница о вас и ваших услугах. Кто вы, чем занимаетесь, как связаться. Делается за час. Идеально для частного специалиста: юриста, психолога, консультанта, мастера.
Лендинг. Одна страница с продающей структурой. Заголовок-крючок. Боли клиента. Ваше решение. Преимущества. Отзывы. Цена. Призыв к действию. Elementor для этого создан. Два-три часа — и готово.
Блог. WordPress — это система управления контентом. Блог — его родная стихия. Elementor красиво оформляет страницу блога: статьи можно выводить сеткой, списком, с фильтрами по рубрикам. Плюс каждая статья оформляется как полноценная страница.
Многостраничный сайт. Главная, услуги, портфолио, блог, контакты. Несколько страниц, связанных меню. Полноценный корпоративный сайт. Вечер работы.
Интернет-магазин. Через плагин WooCommerce. Elementor даёт виджеты для оформления карточек товаров, корзины, каталога. Не замена полноценной разработке, но для магазина на двадцать-тридцать товаров — более чем достаточно.
А если не хочется самому — у меня есть решение
Я понимаю. Не у всех есть время разбираться. У кого-то бизнес, семья, дети, два проекта в работе. И даже два часа на сайт — это два часа, которых нет.
Именно для этого я создал «Клуб готовых решений. Точка сборки». Это закрытое сообщество, где я делюсь готовыми связками, шаблонами и настройками. Не «посмотрите видео и сделайте сами». А «вот готовый сайт на WordPress с Elementor — забирайте, заливайте на хостинг, меняйте текст на свой».
В Клубе уже есть:
📦 Готовые шаблоны сайтов на WordPress и Elementor — от лендинга до интернет-магазина
📦 Связки WordPress + Telegram + рассылка — автоматизация без программиста
📦 Готовые сценарии на n8n — автоматизируете бизнес за два клика
📦 Инструкции и чек-листы — без воды, только по делу
Вы не платите за разработку. Вы не ждёте программиста. Вы получаете готовое решение — и запускаете его за вечер. Всё, что я показываю в статьях, в Клубе уже собрано и упаковано. Бери и пользуйся.
Заходите в Клуб здесь: https://autonpoint.ru/
Elementor vs Tilda: честное сравнение
Меня часто спрашивают: «А почему не Tilda? Она же проще, быстрее, красивее». Да, на старте — проще. Регистрируетесь — и через минуту у вас сайт. Никаких хостингов, доменов, установок. Идеально, если вы никогда не делали сайты.
Но. Tilda — это аренда. А WordPress с Elementor — это собственность. Чувствуете разницу? В съёмной квартире вы не можете снести стену. Не можете перекрасить фасад. Не можете поставить джакузи. В своей — можете всё. Так и здесь.
На Tilda вы не можете установить свой плагин для SEO-продвижения. Не можете подключить сложную форму с интеграцией в CRM. Не можете добавить нестандартную функцию. Не можете перенести сайт на другой хостинг. Tilda тарифицируется от пятисот до полутора тысяч рублей в месяц. За год — двенадцать-восемнадцать тысяч. За два года — тридцать шесть тысяч. И вы до сих пор не владеете сайтом.
WordPress с Elementor: хостинг три-пять тысяч рублей в год, домен пятьсот рублей. Всего — четыре-шесть тысяч в год. В шесть раз дешевле. И сайт ваш. Хотите — перенесли на другой хостинг. Хотите — добавили любой плагин. Хотите — вообще продали сайт вместе с бизнесом.
Моя рекомендация: для теста идеи — Tilda. Быстро собрал, проверил спрос. Взлетело? Переносите на WordPress и делаете по-взрослому. Не взлетело? И ладно. А строить долгосрочный проект на Tilda — как жить в хостеле. Можно, но недолго и неудобно.
Частые ошибки, которые я совершил, чтобы вы не совершали
За два года работы с Elementor я набил все возможные шишки. Расскажу о них, чтобы вы прошли этот путь быстрее.
Ошибка первая — тяжёлые картинки. Вы загружаете фото с телефона — оно весит пять мегабайт. Десять таких фото — пятьдесят мегабайт. Сайт грузится десять секунд. Посетитель уходит. Сжимайте картинки перед загрузкой. Есть десятки бесплатных сервисов, которые уменьшают размер фото в пять-десять раз без потери качества.
Ошибка вторая — бесконечная доработка. Вы сделали черновик. Почти хорошо. Но где-то отступ не тот, где-то шрифт не идеален. И вы говорите себе: «Сейчас ещё чуть-чуть поправлю». Проходит месяц. Сайт не опубликован. Клиенты не идут. Это называется перфекционизм. Он убил больше проектов, чем отсутствие денег. Опубликуйте то, что есть. Доработаете позже. Идеальный сайт, которого никто не видит, хуже, чем средний сайт, который работает.
Ошибка третья — плагины ради плагинов. WordPress — это экосистема с десятками тысяч плагинов. Elementor — ещё сотни дополнений. Хочется установить всё. Слайдеры, попапы, счётчики, чаты, формы. Не надо. Каждый лишний плагин — это потенциальная дыра в безопасности и замедление сайта. Минимальный набор для старта: Elementor, плагин для кеширования, плагин для SEO. Три штуки. Этого достаточно.
Ошибка четвёртая — игнорирование обновлений. В админке WordPress иногда появляется красный кружок с цифрой. Это уведомления об обновлениях. Многие их игнорируют. Месяцами. Не делайте так. Необновлённый плагин — это уязвимость. Уязвимость — это взломанный сайт. Обновление занимает минуту. Восстановление после взлома — неделю. Выбирайте.
Что делать прямо сейчас: три шага к вашему сайту
Статья — это хорошо. Но если вы просто прочитали и закрыли вкладку — ничего не изменится. Поэтому вот конкретный план. Не «когда-нибудь». На этой неделе.
Шаг первый — купите хостинг и домен. Откройте сайт Beget или Timeweb. Тариф за триста-пятьсот рублей в месяц. Оплатите за год — домен в подарок. Время: двадцать минут. Деньги: три-пять тысяч рублей за год. Меньше, чем один поход в ресторан. Но сайт будет работать двенадцать месяцев.
Шаг второй — установите WordPress и Elementor. В панели хостинга: одна кнопка. В админке WordPress: поиск плагина. Десять минут. Ноль рублей.
Шаг третий — сделайте первую страницу. Выберите шаблон в библиотеке Elementor. Замените текст и картинки на свои. Не стремитесь к идеалу. Стремитесь к «опубликовано». Два-три часа. И у вас есть сайт.
Второй сайт вы сделаете в два раза быстрее. Третий — ещё быстрее. Потому что создание сайтов — это навык. Такой же, как водить машину. Сначала смотришь на все педали и рычаги с ужасом. Через месяц едешь и болтаешь с пассажиром. Через год — не замечаешь, как крутишь руль.
И помните: если не хотите разбираться сами — заходите в «Клуб готовых решений. Точка сборки» на https://autonpoint.ru/. Там всё уже собрано, настроено и готово к запуску. Ваша задача — только взять и применить.
Не ждите идеального момента. Он не наступит. Просто начните.
