Виджет · две раскладки · генплан со статусами · заявка из карточки
Интерактивный генплан на ваш сайт — одной строкой кода
Шахматка участков, которую ведёт ваш отдел продаж, встраивается на действующий сайт коттеджного посёлка как есть: статусы, цены, фильтр, заявка из карточки лота. Поменяли статус в кабинете — покупатель видит новый в пределах минуты. Программист не нужен: одна строка в любом конструкторе. Цвета, шрифты и стиль карты настраиваются под ваш сайт — она выглядит как часть страницы, а не чужая рамка.
Рамка виджета демо-посёлка «Сосновый бор» на странице сайта.
Попробуйте сами: нажмите на участок
Это настоящий виджет демо-посёлка. Переключайте стиль и цвет — карта перерисуется.
Стиль задаёт шрифты, форму и рисунок статусов, цвет — только цвета. Выбор меняет виджет ниже; у себя вы так же выбираете стиль и цвет, а потом правите любое значение отдельно.
Заявки с этой карты никуда не уходят.
Интерактивный генплан на вашем нынешнем сайте — сегодня, одной строкой
Не нужно переделывать сайт: вставьте строку кода, и покупатели выбирают участки на карте, а заявки падают в кабинет.
Виджет генплана у подрядчика — 30 000–120 000 ₽ в год (прайсы, 2026). В КАПЭ входит в каждую ступень.
Заявки с карты падают прямо в CRM
Покупатель выбрал участок, оставил номер — менеджер получил заявку с номером участка в Телеграм.
10 из 50 крупнейших застройщиков не ответили на заявку с сайта (Startum, тайный покупатель, 2023) — заявка в Телеграм не теряется в почте.
Статусы и цены обновляются сами
Виджет читает шахматку, верстальщик не нужен.
Конструктор сайта стоит 1 250–2 000 ₽ в месяц плюс часы верстальщика на каждую правку (прайсы, 2026).
Встраивание
Вставляется туда же, куда вставляют счётчик Метрики
Рамка живёт на нашем домене, на вашем сайте стоит только загрузчик — файл на два килобайта. Он сам подбирает высоту, передаёт метки источника и посетителя в ваш счётчик и больше ничего не делает.
<script async
src="https://widget.kape.pro/widget.js"
data-account="sosnovy-bor"
data-height="720">Карта внутри страницы
Одна строка — и всё. Работает на Tilda, WordPress, Битрикс, Webflow и на самописном сайте: это обычный тег, ему не нужны ни плагин, ни доступ к базе.
<script async
src="https://widget.kape.pro/widget.js"
data-account="sosnovy-bor"
data-embed="button"
data-button-text="Смотреть участки">Карта кнопкой во весь экран
Если на странице нет места под карту — добавьте атрибут встраивания и подпись кнопки. Карта раскроется поверх страницы во весь экран и закроется по «Esc». Тем же атрибутом data-widget выбирается, что именно встроено: карта участков, каталог домов или акции.
Пять обликов
Облик меняет раскладку и вид виджета. Набор действий у всех один и тот же — выберите тот, что ближе к вашему посёлку.
Классический
Карта, список участков и карточка — как у менеджера в кабинете. Подходит почти всем: привычный вид, в котором ничего не нужно объяснять.
Авторская
Рисуется в почерке выбранного оформления: огромный номер участка, параметры, кнопка, шапка и рисунок статусов набраны так же, как сайт и КП. У каждого оформления виджет выглядит по-своему.
Оформление
Под ваш сайт
Виджет не должен выглядеть чужой рамкой: он берёт цвета, шрифты и скругления вашего сайта.
Цвета, шрифты и скругления — из кабинета
Виджет красится тем же, чем красится сайт вашего посёлка: цвета, шрифты и скругление берутся из настроек. Готовые комплекты выше — примеры; оформить виджет можно в любые цвета и шрифты. На сдержанном сайте карта сдержанная, на ярком — в его цветах. Поменяли настройки — строка кода та же.
<script async
src="https://widget.kape.pro/widget.js"
data-account="sosnovy-bor"
data-style="technique"
data-scheme="graph">Стиль и цвет — прямо в строке кода
Стиль и цвет можно задать атрибутами тега: data-style и data-scheme. Так удобно примерить вид или поставить на два сайта разное оформление. Что не указано, берётся из настроек кабинета; неизвестное значение просто игнорируется.
Если ни один облик не подошёл
Уникальный виджет под ваш сайт
Пять раскладок и своё оформление закрывают большинство сайтов. Если ваш дизайн требует другого — сделаем виджет под него отдельной работой по договору. Что именно получится и на каких условиях, обсуждаем после знакомства с вашим сайтом.
ОбсудитьНа телефоне
Большинство покупателей придёт со смартфона, поэтому узкая рамка — не уменьшенная копия широкой.
Своя раскладка для узкого экрана
На узкой рамке виджет собирается по-своему, а не ужимается из широкой версии: карта на весь экран, кнопки не меньше 44 пикселей, чтобы попасть пальцем.
Шторка со списком
Список участков лежит шторкой снизу: свёрнутая, она карту не закрывает, потянули вверх — открылся список, ещё выше — во весь экран. Тянется пальцем, как шторка в телефонных картах.
Статусы видно и без цвета
Цвет — не единственный способ сказать, свободен ли участок.
Контур, пунктир, штриховка
Свободный участок обведён сплошной линией, бронь — пунктиром, проданный затянут штриховкой. Так карту одинаково читает любой посетитель, в том числе тот, кто плохо различает цвета.
Включается настройкой
У авторских стилей рисунок статусов свой: у одного бронь точками, у другого косой штриховкой. У «Северного» участки по умолчанию закрашены цветом статуса, а рисунок включается настройкой «Рисовка статусов» в кабинете.
Что видит покупатель
Всё это — внутри одной рамки, без перехода на другие страницы.
- Участок
- Номер, площадь, цена (или «по запросу», если вы так решили), статус на карте.
- Дом и подряд
- Дом, который стоит на участке или предлагается к нему, и условия подряда: обязательный, по желанию или без него.
- Что рядом
- Расстояния по прямой до объектов, которые вы отметили у посёлка; нажали на значок объекта на карте — открылась карточка объекта.
- Фильтры и квиз
- Цена, площадь, статус, подряд, очередь и «есть ли дом». Если включён квиз, он спрашивает бюджет и пожелания и просит телефон; участков сам не называет.
- Избранное и сравнение
- Отметки живут в браузере покупателя. Участки можно сравнить рядом и отправить вам подборку ссылкой.
- Заявка и звонок
- Заявка из карточки — имя, контакт, согласие; уходит менеджеру в кабинет и в Telegram. Рядом кнопка «позвонить» с вашим номером.
Встроить можно не только участки
Атрибут data-widget выбирает, что покажет рамка. Все три вставки привязаны к аккаунту, а не к очереди, поэтому работают на любой странице вашего сайта и не требуют настройки под каждую территорию.
Рамка с генпланом, списком участков и фильтром.
Карта участков
Значение по умолчанию. Генплан, список, фильтр, карточка, заявка. Очередь покупатель выбирает сам.
Рамка с каталогом домов: карточки проектов с площадью, комнатами и ценой.
Каталог домов
Карточки типовых проектов: фотография, название, площадь, спальни, этажи, цена проекта. Отсюда покупатель уходит на страницу дома.
Рамка с плашками акций.
Акции
Плашки: название, скидка, срок. Без карты и без фильтра — их задача не листаться, а попасться на глаза.
Пустая вставка не пропадает со страницы, а честно показывает, что предложений нет: схлопнувшегося отступа на вашем сайте не будет.
- 2 КБ
- загрузчик, который стоит на вашем сайте
- 295 КБ
- первая загрузка самой рамки с генпланом
Загрузчик не тянет за собой ни библиотеку, ни шрифт, ни второй счётчик. Генплан сжат, а сама рамка начинает грузиться, когда посетитель долистал до неё, — поэтому скорость вашего сайта в Вебмастере не меняется. Облик подгружается отдельно: чужие пять не едут к посетителю, приходит только выбранный. Свой счётчик мы не ставим: виджет вызывает тот, что уже стоит у вас, и отдаёт в него восемь событий — открыл карту, открыл участок, воспользовался фильтром, нажал «позвонить», отправил заявку и так далее. Цели настраиваются в вашей Метрике, данные остаются у вас.
Что спрашивают про виджет
Не нашли своего — напишите на support@kape.pro, ответим в рабочий день.
Карта на сайт и реестр участков — бесплатно навсегда. Всё остальное — от 5 900 ₽ в месяц
Посмотрите на свой посёлок в КАПЭ сегодня
Заведите посёлок, загрузите картинку генплана и прайс — и разметьте участки в редакторе. Вечер работы, и шахматка стоит на сайте.
Не хотите присылать ссылку — откройте демо-кабинет
Копия посёлка «Сосновый бор» с участками, заявками, сайтом и предложением покупателю. Без регистрации, ничего не нужно заполнять. Копия удалится, когда вы закроете вкладку.