Как собрать лендинг в WordPress без конструктора и лишних плагинов

landing wordpress bez konstruktora cover Без рубрики
Пошагово: отдельная страница, Cover и Group, якоря #ceny и #zayavka, кнопка в Telegram. Без Elementor, с чек-листом перед рекламой и SEO-минимумом.

Вы поставили WordPress ради заявок, а каталог тем шепчет: «без Elementor ничего не собрать». Сайт тормозит, меню с блогом отвлекает от одной кнопки в Telegram, а реклама уже крутится. Марина, маникюр на дому, скачала демо-тему: без конструктора секции пустые, с Elementor страница грузится с телефона вечность. Ниже маршрут на встроенных блоках Gutenberg: отдельная страница, якоря, CTA в мессенджер — без десятка плагинов и без страха «сломать» тему кодом.

Лендинг — не «весь красивый сайт», а одна страница с одной задачей: человек понял оффер и нажал написать. WordPress уже умеет это из коробки: блоки Cover, Group и Buttons. Официальный лендинг редактора Gutenberg на wordpress.org собран почти целиком блоками — значит, сценарий задуман для обычного владельца услуги, а не только для программиста.

Gutenberg — это встроенный редактор блоков в WordPress: вы собираете страницу как конструктор из готовых кирпичиков (заголовок, кнопка, колонки), без отдельной программы-конструктора вроде Elementor. В релизе WordPress 6.8 «Cecil» (15 апреля 2025) команда ядра усилила удобство блоков и производительность редактора — для лендинга услуг этого достаточно, если не тащить лишние плагины.

На практике выигрывает не «лучший шаблон 2026», а подход: один оффер, одна цель, лёгкая block-тема вроде Twenty Twenty-Four. Тема вторична; сначала текст оффера, три выгоды, цена и контакт в мессенджер.

Выберите, когда лендинг на WordPress лучше Tilda и конструктора страниц

Боль: «Может, проще на Tilda?» Если WordPress уже оплачен на хостинге и вы планируете блог со статьями для SEO, отдельный билдер — ещё одна подписка и второй кабинет. Лендинг wordpress без конструктора выгоден, когда нужен один оффер под рекламу, заявка в Telegram или форма на том же домене, что и статьи для продвижения.

Ситуация Gutenberg на своём WP Отдельный конструктор / Tilda
Уже есть сайт на WordPress Новая страница за вечер, без Elementor Дубль домена или редиректы, лишние расходы
Один оффер и мессенджер Кнопка на https://t.me/… в блоке Buttons То же, но другая админка
Скорость на мобиле Меньше JS, если нет page builder Зависит от тарифа; тяжёлые виджеты часто тормозят
Долгая поддержка Разметка в контенте страницы, не в мета билдера Смена платформы = перенос с нуля

Вердикт: если WP уже стоит и вам нужна главная, которая ведёт к заявкам, плюс отдельная рекламная страница — не ставьте Elementor «на всякий случай». Соберите одностраничник блоками; конструктор оставьте на случай сложного многостраничного редизайна с командой.

Отделите лендинг от главной и задайте каркас секций

Типичная ошибка: дублировать главную или сделать лендинг единственной страницей с тремя H1 в разных блоках. Лендинг — отдельный URL под рекламу (например /manikyur-akcia), один H1 на странице, логичная лестница: оффер, выгоды, доверие, цены, заявка.

Запишите на бумаге до админки: заголовок оффера, три выгоды, один пакет цены, куда ведёт CTA. В админке: Страницы → Добавить → понятный slug латиницей. Шаблон «Страница» или «Без заголовка», если тема даёт — чтобы не дублировать огромный H1 темы.

Схема секций: Cover (герой + кнопка) → Group «Выгоды» → Group «Доверие» → Group «Цены» (#ceny) → Group «Заявка» (#zayavka) → короткий подвал со ссылками

Соберите лендинг в Gutenberg без Elementor: блоки по порядку

Светлый стол: секции лендинга WordPress блоками Cover и Group

Боль: «без Elementor ничего не собрать». На деле хватает core-блоков из официальной документации WordPress. Подробнее про набор блоков: блоки Gutenberg.

  1. Добавьте блок Cover (/cover): фон-фото до ~200 КБ или сплошной цвет, поверх H1 и подзаголовок, внутри блок Buttons со ссылкой на Telegram.
  2. Ниже — блок Group для выгод: внутри Columns (две-три колонки на десктопе, на мобиле одна) и маркированный список.
  3. Секция доверия: цитата, цифры («500+ клиентов»), фото работ — без слайдер-плагина; статичная картинка легче.
  4. Group «Цены»: таблица или три карточки-параграфа с пакетами; якорь ceny в настройках блока (Дополнительно → HTML-якорь).
  5. Group «Заявка»: кнопка в мессенджер или форма — гайд форма заявки без спама; якорь zayavka.
  6. Превью: иконка монитора/телефона в редакторе — всё читается в одну колонку.

В реальном проекте владелец услуг ставит Cover на полную ширину (align full в block-теме) — секция выглядит как лендинг из рекламы, а не как «пост в блоге». Паттерны (готовые секции) ищите в инсертере блоков — это быстрее, чем рисовать с нуля.

Настройте якорное меню: Цены и Заявка без плагина

Якорные ссылки на секции лендинга WordPress

Боль: ссылки «Цены» в шапке ведут в никуда. В Gutenberg у каждой Group в боковой панели: Дополнительно → HTML-якорь (латиница, без пробелов: uslugi, ceny, zayavka). В меню WordPress добавьте произвольные ссылки #ceny, #zayavka, #uslugi.

Если лендинг не главная, с других страниц якорь на заявку пишите как /#zayavka (слэш, решётка, имя), иначе прокрутка сработает только с главной. Часто ломается вот здесь: забывают опубликовать страницу и тестируют черновик по preview-ссылке — якоря в меню ведут на опубликованный URL.

*Instagram,Facebook (принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ)

Упростите шапку и не убейте скорость на мобиле

Меню блога, «О компании» и десять пунктов на рекламной странице отвлекают от одной кнопки. На форуме WordPress новички прячут header через шаблон страницы без шапки (block-тема: Внешний вид → Редактор → шаблон для этой страницы) или минимальный header только с логотипом.

Осторожно с display:none на весь header через произвольный CSS — иногда ломается вёрстка. Сначала штатный шаблон темы; CSS по page-id — только если инструкция темы это допускает. Тяжёлая «топовая» тема плюс Elementor на практике даёт задержку первого экрана; авторы сравнений тем отмечают разницу в весе страницы — это ориентир, не гарантия секунд.

  • Сделайте не больше 2-3 крупных фото на странице; сжимайте до WebP или JPEG ~200 КБ.
  • Не ставьте слайдеры, «оптимизаторы всего» и второй page builder «на пробу».
  • Минимум плагинов: форма или только мессенджер, при необходимости поля title/description (настроить title и description).

Проверьте SEO-минимум и чек-лист перед запуском рекламы

Чек-лист публикации лендинга WordPress перед рекламой

Один H1, уникальные title и description, canonical не дублирует главную. В подвале лендинга оставьте ссылки на услуги, контакты и политику конфиденциальности — так и человеку понятно, и поисковику, что сайт живой.

Как поймёте, что всё сработало (критерии успеха): опубликована отдельная страница с одним H1; секции оффер → выгоды → доверие → цена → контакт; кнопка Telegram или форма открывается с телефона; якоря #uslugi, #ceny, #zayavka работают; в админке нет Elementor и аналогов; на мобиле одна колонка, CTA виден без долгой прокрутки.

  1. Откройте страницу в инкогнито с телефона — нажмите CTA, дойдите до чата или отправьте тестовую заявку.
  2. Ctrl+U (или «исходный код») — ровно один H1.
  3. Проверьте favicon и что рекламная ссылка ведёт на slug лендинга, а не на черновик.
  4. Убедитесь, что нет битых якорей и лишнего меню из десяти пунктов.

Нужен лендинг под ключ на WordPress с заявками и статьями для продвижения — напишите через форму или Telegram: разберём структуру без лишних плагинов. Разбор услуг: создание сайтов и продвижение статьями.

Материал проверен: Андрей Дикий (создаёт сайты и продвигает их статьями (SEO/GEO)).
Достоверность данных: документация WordPress Block Editor, Cover, Group и Buttons (wordpress.org/documentation, accessed 2026-09-22); релиз WordPress 6.8 Cecil (wordpress.org/news/2025/04/cecil/); лендинг Gutenberg на make.wordpress.org/meta; якоря и одностраничник — start-luck.ru, storeland.ru; сравнение тем и билдеров — fixnull.ru, kalinkindev.ru; обсуждение скрытия шапки — wordpress.org/support; частотность запросов — Яндекс Вордстат (прогон 2026-09-22, MCP недоступен, LSI через поиск).

Частые вопросы

Можно ли сделать лендинг в WordPress без Elementor?

Да. Страницы → добавить → блоки Cover, Group, Columns, Buttons и List. Паттерны в инсертере заменяют готовые секции конструктора. Elementor не обязателен для одного оффера и кнопки в Telegram.

Чем обычная страница WordPress отличается от лендинга?

Лендинг заточен под одну цель: прочитал оффер — нажал CTA. Меньше навигации, одна цепочка секций, отдельный URL под рекламу. Обычная страница «Услуги» может жить годами в меню сайта; лендинг чаще под акцию или трафик из VK.

Нужен ли отдельный шаблон для лендинга?

Желательно, если тема показывает большое меню и заголовок записи. Ищите шаблон «Blank», «No title» или настройте шаблон страницы в block-теме без лишнего header. Это не PHP-код, а выбор в редакторе сайта.

Как убрать меню на лендинге WordPress?

В block-теме — шаблон страницы без template part header или с минимальной шапкой. В классической — опция темы «отключить элементы на странице» или осторожный CSS по классу page-id. Не прячьте весь сайт — только одну рекламную страницу.

Сколько плагинов достаточно для лендинга услуг?

Часто хватает нуля-двух: форма заявки (или только ссылка на мессенджер) и при необходимости SEO-поля для title/description. Не ставьте слайдеры, дублирующие билдеры и «ускорители», которые сами тянут скрипты.

Как сделать лендинг на wordpress своими руками бесплатно?

Используйте бесплатную block-тему Twenty Twenty-Four, бесплатные блоки ядра и кнопку в Telegram вместо платной CRM на старте. Платить имеет смысл за хостинг и качественные фото, а не за конструктор страниц, если задача одна.

Подойдёт ли landing page wordpress gutenberg для рекламы в VK?

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

*Instagram,Facebook (принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ)
Новый маркетинг с искусственным интеллектом
Добавить комментарий