Интерактивный план на Тильде, Битриксе и WordPress: одна строка кода на любой сайт

Интерактивный план на Тильде: почему платформа сайта не важна

Интерактивный план на Тильде работает так же, как на Битриксе, WordPress или самописном сайте, потому что сайт в этой схеме только показывает виджет. Вся витрина: генплан, фасады, этажи, карточки лотов, каталог и форма заявки, загружается из сервиса по одной строке кода. Платформа отвечает за страницу вокруг виджета: меню, тексты, шапку и подвал. Что внутри виджета, она не знает и знать не должна.

Вопрос «а у нас сайт на Тильде, подойдёт?» обычно первый, который задаёт маркетолог застройщика. На странице карты КРТ сервис отвечает на него прямо: виджет вставляется одной строкой кода и работает на любом движке, «подходит для Тильды, Битрикса, ВордПресса и самописных сайтов». Для планов ЖК и генпланов посёлков схема та же: установка виджета одной строкой кода стоит первым пунктом в составе сборки под ключ.

Платформа сайта влияет на выбор только в одном случае: когда вы решаете, брать готовый виджет или писать витрину под себя. Своя разработка встраивается в сайт глубже, зато живёт на вашем сервере и требует команды на поддержке. Чем отличаются эти два пути и что в них забывают посчитать, разобрано в статье готовый виджет или своя разработка. Если выбран готовый виджет, движок сайта дальше не обсуждается.

Одна строка кода: как виджет попадает на страницу

Строка кода вставляется в HTML-блок нужной страницы или в шаблон сайта, и на этом месте загружается виджет. Делает это сервис в составе сборки под ключ: установка виджета на сайт - первая из девяти работ сборки. От застройщика нужен доступ к сайту или контакт человека, который вставит строку сам. Пошаговые подробности для вашей платформы пришлёт поддержка при запуске.

Сама строка показывает виджет, но без сборки он пустой: в нём нет лотов, полигонов, карты и текстов. Чтобы посетитель кликнул по окну на фасаде и увидел квартиру с ценой, каждую квартиру нужно завести в базу из шахматки, привязать к полигону на плане этажа и к окну на фасаде, а каждый корпус обвести на генплане. Эта разметка и наполнение и составляют объём сборки, а вставка кода - её короткая финальная часть. Полный список из девяти работ, сроки по размеру проекта и чеклист приёмки собраны в статье про сборку под ключ.

После вставки виджет проверяют с телефона и с компьютера по трём пунктам: он загружается, не ломает вёрстку и не перекрывает меню сайта. Эта проверка входит в приёмку сборки. Если на вашей платформе виджет лёг на страницу криво, это правят на стороне сервиса в рамках 30 дней бесплатных правок после сдачи.

Тильда, Битрикс, WordPress и самописный сайт: в чём разница

Разница только в том, где на вашей платформе лежит место для HTML-кода и кто имеет к нему доступ. Место для вставки кода на странице или в шаблоне есть у каждой из четырёх платформ, а как оно называется и где искать, зависит от версии и шаблона сайта. Поэтому точную инструкцию под ваш сайт присылает поддержка при запуске, а сам виджет во всех случаях один и тот же.

Удобнее смотреть на задачу через разделение обязанностей. Сайт делает одно, сервис - другое, и граница проходит по той самой строке кода.

Из таблицы видно, что на стороне сайта остаётся только первая строка. Интерактивный план на Тильде и интерактивный план на самописном сайте различаются оформлением страницы вокруг, и ничем больше. У готового виджета за обновления и совместимость с браузерами отвечает поставщик, и это не зависит от того, на чём собран сайт.

Где живут данные: сервис хранит, сайт показывает

Лоты, цены, статусы, полигоны, тексты «О проекте» и заявки хранятся в сервисе, а не на сайте застройщика. Строка кода на странице только подключает виджет и показывает то, что есть в админке. Поэтому, когда менеджер меняет статус квартиры или цену, правка видна на сайте сразу, без разработчика и без повторной вставки кода. Это и есть главное отличие виджета от картинки генплана, загруженной на страницу.

Заявки устроены так же. Форма находится внутри виджета, в карточке конкретного лота, и заявка уходит из сервиса в Битрикс24 или amoCRM либо на почту отдела продаж. У карты КРТ к этому списку добавляется Телеграм, и заявка приходит с привязкой к участку и рекламной кампании. Сайт в передаче заявки не участвует, и настройка форм на Тильде или в WordPress для этого не нужна.

Из той же логики следует ответ на вопрос про переезд сайта. Если застройщик меняет платформу, витрину не собирают заново: лоты, разметка и тексты остаются в сервисе, а на новом сайте нужна та же строка кода. Исключение одно: коробочная версия. В ней план установлен на сервере застройщика или в частном облаке и работает на поддомене вида plans.ваш-застройщик.ru. Сервис описывает её как решение для крупных проектов и госструктур, условия обсуждаются по запросу.

Если сайта нет: страница-презентация по прямой ссылке

Для карты территории КРТ у сервиса есть отдельная страница-презентация по прямой ссылке: она входит в тариф и работает без сайта. Ссылку можно отправить инвестору до того, как сайт территории готов, а позже встроить ту же карту на сайт одной строкой кода. У проектов ЖК похожую роль играет промо-страница проекта под рекламу с планировками, документами и формой заявки.

Сценарий для КРТ выглядит так: территорию размечают по рендерам или аэрофото, владелец получает ссылку на страницу-презентацию и показывает её на встречах, пока сайт в работе. Когда сайт готов, карта встраивается на него строкой кода, и данные при этом те же, что уже видели инвесторы по ссылке. Заявки с обеих версий уходят по одному маршруту.

Для ЖК промо-страница собирает планировки, статусы лотов, документы и форму заявки, и под неё ведут рекламный трафик. Как собрать такую страницу и что на ней обязательно, разобрано в статье про промо-страницу проекта под рекламу. Чем она отличается от основной страницы с интерактивным планом на Тильде или другом движке: промо-страница живёт на стороне сервиса, а виджет на сайте застройщика встроен в его страницу.

Что подготовить к встраиванию

К встраиванию нужны три вещи: доступ к сайту или контакт человека, который вставит строку, выбранная страница, на которой должен стоять план, и готовая сборка, чтобы виджет показывал лоты с первого дня. Всё остальное: импорт шахматки, разметку полигонов, тексты, карту района и подключение заявок, сервис делает по присланным материалам, и к моменту вставки кода это уже готово.

1. Доступ или контакт. Доступ к сайту с правом редактировать страницу или шаблон либо контакт сотрудника или подрядчика, который вставит строку сам. Второй вариант подходит, когда сайт на поддержке у студии и доступы наружу не выдают.
2. Страница для плана. Решите заранее, где план должен стоять: на странице жилого комплекса, на главной или на отдельной странице под рекламу. Это ваш выбор, сервис вставит код туда, куда укажете.
3. Материалы сборки. Шахматка в таблице, планы этажей, рендеры фасадов и генплана, тексты и фото для «О проекте», список точек инфраструктуры для Яндекс Карты, доступ к Битрикс24 или адрес почты для заявок. Без них строка кода покажет пустой виджет.
4. Проверка после вставки. Откройте страницу с телефона и с компьютера: виджет загружается, вёрстка на месте, меню не перекрыто. Оставьте тестовую заявку с карточки лота и найдите её в CRM или в почте.
5. Обучение. В сборку входят видео-инструкция и час обучения работе в админке. После этого статусы, цены, акции и тексты ведёт ваш сотрудник, и к строке кода на сайте возвращаться не нужно.

Интерактивный план на Тильде после этих пяти пунктов ничем не отличается от плана на любом другом сайте: платформа сделала свою часть один раз, дальше вся работа идёт в админке сервиса. Условия сборки и подписки - на странице тарифов.