Как создать калькулятор для сайта

Нет, я из «олдскул», мне калькуляторы не нужны…

Хорошо, так что сразу к делу.

Простой пример расчета.

В общей сложности вы теряете около 50-70% своего потенциального дохода *. Если вы считаете, что оно того стоит, ничего менять не нужно.

Однако, если вам нужен такой же удобный инструмент — приведенный ниже материал для вас.

* Расчеты основаны на статистике Index.art. Поведенческие факторы и другие показатели, применимые к вашей сфере деятельности и бизнес-модели, могут колебаться в сторону увеличения или уменьшения.

Какие задачи решит онлайн-калькулятор для сайта

Поймите, что интерактивные вычисления будут уместны не на каждой странице. Они нужны только тогда, когда вам нужен быстрый ответ на количественную проблему, такую ​​как «сколько …», «как быстро …» и т. д.

1. Повышение лояльности клиента

Не обязательно ставить калькуляторы абсолютно везде. Это скорее напугает пользователя, чем привлечет его.

Однако если вы привлечете посетителя на страницу с вопросом «Сколько стоит укладка плитки» и вместо прямого ответа направите его в форму обратной связи с просьбой указать его контактные данные, потенциальный клиент останется недовольным — скорее всего, они просто покинут страницу и продолжат поиск.

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

А посетитель сайта онлайн-калькулятора получает четкий и относительно быстрый расчет того, что ему нужно.

2. Повышение в выдаче поисковых систем

Вот тут-то и важна релевантность запроса. Все выигрывают от того, что страница соответствует их запросу:

• Поисковая машина, которая дает пользователю правильный ответ;
• Пользователь, получивший этот ответ;
• страница, на которой расположена страница (если это коммерческий проект, это означает фиксированную стоимость товара / услуги, что ускоряет и упрощает потенциальную транзакцию; если это информационная страница, пользователь находит реальный результат и больше не возвращается к поиску с тем же запросом, что увеличивает доверие к сайту, он поднимается выше в рейтинге, у сайта больше посещений и он зарабатывает на рекламе).

3. Автоматизация продаж

Это современный тренд цифрового маркетинга. Это логично и законно. Чем проще и прозрачнее запрос клиента, тем больше продаж компания получит при тех же затратах на рабочую силу. Зачем нанимать дополнительных специалистов в отдел продаж, чтобы напрямую связываться с клиентами, если клиенты готовы сами заполнить все поля, чтобы подробно описать свои требования к продукту / услуге?

Сайт доступен 24 часа в сутки, 7 дней в неделю, без выходных и больничных … Покупатель видит, как рассчитывается цена, активирует необходимые опции и оформляет заказ практически самостоятельно. Все, что нужно сделать менеджеру по продажам, — это подтвердить заказ и закрыть сделку. Это все. Нет необходимости связываться с заказчиком, уточнять детали, производить расчеты и повторно связываться с заказчиком. Конечно, где-то закрадется ошибка, менеджер забудет позвонить, не позвонит вовремя и т. д. Следовательно, продажа не состоится.

Примеры кейсов, которые успешно могут решить онлайн-калькуляторы

Заказ авто / такси с доставкой. Чем занимается специализированный контакт-центр: определяет, кого и где забрать, где доставить. Эти данные можно легко собрать с помощью специальных форм: конкретный адрес доставки, конкретные параметры (детское кресло, выбор музыки, беззвучный водитель и т. д.), Конечная точка. Рассчитывается дальнейший пробег и выставляется ориентировочный счет. Заказчику нужно только подтвердить запрос. Ошибок как можно меньше, и покупатель может видеть, за что и сколько он платит.

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

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

Дисклеймер

Это не значит, что онлайн-калькулятор — панацея для бизнеса. Когда у вас есть прозрачный инструмент для оценки стоимости предстоящих расходов на ваши услуги, клиент может … перейти к конкурсу. Потому что, когда вы позвоните в список потенциальных подрядчиков, он проголосует за вашу цену и сможет заключить более выгодную сделку (например, небольшую скидку).

В этом случае автоматизация продаж будет работать скорее против, чем на вашу пользу. Поэтому следует правильно оценить свою аудиторию и взвесить все «за» и «против». Если вы уверены в своих ценах, если конкуренты не могут предложить чего-то лучшего или если для вас очень важна скорость работы приложения, вы можете выбрать онлайн-калькулятор. Если у вас стабильная посещаемость на сайте — на всякий случай организуйте сплит-тестирование (сравните результаты продаж с калькуляторами и без).

Где взять онлайн-калькуляторы

На самом деле вариантов всего несколько:

1. Аутсорсинг работы для фрилансеров или компаний, занимающихся обслуживанием веб-сайтов;
2. Установите готовые модули для вашей CMS (если есть);
3. Воспользуйтесь специальными сервисами.

У каждого из них есть свои достоинства и недостатки. Для наглядности представим все варианты.

Заказ калькулятора у фрилансера

Плюсы:

• Результат будет максимально приближен к ожиданиям и характеристикам.
• Вам не нужно много знать о программировании, все будет сделано за вас.
• Это решение подходит для сложных ситуаций, когда вам необходимо интегрироваться с CRM-системами и другими решениями автоматизации.

Минусы:

• Сложно найти ответственного подрядчика. Для этого может потребоваться несколько попыток развертывания.
• Это дорого, так как привлекаются профессиональные подрядчики.
• Может потребоваться координация деятельности нескольких специалистов (дизайнер, веб-разработчик, мобильный разработчик и т. д.).
• Это может быть долгий процесс (в зависимости от требований к выходным данным).

Заказ у агентства или компании, занимающейся техподдержкой сайтов

Плюсы:

То же, что и фрилансеры

• Формальная договорная ответственность.
• Максимально четкие и соблюдаемые сроки реализации проекта.

Минусы:

• Даже дороже фрилансеров.
• Часто длительные сроки выполнения (компании предусматривают различные форс-мажорные обстоятельства).

Готовый модуль для CMS

Плюсы:

• Быстро (установка плагинов занимает всего несколько минут).
• Дешево (часто можно найти даже бесплатные решения).
• Потенциально лучшая совместимость с вашей CMS.

Минусы:

• На не очень популярных CMS может не быть такого модуля (даже платного).
• Во время установки могут потребоваться базовые знания «движка» (возможно, вам потребуется что-то отредактировать в коде).
• Часто разработчики отказываются от продукта без поддержки (как есть, особенно если плагин бесплатный и нет платных опций, со временем ухудшается совместимость с CMS, страдает безопасность и т. д.)
• Универсальные решения сложно адаптировать, и могут возникнуть проблемы с дизайном.
• Часто они работают только на одной платформе (только на веб-сайте, другие платформы не поддерживаются).

Онлайн-сервисы

Плюсы:

• Быстро (часто достаточно выбрать готовый шаблон темы).
• Простой (не требуется знания кода или навыков программирования, получившуюся форму очень легко установить на сайт).
• Он может поддерживать несколько платформ (любая CMS, социальные сети, обмен мгновенными сообщениями, мобильные приложения, электронная почта и т. д.)
• Часто доступно большое количество дополнительных сервисов и инструментов (статистика использования, A / B-тестирование, интеграция с CRM и т. д.)
• Код всегда актуален и безопасен (благодаря централизованной отладке ничего не нужно обновлять, скачивать, устанавливать и т. д.)
• Гибкая настройка (онлайн-платформы изначально пытаются приспособить множество вариантов использования, при правильном подходе вы можете создать правильный набор форм и полей, таких как конструктор).

Минусы:

• Часто это услуга с оплатой по факту использования. Бесплатные варианты имеют свои ограничения. Такая услуга не может существовать без модели подписки.
• Это решение не подходит для сложных реализаций.
• Данные фактически хранятся и обрабатываются на стороне веб-сайта (если платформа недоступна, калькулятор не будет работать, всегда есть возможность нарушения конфиденциальности).

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

Какую услугу выбрать? Предлагаем проверенную и проверенную многими пользователями программу uCalc.

Следует понимать, что это не единственное решение на рынке, но в отличие от многих конкурентов uCalc предоставляет бесплатный доступ, а также прост и удобен в использовании, все настройки производятся в визуальном редакторе (включая формулы). В то же время даже очень сложные калькуляторы и формы могут быть реализованы с помощью uCalc.

Основной функционал и возможности конструктора калькуляторов uCalc

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

Какие платформы поддерживаются

В список обязательно входят две самые популярные CRM-системы в России (это Битрикс24 и amoCRM). Поддерживаются все популярные CMS, как платные, так и бесплатные. Создатели не забыли и о таких онлайн-платформах, как uCoz, Wix, Tilda и других.

Если поддержка CMS не заявлена, код формы / калькулятора всегда можно встроить в шаблон, как любой другой блок HTML с JS-скриптом.

Отдельно стоит отметить поддержку социальных сетей — пока только ВК. uCalc подключается как приложение через официальный каталог ВКонтакте.

Не менее интересна интеграция с электронной почтой (путем интеграции кода HTML) и мобильными приложениями (пока только через конструктор Appglobus).

Единственные платформы, которые на данный момент не поддерживаются, — это обмен мгновенными сообщениями.

Основные функции (доступны во всех тарифах):

• создание нескольких проектов и управление правами на отображение (например, только на отдельных страницах);
• доступ к готовым шаблонам форм и калькуляторам;
• редактирование шаблонов или уже созданных проектов;
• визуальный редактор форм и формул;
• защита от копирования (никто не сможет украсть ваш функционал с сайта);
• возможность интеграции с CRM (функционал Компания и Задачи доступен даже в бесплатном тарифе);
• пакет уведомлений по электронной почте (количество зависит от тарифа);
• База знаний о настройках сайта и формах / калькуляторах.

Дополнительные возможности в платных тарифах:

• Пакеты SMS-оповещений + возможность покупки дополнительных;
• Возможность купить дополнительные пакеты уведомлений по электронной почте;
• Улучшенная интеграция с CRM;
• возможность приема платежей (Яндекс.Деньги, PayPal и Яндекс. Наличные);
• расширенный функционал брендинга форм (добавление фотографий, готовых тем и цветов, отключение рекламы);
• дополнительные функции для работы с формами (вставка HTML кода, ссылок, работа с файлами);
• быстрое клонирование проекта и увеличенные лимиты проекта;
• ведение и просмотр статистики проекта.

Цены / тарифы uCalc и их отличия

«Бесплатно» — всегда 0 долларов в месяц. Может быть реклама и ссылка на сайт прямо в калькуляторе / форме, нет SMS-уведомлений и возможности их покупки, есть пакет из 100 писем без возможности добавления пакетов. У клиента только базовый функционал, создание не более 3-х проектов, есть ограничения по интеграции с CRM.

Стоимость премиальных пакетов будет зависеть от периода оплаты. Если вы заплатите один раз за шесть месяцев, вы получите скидку 10%, если вы заплатите за год один раз, вы получите скидку 20%.

«Базовая» — от 4 до 3,2 долларов в месяц, пожизненная подписка — 90 долларов. Заказчик получает все дополнительные возможности, кроме чата с техподдержкой. Возможность покупки SMS-уведомлений, 300 уведомлений на почту в стартовом пакете (возможность покупки), количество проектов — не более 5.

«Стандартный — от 10 до 8 долларов в месяц, бессрочная подписка — 190 долларов. Заказчику доступны все расширенные функции, кроме чата с техподдержкой. Цена включает 1000 уведомлений по электронной почте (с возможностью обновления) и 10 SMS (с возможностью обновления). Максимум 15 проектов включены.

«Pro» — от 24 до 19,2 долларов в месяц, пожизненная подписка — 390 долларов. Заказчик получает все функции сайта (включая чат с техподдержкой). Пакет включает 3000 уведомлений по электронной почте (расширяемые) и 30 SMS (расширяемые). Количество проектов не ограничено.

Как видно из параметров тарифа, бесплатная версия не имеет таких критических ограничений. И базовый тариф более чем доступен.

Чтобы клиенты могли оценить преимущества платных подписок, предоставляется пробная версия на 14 дней (со всеми функциями тарифа Basic).

Как создать свой калькулятор в uCalc

Самый простой и верный способ — выбрать один из доступных шаблонов. Они удобно разбиты по темам.

При необходимости вы можете отредактировать логику калькулятора, внешний вид и расположение его блоков / полей. В то же время вы можете понять, как работает этот конструктор.

Второй вариант — использовать онлайн-конструктор.

В левой части экрана находятся все доступные элементы (после пробного периода некоторые из них будут скрыты, например, HTML-код и изображение) или формулы.

Справа находится основной интерфейс, который может работать в нескольких режимах:

• дизайн (вы контролируете расположение и внешний вид основных блоков и полей);
• формулы (в этом режиме вы настраиваете логику работы калькулятора).

В любой момент вы можете использовать предварительный просмотр результатов (переключение экранов тестирования макета) или скопировать код калькулятора и вставить его на сайт.

Создайте свой первый калькулятор:

1. На вкладке Мои проекты нажмите кнопку с плюсом.
2. Выберите «Собери сам» или «Использовать шаблон».
3. В любом случае вы попадете в визуальный редактор (с набором готовых полей / элементов или без него).
4. Перетащите необходимые элементы с левой стороны в основную область, чтобы создать будущий интерфейс калькулятора. Элементы также можно перетаскивать в пределах основной области.
5. Их параметры могут быть установлены в настройках каждого поля (в зависимости от типа поля: заголовок, описание, поля, тип поля, требуется оно или нет; большинство настроек для кнопки, после нажатия на которую она может отправлять данные CRM, отправлять уведомления, переходить к оплате или вставлять ссылку, собирать статистику, активировать фильтр защиты от спама, давать согласие на сбор данных).
6. Перейти в режим редактирования формулы. Все поля имеют свое обозначение (как в формулах с латинскими буквами: A, B, C и т. д.). Каждая формула расчета также имеет свое обозначение (R1, R2 и т. д.).
7. Используя условные обозначения и доступные операнды, вы можете организовать логику работы калькулятора (пример расчетов показан на рисунке ниже).
8. Когда будете готовы, нажмите кнопку «Сохранить».
9. При необходимости проверьте работу и отображение на экранах различных устройств в режиме «Предварительный просмотр».
10. Код для вставки на страницу со всеми проектами можно скопировать в меню выбранного проекта (пункт «Получить код»).
11. Теперь все, что вам нужно сделать, это вставить полученный HTML-код на выбранную страницу веб-сайта (место и правила для вставки кода будут зависеть от используемого движка и / или механизма шаблонов, например, при использовании Smarty, JavaScript должен быть заключен в теги).

Как добавить калькулятор на сайт

uCalc можно добавить на любой сайт. Разберем этот процесс на примере CMS WordPress. Алгоритм будет выглядеть так:

1. Официальный плагин uCalc установлен.
2. Плагин связан с учетной записью.
3. В визуальном редакторе страницы / записи появляется кнопка для вставки калькуляторов.
4. После нажатия на нее система предложит выбрать проект из доступных.
5. Код формы размещается в выделенной части страницы.

Для других CMS и платформ процедура развертывания может отличаться. Подробные инструкции по всем вариантам прошивки можно найти на официальном сайте проекта (они на русском языке и есть фотографии).

Но если все-таки у вас ничего не получится и вы не успеете со всем этим разобраться, у вас всегда есть третий вариант — заказать услугу разработки калькулятора «под ключ» (услуга Divly, от 2500 р / заказ, разработкой занимаются сторонние специалисты, код переносится в ваш аккаунт).

Выводы

В сети есть решения для создания эффективных онлайн-калькуляторов. Пример uCalc подтвердил, что веб-службы могут быть не только простыми в использовании и простыми в настройке за несколько щелчков мышью, но также могут быть очень гибкими в настройке и предоставлять множество дополнительных функций и опций. С их помощью можно выполнять даже очень сложные задачи. И не нужно привлекать разработчиков или переписывать логику страницы. Интеграция может быть простой и несложной даже для простых пользователей.