WordPress · блок «Пользовательский HTML» · без плагина
Интерактивная карта участков для сайта на WordPress
Участки вы ведёте в кабинете КАПЭ: генплан с контурами, статусами и ценами собирается там же, где меняется бронь. На сайт эта карта попадает одним тегом — вставляется блоком «Пользовательский HTML» в редакторе блоков или виджетом «Произвольный HTML» в классической теме, плагин ставить не нужно. Покупатель видит статусы участков, пользуется фильтром по цене и площади, открывает карточку лота и оставляет заявку.
Что видит покупатель на карте участков внутри вашего сайта WordPress
Карта — рабочий инструмент, а не картинка
В рамке настоящий генплан с контурами участков: цвет говорит о статусе — свободен, в брони, продан. Нажатие на контур открывает карточку с номером, площадью, ценой и расстояниями до объектов посёлка. Список участков на широком экране стоит колонкой рядом с картой, на телефоне превращается в шторку снизу.
Фильтр по цене, площади и статусу
Шесть полей: цена, площадь, статус, подряд, очередь и наличие дома. Покупатель сам отсекает то, что ему не по деньгам, и не звонит спросить «а подешевле есть?».
Заявка из карточки участка
Имя, контакт, сообщение и согласие на обработку данных. Заявка уходит в кабинет менеджеру с уведомлением в его личный Telegram, а если подключена amoCRM или Битрикс24 — туда же письмом.
Своя высота на любом экране
Настройки высоты нет: рамка сама считает её и сообщает странице WordPress. На телефоне широкий план не превращается в узкую полоску — карта становится выше расчётной.
От генплана в кабинете до карты на сайте — три шага
Генплан с размеченными участками в редакторе кабинета КАПЭ. 1Собрали карту в кабинете КАПЭ
Генплан посёлка — обычная картинка, по которой в кабинете обведены участки: у каждого контура номер, площадь, цена и статус. Это и есть та шахматка участков, которую увидит покупатель на сайте.
Готовый код виджета и предпросмотр рамки в настройках кабинета. 2Скопировали код виджета
Код — тег script с адресом widget.kape.pro/widget.js и слагом вашей организации в data-account. Кабинет отдаёт готовый тег и показывает предпросмотр рамки рядом с ним.
Карта, встроенная блоком «Пользовательский HTML» на опубликованной странице WordPress. 3Вставили код блоком «Пользовательский HTML» и обновили страницу
Плагин ставить не нужно: в редакторе блоков это блок «Пользовательский HTML» (Custom HTML), в классической теме — виджет «Произвольный HTML» в разделе «Внешний вид → Виджеты». Тег вставляется целиком, страница обновляется — и карта встаёт в поток своей высотой.
Как встраивается
Карта в потоке страницы или кнопка на весь экран
Способ живёт в самом теге: смена способа — это новая вставка блока в WordPress, а не правка в кабинете.
Карта внутри страницы
<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>Подбор по вопросам вместо фильтра
Рядом с картой у виджета есть подбор по вопросам (квиз) — второе лицо фильтра. Покупатель нажимает «Фильтр» и вместо ползунков отвечает на вопросы по одному: бюджет, расположение, площадь, цель покупки, срок. В конце — телефон и сводка, сколько участков подходит; сами номера и цены увидит только менеджер. Подбор включается настройкой виджета и работает одинаково что на сайте посёлка, что на вашей странице WordPress; ссылка из рекламы с параметром mode=quiz открывает вопросы сразу, минуя карту.
Что спрашивают про карту участков на WordPress
Не нашли своего — напишите на support@kape.pro, ответим в рабочий день.
Карта на сайт — часть любой ступени подписки, от 5 900 ₽ за посёлок до 25 участков
Карта на сайт входит в подписку любой ступени. Отдельной надстройкой идёт только свой домен и оформление без подписи «Сделано в КАПЭ» — 4 900 ₽ в месяц, для самого встраивания она не обязательна.
Посмотрите на свой посёлок в КАПЭ сегодня
Заведите посёлок, загрузите картинку генплана и прайс — и разметьте участки в редакторе. Вечер работы, и шахматка стоит на сайте.
Не хотите присылать ссылку — откройте демо-кабинет
Копия посёлка «Сосновый бор» с участками, заявками, сайтом и предложением покупателю. Без регистрации, ничего не нужно заполнять. Копия удалится, когда вы закроете вкладку.