Як правило, створення віджета калькулятора для сайту потребує оплачуваної праці програміста і бюджету на технічну підтримку. Проте останнім часом з’явилися мінімум три варіанти, як заощадити час і гроші на створення і підтримки калькулятора: почнемо з самого простого і доступного безкоштовного конструктора калькуляторів, який допоможе зібрати калькулятор у візуальному режимі – як при заповненні профілю в соцмережі.

Статті по темі:

Питання «створення сайту» – 1 відповідь

Вам знадобиться

  • Ноутбук або комп’ютер, будь-який браузер, 10-30 хвилин часу, поштову скриньку або аккаунт в соцмережі (Facebook, Вконтакте, Google+, UID), плюс розуміння, яким повинен бути ваш калькулятор.

Інструкція

1. Щоб почати збірку і надалі керувати своїм калькулятором, реєструємося на сервісі uCalc.pro через пошту або одну з популярних соцмереж.

После регистрации через почту вам придет письмо с советами по дизайну калькулятора

2. Після реєстрації ви потрапляєте в особистий кабінет, де будуть зберігатися ваші калькулятори. Тут ви можете вибрати готовий шаблон, або почати збірку калькулятора з нуля.

Нажав на иконку "Использовать шаблон", вы попадете в галерею готовых калькуляторов ремонта, расчета, недвижимости и так далее: выбрав шаблон, вы можете поменять его

3. Після вибору на користь шаблону або самостійної збірки, перед вами відкриється візуальний редактор: перетягуючи елементи – список, повзунок, галочку, прапорці, поля контактів або кнопку – з колонки зліва, ви можете зібрати калькулятор.

Элементы можно располагать как рядом (несколько в ряд), так и друг под другом.

4. Наведіть на будь-який елемент мишку і побачите іконки налаштування – в них можна задати розміри, зробити елемент обов’язковим для заповнення, задати назви полів для списку і міняти їх місцями. А натиснувши на світло-зелену рамку, яка з’явиться навколо елемента, ви можете переставити його вище або нижче інших деталей калькулятора.

При желании, вы можете удалить любой элемент, кликнув на него и нажав "Корзинку"

5. Ви можете змінювати колір і розмір написів, просто виділивши потрібний фрагмент тексту. До текстів краще додати пояснення: якщо мова про ширині, допишіть “метри” або “мм”, про ціни “руб”, “руб за метр” і так далі.

Чтобы поменять цвет текста, нажмите на серый кружочек и выберите цвет из палитры

6. Щоб змінити колір фону або змінити колір повзунка і галочки скористайтесь іконками над калькулятором. Ліва іконка відповідає за колір підкладки – її краще зафарбувати в кольори сторінки вашого сайту. Середня іконка – це кольори елементів: ви можете вибрати з 10 готових схем.

Вы также можете поменять стиль шрифта, нажав на правую иконку - сейчас доступны 4 варианта.

7. Для наочності ви можете додати калькулятор картинки: зображення можна додати як у шапку, так і до будь-якого з елементів калькулятора. Для цього виберіть значок “Картинка” з лівої панелі, перетягніть його в потрібне місце, а потім, клікнувши на елемент, завантажте картинку з комп’ютера.

Чтобы калькулятор быстрее загружался на вашем сайте, используйте картинки с минимальным "весом".

8. Щоб вказати діапазон цін на послуги та будь-які інші числові параметри, перейдіть у вкладку «Формула». Ви побачите схему калькулятора, в яку можна вписати потрібні вам значення.

Любое число может обозначать как сумму, так и вес или, например, расстояние.

9. Кожному елементу калькулятора на схемі присвоюється літера. Підставляючи літери у віконце формули ліворуч і додаючи математичні знаки, ви зможете створити одну або кілька формул: наприклад, якщо потрібно видавати ціну зі знижкою або без, зробіть дві формули, додавши в другу множення на число менше 1 (наприклад, 0.8 означатиме знижку в 20% і так далі).

Вторую или третью формулу можно задать, если вы хотите отдельно показать цену за материал и за работу и так далее.

10. Якщо ви хочете отримувати заявки клієнтів на пошту або по смс, поверніться на вкладку “Дизайн”, натисніть на кнопку вашого калькулятора. У налаштуваннях можна вказати . Там же ви знайдете налаштування оплати – якщо хочете брати передоплату через “Яндекс.Касу”.

Здесь же можно задать вид кнопки (овальная, квадратная и т.д.) и дополнительный цвет кнопки при наведении на нее мышки

11. Щоб відправляти клієнту результат розрахунку або іншу інформацію (промо-код, посилання, повідомлення “Замовлення прийнято”), натисніть “Сповіщати клієнта” в налаштуваннях кнопки і заповніть шаблон листа. Щоб збирати контакти клієнтів, додайте в калькулятор елемент “поле” і в настройках вкажіть “email”, “телефон” і так далі.

Все личные данные клиентов передаются по SLL - другими словами, никто не сможет их перехватить.

12. Отже, калькулятор готовий. Щоб поставити його на сайт, натисніть кнопку “Зберегти” у правому кутку – і перед вами з’явиться віконце з готовим кодом віджета. Скопіюйте код і вставте на нову чи існуючу сторінку сайту.

Код вашего калькулятора нельзя будет скопировать с вашего сайта и вставить на чужой

13. Якщо не впевнені у своїх силах – використовуйте готові інструкції для додавання калькулятора. На сайті uCalc є ілюстровані поради по установці калькулятора на CMS WordPress, Joomla, Drupal, NetCat, конструктори сайтів uKit, uCoz, Tilda і Wix та інші відомі платформи. Якщо ви не знайшли свою платформу в списку – відкрийте будь-опис і дійте за аналогією.

Инструкции находятся в разделе FAQ

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

Я например, после установки на сайт заметил, что фон калькулятора мне не подходит - вернулся в конструктор и заменил его на готовую цветовую схему с серым цветом

ya-dir_rubric-31″>

НАПИСАТИ ВІДПОВІДЬ

Please enter your comment!
Please enter your name here