Разработка конструктора лендингов
Конструктор лендингов — инструмент для создания одностраничных маркетинговых страниц без разработчика. Отличается от полноценного website builder меньшим объёмом и фокусом на конверсию: A/B тесты, интеграции с CRM, формы лидогенерации, встроенная аналитика.
Блоки лендинга
Типовой набор блоков:
- Hero — заголовок + подзаголовок + CTA-кнопка + фоновое изображение/видео
- Features — преимущества в сетке (2/3/4 колонки)
- Social Proof — отзывы клиентов, количество пользователей, логотипы
- Pricing — таблица тарифов с выделением рекомендованного
- FAQ — раскрывающиеся ответы
- Lead Form — форма захвата контактов
- Video Section — YouTube/Vimeo embed
- Timer — countdown до события или окончания акции
- Footer — контакты, ссылки, политика
Каждый блок настраивается через инспектор справа: тексты, цвета, отступы, изображения.
A/B тестирование
Ключевое преимущество dedicated landing builder. Пользователь создаёт вариант B — изменяет заголовок, кнопку, или целый блок. Трафик делится 50/50. Победитель определяется по коэффициенту конверсии (CR).
Реализация:
- При каждом посещении — присвоение cookie
variant=A|B - Событие конверсии (сабмит формы) — фиксируется с привязкой к варианту
- Статистическая значимость: chi-squared тест или Z-test для пропорций
from scipy import stats
# Вариант A: 1000 посетителей, 50 конверсий
# Вариант B: 1000 посетителей, 70 конверсий
chi2, p_value = stats.chi2_contingency([[950, 50], [930, 70]])[:2]
if p_value < 0.05:
print(f"Вариант B победил (p={p_value:.4f})")
Интеграции с CRM и Email-сервисами
Форма лендинга должна передавать лиды в CRM или email-сервис без кода. Стандартные интеграции:
- AmoCRM / Bitrix24 — API создания сделки/лида
- HubSpot — Forms API
- Mailchimp / SendGrid — подписка на список рассылки
- Webhook — универсальная интеграция для нестандартных систем
- Google Sheets — через Google Sheets API (популярно у малого бизнеса)
UTM-параметры и аналитика
Конструктор автоматически передаёт UTM-параметры из URL в CRM при сабмите формы. Встроенная аналитика: просмотры, уникальные посетители, конверсии, heat map кликов, scroll depth.
Скорость загрузки
Лендинг должен загружаться быстро (Core Web Vitals):
- LCP < 2.5s — изображения сжаты, preloaded
- CLS < 0.1 — явные размеры блоков
- FID/INP < 100ms — минимальный JavaScript
Генерация: статический HTML без клиентского фреймворка или Next.js SSG. Изображения — WebP с lazy loading. Шрифты — preconnect + font-display: swap.
Кастомный домен и HTTPS
Пользователь подключает свой домен через CNAME-запись. SSL-сертификат — автоматически через Let's Encrypt API.
Сроки
MVP (10–15 блоков, редактор, публикация, базовые формы, интеграция с одним CRM): 6–10 недель. Полноценный конструктор с A/B тестами, heat maps, множеством интеграций, мобильным редактором: 3–5 месяцев.