Лендинг на Тильде для компании по монтажу отопления - сборка, мобильная версия, метрика

Задача звучала просто - лендинг на полтора-два экрана, компьютер и телефон, на Тильде. Главное требование лежало не в вёрстке. Заказчик хотел править все блоки сам и попросил показать, как это делается. От этого зависела вся сборка, потому что на штатных блоках правка в два клика, а в Zero Block руками и с риском сдвинуть сетку. Ещё нужна была метрика с проверкой целей.

Дизайна как файла не было, был общий макет и его действующий сайт, откуда он разрешил взять кейсы и фотографии с объектов. Отдельно сказал «нужно всё новое», поэтому завёл отдельный проект и четыре его живых сайта не трогал. Кейсы с объектов, фотографии и тексты забирал с его же сайта, потому что своих материалов он не дал.

Собрал страницу на штатных блоках, Zero Block оставил ровно там, где иначе не выходит. Таких мест два - первый экран с шапкой, заголовком, двумя карточками-офферами и карточкой инженера поверх фотографии, и узкая плашка с призывом посмотреть объекты. Остальное это полоса преимуществ с иконками, кейсы с попапом-галереей, лента фотографий с объектов, контакты, подвал и два попапа заявки.

Первый экран собирается скриптом, тридцать семь элементов. Правка макета это правка скрипта и повторная заливка, руками в редакторе ничего не двигаю. Логотип и семь иконок нарисовал в SVG, палитру взял из макета.

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

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

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