Задача
Одностраничник для сервиса аренды авто, собранный мышкой в Elementor Free. Динамика — только на бесплатных плагинах, без единой строки кода в теме.
Как делал
Движок — Elementor Free с Unlimited Elements: в стоковом нет хедера-билдера и половины нужных блоков. Формы — Contact Form 7, и мост Message Bridge, который отправляет заявки прямо в Telegram через Bot API, без своего прокси и без серверной возни.
| Плагин | Зачем |
|---|---|
| Elementor Free | Drag & drop, адаптив, анимации при скролле |
| Unlimited Elements | библиотека виджетов, хедер/футер-билдер |
| Contact Form 7 | формы без лицензий |
| Message Bridge | мост CF7 → Telegram Bot API |
| QuickWebP | JPG/PNG → WebP локально, чистка имён и метаданных |
QuickWebP тут не косметика: на лендинге с фотографиями машин JPEG весит в разы больше, и перегонка в WebP на стороне сервера убирает половину веса страницы без перезаливки исходников.
Блоки собирались из того, что есть в Free. Hero — две колонки, справа Image и два бокса через Absolute Position; промо-карточки «7 ₽» и «START1» — обычные контейнеры с классами через Advanced → Custom CSS. Таймер с подписью — HTML-виджет с <marquee>, потому что Loop Grid в Free не существует, и автопарк пришлось собирать четырьмя Image Box в секции с display: flex.
«Хит» на тарифе сделан через Custom Class: белый фон и жёлтая полоса сверху вместо правки каждой карточки отдельно. Номера шагов «01»–«03» — обычный Heading с text-stroke.
Reveal-анимации — штатные Advanced → Motion Effects, они наезжают на секции при скролле.
Одна модалка на весь сайт: Testimonial в Elementor Free нельзя класть в цикл, поэтому три отзыва — это три отдельных виджета, а не карусель.
Итог
Готовый лендинг на бесплатном стеке, ноль платных дополнений. Плата за сборку мышкой — в весе: Elementor тянет свой CSS и JS, и это не вырезается без оптимизаторов. Для страницы с коротким сроком жизни это нормальный размен.
