Конструктор калькуляторов и форм uCalc - чем он может быть полезен учителям?

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

Но чем он может быть полезен в образовательной сфере? Действительно ли он сможет стать верным помощником на сайте школы, или университета?

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

Приступим!

1. Для начала нам необходимо зарегистрироваться. Используйте для этого e-mail, или войдите с помощью соц.сетей.

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

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

3. Будем создавать проект с нуля. Выбираем «Собрать самостоятельно» и перед нами открывается режим конструктора - именно здесь мы и будем собирать свой проект.

Сервис работает по drag-n-drop-технологии, а это значит, что для добавления виджетов в форму нужно всего лишь перетащить их, зажав левую кнопку мыши. Их в сервисе 9 - список, ползунок, галочка, флажок, поле, текстовое поле, картинка,  кнопка и HTML-код. Разумеется, в вашем проекте их можно использовать многократно.

Попробуем добавить виджет «Список»:

Готово! Он появился в нашей форме. Также стали доступны и верхние кнопки управления, которые отвечают за цвет фона, цветовую схему виджетов и тему оформления.

Добавим еще несколько виджетов и займемся расчетами (кстати, мы изменили тему формы и текст в виджетах, сделайте это самостоятельно).

4. Нажмите на вкладку «Формула» и вы попадете в расчетную часть проекта. По умолчанию формула складывает все показатели виджетов, но мы применим свои расчеты. Возле каждого пункта списка, галочки, или флажка мы видим число - значение, которое и будет применено к формуле при его активации. По желанию можете изменить их.

При нажатии на расширенный вид вам станут доступны, помимо простейших математических операторов условные выражения. Они помогают выстроить гибкую систему расчетов и даже скидок. Также можно применять вложенные условия, как показано на скриншоте.

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

5. Интерфейс и формула готовы - теперь надо подумать о том, как клиенты будут связываться с вами. Поэтому мы создадим форму обратной связи. Для этого нам понадобится виджет «Поле». Прелесть этого виджета состоит в том, что он многофункционален и имеет много видов. Например, нам необходимо, чтобы клиенты оставляли свое имя, телефон и электронный адрес. В таком случае создаем 3 виджета «Поле» в один ряд и зададим им индивидуальный тип через вкладку «Тип поля»:

Там же, в настройках можно указать их как обязательные для заполнения.

5. Одной из важнейших составляющих вашего проекта, без сомнения является виджет "Кнопка". Именно она отвечает за передачу заказа и отправку уведомлений. Добавим ее в самый низ формы и приступим к ее настройке.

Для начала настроим уведомления. Зайдем в «Действия» - «Оповещения владельца» и установим свой e-mail - именно тот, на который будут приходить уведомления о заявках. Далее зайдем в «Шаблон уведомлений e-mail» и настроим шаблон. Внизу вам доступен список переменных, которые отвечают за те или иные данные, добавьте их в шаблон по клику мышки. У нас получилось так:

По аналогии настройте шаблон для клиентов. Хотим заметить, что, помимо e-mail-уведомлений в сервисе также есть возможность получать SMS-оповещения, но их необходимо докупать после покупки премиум-тарифа.

Далее, на вкладке "Статистика" вы можете привязать цели от Google Analytics, анализируя тем самым поведение ваших клиентов и получая подробные данные о просмотрах и нажатиях на кнопку.

6. Наш проект практически готов, теперь давайте посмотрим, как он будет выглядеть на сайте. Для этого нажимаем на «Предпросмотр».

Перед нами режим предпросмотра. Вверху проекта изображения разных девайсов, они помогают вам посмотреть, как форма будет смотреться на разных устройствах. Адаптивность наше все :)

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

Подробные инструкции о том, как интегрировать калькулятор на свою CMS - https://ucalc.pro/help/integration. Там же, https://ucalc.pro/help вы найдете обширную базу знаний, которая поможет вам разобраться в остальных тонкостях сервиса и ответить на вопросы касательно функционала.

Спасибо за внимание и удачи!