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

1. Як калькулятор на сайті здатний збільшити продажі
2. Кому потрібен?
3. Що дає?
4. сервіси
5. висновки

Калькулятор на сайтах багатьох фірм можна побачити, якщо зробити в Яндексі запит Калькулятор на сайті приклади. Професіонали написали безліч калькуляторів для сайтів на мовах JavaScript і PHP, можна навіть знайти вихідні тексти, спробувати в них розібратися і пристосувати для своїх потреб. Існують навіть плагіни, що дозволяють розмістити калькулятор на сайті. Однак найчастіше можна обійтися і калькулятором, написаному на мові HTML.

Мені калькулятор на сайт знадобився при створенні сторінок Оцінка вартості сайту і Оцінка вартості сторінки . Поки не забув особливості процесу створення калькулятора, описую їх.

1. Калькулятор створюється цілком усередині тегів <form> і </ form>

2. Для контролю правильності роботи калькулятора має сенс спочатку створити в Excel'е таблицю з переліком параметрів, змінних, значень змінних, формул розрахунків, проміжних і кінцевого результатів.

3. Для реалізації онлайнового введення значень використовується тег <input name = "w» type = "text» value = »12345" />, де w - ім'я змінної, аргумент «text» визначає символьний тип даних, що вводяться, аргумент у value задає початкове значення змінної w, яке відображається в полі введення і доступно для редагування.

4. Для виведення результатів використовується тег output:

<Output for = "wr» name = "x"> 777 </ output>, де wr - змінні, що використовуються для обчислення x, 777 - довільна рядок символів.

5. Зручно, щоб обчислення проводилися після натискання на кнопку Обчислити (або Порахувати). Це реалізується так:

<Input type = "button" value = "Обчислити» onclick = 'x.value = w.value * r.value' />

де w.value - число, сформоване з рядка символів w, результат x.value обчислюється після кліка по кнопці Обчислити і виводиться в поле замість початкового значення (замість 777 пункту 4).

6. HTML-код калькулятора треба створювати у вкладці Текст вікна редагування WordPress, причому доводиться весь час перебувати в цій вкладці, так як при переході у вкладку Візуально WordPress править HTML-код, що іноді навіть корисно, але при створенні HTML-калькулятора WordPress цілком знищує onclick з аргументом, тобто onclick = 'x.value = w.value * r.value'

7. Щоб уберегти створений onclick = 'x.value = w.value * r.value', доводиться його копію зберігати в HTML-коментарях:

<! - onclick = 'x.value = w.value * r.value' ->

8. onclick довго відмовлявся правильно обчислювати Вартість сторінки сайту. Виявляється, він не міг правильно порахувати два вирази типу (0.2 + v.value) Довелося підкинути йому вирази типу (0.2 + 1 * v.value) - тільки після цього обчислення стали проводитися так, як було задумано.

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

10. Головним же недоліком onclick є те, що отримується результат неможливо округлити перед відображенням на екрані.

11. Ось приклад найпростішого калькулятора:

А ось HTML-код цього калькулятора:

<Form id = "form1671" action = "html5.php»>
Число x1 = </ b> <input name = "x1" type = "text» value = »4" /> Кількість y1 = <input name = "y1" type = "text» value = »5" /> Результат r1 = x1 * y1 = <output for = "x1 y1" name = "s1"> 20 </ output>
<Input type = "button" value = "Обчислити» onclick = 's1.value = x1.value * y1.value' />
</ Form>

<! - onclick = 's1.value = x1.value * y1.value' ->

12. Використовуючи згадані теги і чотири арифметичні дії, можна зробити досить складний онлайновий калькулятор відповідно до потреб конкретної сторінки сайту.

13. При бажанні і необхідності завжди можна виділити суттєві фрагменти рядків курсивом, жирним шрифтом, квітами фону і символів, зміною фонта, розміром символів, ...

14. Зверніть увагу на те, що HTML-калькулятор дозволяє проводити обчислення багаторазово і здатний вважати від приблизно 1e-323 до приблизно 1.111e + 308, начхати на Гугол (1e + 200), який вважається найбільшим числом.

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

16. Ось приклад експериментального калькулятора з невдалою спробою вважати десяткові логарифми:

Якщо Вам потрібен калькулятор на сайт і немає бажання возитися зі створенням і налаштуванням HTML-коду, можете звернутися до мене:

Розробка замовного калькулятора - від 5000-ч рублів і вище (виплата одноразово до початку розробки, бо зразок калькулятора буде створюватися і вдосконалюватися на моєму сайті, а потім HTML-код буде переданий Замовнику і видалений з мого сайту).
Скайп-консультація по особливостям калькулятора - 500-т рублів / год. Телефонний номер і Е-мейл дивіться на сторінці Контакти .

Як калькулятор на сайті здатний збільшити продажі

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

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

У першому випадку для отримання результатів розрахунку клієнтові потрібно залишити свій номер телефону або e-mail, а в другому він побачить суму на сайті.

Якщо у Вашій сфері доречний калькулятор, значить, Вашу вартість обов'язково будуть порівнювати з конкурентами. Як дізнатися, чи потрібен розрахунок для Вашої сфери?

Зайдіть в Yandex.Wordstat і подивіться, скільки запитів по Вашій послузі зі словами «калькулятор», «розрахунок», «розрахувати», «онлайн» і подібні поєднання. У майбутньому використовуйте їх в просуванні, щоб зацікавлений клієнт приходив саме на Ваш сайт.

Кому потрібен?

Будівництво, страхування, банки (кредити, іпотеки), вантажоперевезення, ремонтні та будівельні роботи, клінінгові компанії, меблі на замовлення і т. П. Мають місце також більш «побутові» калькулятори, наприклад, з розрахунку їжі, грошей на відпочинок.

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

Що дає?

• Калькулятор на сайті позитивно впливає на поведінкові фактори, що пошукові системи нагороджують хорошими позиціями у видачі.
• Клієнт втягується в процес, пов'язаний з Вашим продуктом. Якщо результат його влаштовує, він робить замовлення, додаткової мотивації не потрібно.
• Клієнти не задають одвічне питання «Скільки коштує?», А свідомо готові до обговорення співпраці. Це спрощує Вам роботу з потенційними замовниками, особливо, в складній сфері, і економить час.
• За розрахунком навряд чи звернеться незацікавлена ​​людина, що значно зменшить кількість нецільових звернень.
• Розрахунок робиться індивідуально, що надає ексклюзивності навіть найпростішої послуги. Таке лестить.

Коли калькулятор не допоможе?

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

Що потрібно врахувати?

• Якщо результат розрахунку повідомляє менеджер, який передзвонює клієнту, зробіть так, щоб це відбувалося максимально швидко. Можливо, вам потрібно зробити форму заявки більш докладної, щоб не помилитися у вартості.
• Якщо підсумкова сума буде показуватися клієнту на сайті, переконайтеся, що ваші ціни привабливі і конкурентні.
• Не виносьте калькулятор на «голу» сторінку, Супроводьте його закликом до дії, перевагами, бонусом, знижкою. Наприклад, з демонстрацією суми запропонуйте знижку, яка буде діяти при зверненні саме сьогодні.
• Форма заявки в результаті розрахунку підштовхне користувача, оскільки він вже зробив перший крок - заповнив усі поля калькулятора.
• Слідкуйте, щоб ваш калькулятор не був занадто складним, інакше роздратування і відхід зі сторінки.

Чи можливо це реалізувати?

Розглянемо, як реалізований калькулятор на деяких сайтах, створених на базі Setup.

По кліку відкривається такий калькулятор, де уточнюється, що сума не точна і необхідно зв'язатися з компанією:

Ще один приклад калькулятора для розрахунку суми на будівництво будинку з полем для вказівки мобільного телефону з сайту nk77.ru

Приклад калькулятора з зразковим зображенням результату з сайту montazh-potolka24.ru. Досить складний 2-етапний розрахунок:

Компанія «Лідер» пропонує розрахувати вагу металу, щоб клієнт не сидів з реальним калькулятором в руці, а, ввівши кілька параметрів, отримав результат:

Розрахунок відстані для компанії-вантажоперевізника - найочевидніший калькулятор для сайту. Приклад з avtozakaz-barnaul.ru:

сервіси

У Мережі є велика кількість можливостей створити або отримати калькулятор на сайт:

• ucalc.pro, calccreator.com - конструктори калькуляторів.
• zhitov.ru, stroy-calc.ru, o-builder.ru - будівельні калькулятори і розрахунок матеріалів.
• planetcalc.ru - багато онлайн-калькуляторів в одному місці.
• wisewater.ru - калькулятор підбору обладнання з водопідготовки.

висновки

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

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

Запрошую всіх висловлюватися в Коментарях. Критику та обмін досвідом схвалюю і вітаю. У хороших коментарі зберігаю посилання на сайт автора!

І не забувайте, будь ласка, натискати на кнопки соціальних мереж, які розташовані під текстом кожної сторінки сайту.
продовження тут ...