Tilda · блок «HTML-код» · заявка в CRM
Интерактивный генплан коттеджного посёлка на Tilda
Участки вы ведёте в кабинете КАПЭ: генплан с контурами, статусами и ценами собирается там же, где меняется бронь. На сайт эта карта попадает одним тегом — вставляется блоком «HTML-код» (T123) в Zero Block или на обычную страницу Tilda, без правки вёрстки и без программиста. Покупатель видит статусы участков, пользуется фильтром по цене и площади, открывает карточку лота и оставляет заявку.

Что видит покупатель на карте участков внутри вашей страницы Tilda

Карта — рабочий инструмент, а не картинка
В рамке настоящий генплан с контурами участков: цвет говорит о статусе — свободен, в брони, продан. Нажатие на контур открывает карточку с номером, площадью, ценой и расстояниями до объектов посёлка. Список участков на широком экране стоит колонкой рядом с картой, на телефоне превращается в шторку снизу.
Фильтр по цене, площади и статусу
Шесть полей: цена, площадь, статус, подряд, очередь и наличие дома. Покупатель сам отсекает то, что ему не по деньгам, и не звонит спросить «а подешевле есть?».
Заявка из карточки участка
Имя, контакт, сообщение и согласие на обработку данных. Заявка уходит в кабинет менеджеру с уведомлением в его личный Telegram, а если подключена amoCRM или Битрикс24 — туда же письмом.
Своя высота на любом экране
Настройки высоты нет: рамка сама считает её и сообщает странице Tilda. На телефоне широкий план не превращается в узкую полоску — карта становится выше расчётной.
От генплана в кабинете до карты на сайте — три шага

Генплан с размеченными участками в редакторе кабинета КАПЭ. 1Собрали карту в кабинете КАПЭ
Генплан посёлка — обычная картинка, по которой в кабинете обведены участки: у каждого контура номер, площадь, цена и статус. Это и есть та шахматка участков, которую увидит покупатель на сайте.

Готовый код виджета и предпросмотр рамки в настройках кабинета. 2Скопировали код виджета
Код — тег script с адресом widget.kape.pro/widget.js и слагом вашей организации в data-account. Кабинет отдаёт готовый тег и показывает предпросмотр рамки рядом с ним.

Карта, встроенная блоком «HTML-код» на опубликованной странице Tilda. 3Вставили код в блок «HTML-код» и опубликовали
В редакторе Tilda — на Zero Block или на обычной странице — добавляется блок T123 «HTML-код», в него вставляется тег целиком. После публикации карта встаёт в поток страницы своей высотой, программиста звать не пришлось.
Как встраивается
Карта в потоке страницы или кнопка на весь экран
Способ живёт в самом теге: смена способа — это новая вставка в блок Tilda, а не правка в кабинете.
Карта внутри страницы
<script async
src="https://widget.kape.pro/widget.js"
data-account="ваш-слаг"
data-height="720"></script>Кнопка на весь экран
<script async
src="https://widget.kape.pro/widget.js"
data-account="ваш-слаг"
data-embed="button"
data-label="Смотреть участки на карте"></script>Подбор по вопросам вместо фильтра
Рядом с картой у виджета есть подбор по вопросам (квиз) — второе лицо фильтра. Покупатель нажимает «Фильтр» и вместо ползунков отвечает на вопросы по одному: бюджет, расположение, площадь, цель покупки, срок. В конце — телефон и сводка, сколько участков подходит; сами номера и цены увидит только менеджер. Подбор включается настройкой виджета и работает одинаково что на сайте посёлка, что на вашей странице Tilda; ссылка из рекламы с параметром mode=quiz открывает вопросы сразу, минуя карту.
Что спрашивают про карту участков на Tilda
Не нашли своего — напишите на support@kape.pro, ответим в рабочий день.
Карта на сайт — часть любой ступени подписки, от 5 900 ₽ за посёлок до 25 участков
Карта на сайт входит в подписку любой ступени. Отдельной надстройкой идёт только свой домен и оформление без подписи «Сделано в КАПЭ» — 4 900 ₽ в месяц, для самого встраивания она не обязательна.
Посмотрите на свой посёлок в КАПЭ сегодня
Заведите посёлок, загрузите картинку генплана и прайс — и разметьте участки в редакторе. Вечер работы, и шахматка стоит на сайте.
Не хотите присылать ссылку — откройте демо-кабинет
Копия посёлка «Сосновый бор» с участками, заявками, сайтом и предложением покупателю. Без регистрации, ничего не нужно заполнять. Копия удалится, когда вы закроете вкладку.