Найти в Дзене

Калькулятор на Тильде - очень простое и эффективное решение для тех, кто не создает сайты на коде

Один инструмент конструктора Тильда, который откроет для вас больше возможностей. А на его изучение потребуется 15 минут и еще столько же, чтобы протестировать. Речь пойдет о калькуляторе. Его можно собрать в любом из блоков с формой обратной формы и с любыми данными. Логика простая и удобная. Пример калькулятора, реализованного на странице расчета стоимости ковриков из экокожи на весь модельный ряд автомобилей BMW:

Для выбора доступны модельный ряд, расположение руля, тип кузова, цвет ковриков, цвет ворса. Если освоить логику заполнения блоков, такой калькулятор собирается быстрее, чем за 5 минут.
Для выбора доступны модельный ряд, расположение руля, тип кузова, цвет ковриков, цвет ворса. Если освоить логику заполнения блоков, такой калькулятор собирается быстрее, чем за 5 минут.

Такой калькулятор реализован и на основной странице для всех марок автомобилей, и на странице каждой марки автомобилей! Все сделано самостоятельно и накопировано за минуты! Я до сих пор под впечатлением от такого открытия. В то же время работа разработчиков веб-сайтов на системах управления по типу всемирно известного WordPress, или того же Modx занимает столько же по времени, если это профессионал. Вопрос к цене такой работы. И все же стоит признать, Tilda открывает возможности для тех участников рынка, кто далек от разработки сайтов изначально. Выбор остается за каждым.

Как я к этому пришел?

Ко мне обратился клиент, который полон решимости наладить стабильный трафик заказов на пошив ковриков для автомобилей на заказ. Сайт к тому времени уже был, создан он был на платформе CS-Cart. Для тех, кто не в теме, ее чаще всего используют для создания маркетплейсов и интернет-магазинов с большим количеством товаров. Выглядел он на тот момент так:

-2

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

Когда я приступил к проекту, уже уверенно работал с конструктором. Благодаря разработке этого сайта мне было необходимо освоить, как реализовать расчет стоимости в калькуляторе. И это был один из тех лайфхаков, который просто прокачал для меня возможности всех других проектов) Просто делюсь своим опытом и надеюсь, что он кому-то пригодится.

Какой блок Тильды выбрать для разработки калькулятора?

Подойдет любой блок с формой для отправки заявки BF204N, BF310N, BF311N, BF402N, BF403N и Popup блок BF502N. Все что нужно, задать название имени переменной для каждого поля, которое будет участвовать в формировании стоимости, как в примере:

-3

и в выпадающем списке указать стоимость каждого варианта через знак «=». В итоге вы получаете простейшую формулу, которую можно собрать с этими именами переменной. Например, если бы моя цена формировалась от суммы стоимости выбранной позиции в поле с именем переменной body (тип кузова) и поля vors (с ворсом или без), то формула выглядела бы просто body+vors, скрин для примера:

-4

Калькулятор готов. Можно применять выбор текстовых значений, либо указать выбор варианта среди изображений, зависит от ваших исходных данных для расчета. А с детальной настройкой поможет справочная информация в TILDA HELP CENTER