Интерактивные компоненты для сайта: калькулятор, план объекта, календарь брони
Сайт уже есть, а на главный вопрос посетителя — сколько это стоит, свободно ли, есть ли нужный объект — по-прежнему отвечает менеджер по телефону. Компонент берёт этот разговор на себя.
Что это за формат
Компонент — это не сайт и не переделка сайта. Это один блок, который встраивается в уже работающую страницу и закрывает одну конкретную дыру: посетитель не может узнать цену, не может найти нужный объект, не может понять, свободна ли дата.
Формат появился из простого наблюдения: сайты у компаний обычно есть, а отвечают они на всё, кроме того, ради чего на них пришли. Переделывать такой сайт целиком — дорого и чаще всего не нужно. Добавить недостающий блок — быстро и заметно.
Три готовых направления
Расчёт стоимости. Посетитель вводит параметры и сразу видит смету по строкам, доли в сумме и цену за единицу. Ставки настраиваются под ваши расценки, и их можно оставить редактируемыми — доверие к инструменту, в котором можно подставить свои числа, выше, чем к любому рекламному диапазону.
Интерактивный план объекта. Участки, боксы, помещения, места — со статусами, поиском по номеру, фильтром и карточкой из реестра. Нужен везде, где объект состоит из множества однотипных единиц, а сайт показывает вместо этого картинку генплана.
Календарь занятости и брони. Занятые даты закрыты, диапазон выбирается мышью, стоимость проживания с допуслугами считается сразу. Заявка приходит с датами и суммой, а не с вопросом «а на выходные свободно?».
Список не закрытый: по той же схеме делается подбор по параметрам, конфигуратор комплектации, форма расчёта доставки, поиск по прайсу.
Как это делается
Сначала короткий разговор о том, какой именно вопрос посетителя сейчас уходит к менеджеру. Дальше — модель: из чего складывается расчёт или как устроен ваш реестр. Потом вёрстка в стиле вашего сайта и встраивание.
Отдельный пункт — откуда берутся данные. Это решается до вёрстки, потому что от ответа зависит всё остальное: одно дело обновлять цены раз в квартал, другое — статусы объектов каждый день.
Что остаётся у вас
Исходники, доступы и инструкция. Компонент работает без меня и без ежемесячных платежей за чужой сервис: это ваш код на вашей странице, а не виджет в аренду.
Да. Компонент — это самостоятельный блок, который не зависит от вашей CMS: он вставляется в страницу как есть и не требует переделки сайта. Работает и там, где доступ к коду ограничен одним блоком HTML.
Из того места, где вы уже ведёте учёт. Вариантов четыре, и выбираются они не по цене, а по тому, как часто данные меняются: таблица с пересборкой сайта, облачный лист, бесплатный облачный бэкенд с админкой или ваша учётная система. Второе место учёта заводить не нужно — расхождения появятся в первый же месяц.
Калькулятор считает прямо в браузере — сервер не нужен вообще. Плану и календарю нужен источник данных, и для нескольких сотен позиций бесплатных лимитов Yandex Cloud или Supabase хватает с запасом.
Уводит как раз обратное. Человек, которому не ответили, идёт считать к тому, кто ответил, — и сравнивает вас уже заочно. Расчёт на сайте оставляет сравнение у вас на странице и приводит клиента в разговор с числом, а не с вопросом «а сколько примерно».
Все три компонента живьём стоят на страницах кейсов — их можно потрогать прямо сейчас, это не скриншоты. Ссылки ниже.
Компонент сайта · расчёт стоимости
Калькулятор стоимости, который отвечает без обмена на телефон
Отвечает на главный вопрос — «сколько это стоит» — до разговора с менеджером и без требования оставить контакты.
Компонент сайта · интерактивный план
Интерактивный план объекта с поиском по реестру
Посетитель находит нужный участок сам — за десять секунд и без звонка менеджеру. Компонент встраивается в существующий сайт, включая чужой.
Компонент сайта · календарь брони
Календарь брони, который отвечает «свободно ли» без переписки
Гость видит занятость и итоговую сумму сам, а заявка приходит уже с датами — вместо вопроса «а на выходные свободно?».
Расскажите, что должен считать ваш блок
Напишите в Telegram: опишу, какой компонент закрывает вашу задачу, за сколько и что для этого нужно с вашей стороны.