Обзор возможностей и настройка uCalc для WordPress



Данный плагин очень востребованный и по праву занимает место в топ самых популярных модулей для продающих сайтов, разработанных в CMS WordPress. Легко заметить, что большинство ресурсов, связанных с продажами, предлагают самим посетителям произвести несложные расчеты на сайте и здесь же сделать заказ на покупку услуг или продукции.

Это сразу привлекает внимание, и такой интернет-ресурс выглядит намного солиднее. Что в итоге делает uCalc? Он дает возможность выводить на любой странице сайта ранее разработанные блоки расчета. И что самое главное – нет необходимости корректировки программного кода. С этим вполне может справиться человек, далекий даже от азов программирования.

Сервис uCalc

Когда ведется разговор о калькуляторах на сайте, то это различные плагины или зачастую сторонние сервисы, позволяющие встраивать разработанный калькулятор на сайт, используя HTML код. Естественно, такой сайт должен изначально поддерживать подобный код. Далее остановимся на самом популярном сервисе — uCalc.

uCalc

С ним работать очень просто и с ним не надо будет «гадать» – куда поставит сгенерированный HTM код, если воспользоваться ресурсом uKit.com. Это виртуальный конструктор сайтов, которому по плечу любые задачи по созданию магазина, портфолио или лендинга. Его кредо – интуитивная простота при конструировании любых видов расчета.

Порядок работы в сервисе

Она начинается с авторизации при открытии главной страницы сервиса uCalc. В правом верхнем углу нажимаем «Войти», используя любой доступный способ, например, Google аккаунт. Если пользователь сделал все правильно, то он попадет на панель управления калькуляторами. Ему станет доступна страница проектов. Если человек уже работал на данном ресурсе, то в его распоряжении будут его ранее созданные проекты. Если он попал сюда впервые, то страница будет пуста, и он может только приступить к своей первой разработке. Внизу есть подсказки. Обязательно стоит ознакомиться с вкладкой «База знаний», где можно найти ответы на все интересующие вопросы по работе в данном сервисе.

Первый проект

Чтобы его создать, необходимо нажать на кнопку «+». Откроется окно создания проекта с двумя альтернативами – «Собрать самостоятельно» или «Использовать шаблон». Интереснее отдать свой голос за первый вариант, хотя шаблонов калькуляторов очень много и сделаны все они достаточно профессионально. Своя разработка уникальна, поскольку подобная не встретится на просторах Всемирной сети.

Итак, отдавая предпочтение «самостоятельности», мы попадаем на панель конструктора. В ее левой части расположены список доступных виджетов (список, ползунок, флажок, поле и т.д.). У каждого из них есть свои особенности и настройка. В центре панели находится область, куда будут перетаскиваться виджеты. Панель конструктора работает в двух режимах – «Дизайн» и «Формула». Переход между ними осуществляется нажатием соответствующей кнопки.

В режиме «Дизайн» происходит «наращивание тела» калькулятора с использованием необходимых полей. А вот в режиме «Формула» увидим, что каждому виджету будет соответствовать определенный параметр. Подставляя в них определенные числовые значения, пользователь составляет порядок расчета искомых величин. По ходу работы не стоит забывать о таких кнопках как «Предосмотр» (просмотр уже сделанных изменений) и «Сохранить». Разобраться, как составить формулы согласно созданного макета калькулятора, не составит особого труда. При нажатии кнопки «Сохранить» указывается название проекта и генерируется HTML код, готовый для вставки на страницу сайта. Разработанный калькулятор появится в разделе «Мои проекты».

Установка калькулятора на сайт

Для вставки кода на WordPress-ресурсе, потребуется выполнить установку плагина от uCalc м его активацию. Тем самым осуществляется привязка к уже созданному аккаунту в системе uCalc. Если все прошло успешно, то в визуальном редакторе станет доступна кнопка «Калькулятор». Нажимаем на нее, находим название необходимого проекта м вставляем его на страницу своего интернет-ресурса. Все. Работа сделана!



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *