Шахматка на вашем сайте — одной строкой кода
Каталог квартир с фильтрами, планировками и заявками прямо на странице вашего ЖК. Без плагинов, без разработчика и без выгрузок: виджет берёт данные из той же шахматки, что и фиды.
Работает на Tilda, WordPress, Битрикс, Webflow и самописных сайтах
Так это выглядит на сайте
Демонстрационный ЖК, данные ненастоящие
Как это работает
4 шага до шахматки на сайте
Выберите ЖК
В разделе «Публикация» создайте виджет и отметьте, какие комплексы он показывает.
Возьмите пресет
Пять готовых наборов: сетка, планировки, компактный список, премиум-карточки, план этажа.
Скопируйте код
Панель выдаёт готовую строку с вашим ключом и список доменов, где виджет разрешён.
Вставьте на сайт
Одна строка в нужное место страницы. Высота подстраивается сама, вёрстка сайта не меняется.
Преимущества
Почему виджет, а не выгрузка в таблицу
Цены всегда сегодняшние
Виджет спрашивает версию шахматки — несколько сотен байт — и забирает только изменившиеся квартиры. Правка в панели видна на сайте сразу.
Три режима в одной сборке
Шахматка по этажам, сетка планировок и план этажа. Посетитель переключается сам, вы выбираете, с какого режима открыть.
Не тормозит страницу
Загрузчик 2,5 КБ, вся начинка — около 21 КБ в сжатом виде. Загрузка асинхронная, данные отдаются с кэшем и перепроверяются по ETag.
Сразу под телефон
Плотность подбирается по ширине контейнера, а не окна: в узкой колонке виджет сам переходит к списку карточек.
Заявка — в CRM
Форма в карточке квартиры создаёт клиента с интересом к конкретному лоту, меткой рекламы и страницей, где её заполнили.
Ключ привязан к домену
Список доменов задаёте вы. Виджет с вашим ключом на чужом сайте просто не получит данные.
Как это устроено
Виджет — это iframe и небольшой загрузчик. Загрузчик вставляет рамку, передаёт ей ключ канала и настройки из тега, а дальше следит за высотой содержимого: когда посетитель открывает карточку квартиры или меняет фильтр, рамка растёт и сжимается вместе с содержимым. Стили сайта и стили виджета не пересекаются, поэтому «поехавшей» вёрстки не бывает.
Данные виджет берёт из публичного API. Сначала он спрашивает версию шахматки — короткий ответ с хэшем и счётчиками, — а снимок квартир запрашивает, только если версия изменилась. Если изменилось немного, приходит дельта: несколько квартир вместо всего каталога. За счёт этого виджет остаётся быстрым и на ЖК в тысячу квартир.
Оформление настраивается в панели: акцентный цвет, скругления, светлая или тёмная тема, набор фильтров, что писать в карточке. Пресеты — это просто стартовые наборы настроек, любой из них можно донастроить под свой сайт.
Что умеет виджет
- Фильтры: комнатность, корпус, этаж, площадь, цена, отделка
- Карточка квартиры с планировкой и видом из окна
- Ипотечный платёж по вашим условиям
- Форма заявки с согласием на обработку данных
- Скрытие проданных квартир
- Светлая и тёмная тема, свой акцентный цвет
- Ограничение по доменам и защита от ботов
- Статистика показов и заявок за 30 дней
Вставка
Одна строка в HTML
<script src="https://domxml.ru/w/v1.js"
data-key="dxp_ваш_ключ" async></script>Скрипт ставит на страницу iframe и сам подгоняет его высоту под содержимое, поэтому виджет не ломает вёрстку и не конфликтует со стилями сайта. Поведение можно задать прямо в теге: data-mode="plans" — открыть на планировках, data-density="compact" — зафиксировать плотность, data-complex="123" — показать один ЖК из нескольких.
Ключ канала виден в исходном коде страницы и секретом не является: доступ ограничивает список доменов, на которых виджету разрешено работать. С чужого сайта тот же ключ вернёт отказ.
FAQ
Частые вопросы
Подойдёт ли для Tilda или WordPress?
Да. Нужен блок, куда можно вставить HTML: в Tilda это T123 «HTML-код», в WordPress — блок «Произвольный HTML», в Битриксе — включаемая область. Плагины и доступы к коду сайта не нужны.
Виджет замедлит сайт?
Загрузчик весит около 21 КБ в сжатом виде и грузится асинхронно, то есть не задерживает отрисовку страницы. Данные отдаются с кэшем и проверяются по ETag: при неизменной шахматке ответ занимает сотни байт.
Как виджет выглядит на телефоне?
Плотность подбирается по ширине контейнера: в широкой колонке — таблица по этажам, в узкой — карточки списком. Отдельную мобильную версию делать не нужно.
Как часто обновляются цены?
Посетитель всегда видит актуальные данные: виджет проверяет версию шахматки при открытии страницы и подтягивает изменения. Правка цены или статуса в панели попадает на сайт без выгрузок и без участия разработчика.
Ключ виден в коде страницы — это безопасно?
Да, ключ канала публичный по смыслу: он открывает ровно те данные, которые вы сами опубликовали. Использовать его на чужом сайте нельзя — работает список доменов, а частота запросов ограничена.
Поставьте шахматку на свой сайт
Создайте канал, скопируйте строку кода и вставьте на страницу ЖК — это бесплатно
Начать бесплатно