Як зробити калькулятор для сайту без програміста. Частина 1: конструктор калькуляторів

Як зробити калькулятор для сайту без програміста. Частина 1: конструктор калькуляторів

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

 

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

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

Інструкція

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

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

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


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

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

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

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

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

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

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

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


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

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

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

 


Надрукувати  

Схожі матеріали