Калькулятор для сайта с отправкой данных на e-mail

калькулятор для сайта

Приветствую вас, дорогие посетители, случайно забредшие на мой сайт!

В одной из предыдущих статей я рассказывала как можно сделать простой калькулятор расчета стоимости продукта или услуги на вашем сайте, работающем на WordPress. Если что – вот ссылка на эту статью. В этой статье я расскажу, как сделать так, чтобы расчеты с этого калькулятора приходили на ваш e-mail, а ваши посетители могли не просто выполнять расчет стоимости, но и сразу же могли оставить заявку.

Настройка отправки заявок

Итак, у меня есть вот такой калькулятор стоимости:

калькулятор расчета стоимости товара

После того, как посетитель сайта ввел все данные и получил результат расчёта, мне нужно получить эти данные на мой e-mail. Для этого я могу предложить моему потенциальному заказчику оставить заявку на приобретения данного продукта или услуги.

Для того чтобы это сделать нам нужно:

  1. 1.Возвращаемся в административную часть сайта и переходим на вкладку настройки нашего калькулятора.
  2. 2.Здесь мы можем изменить название кнопки для расчета (если нужно).
  3. настройки калькулятора
  4. 3.Далее, «Показывать расчеты» — мы ставим «Да».
  5. 4.«Открыть калькулятор при нажатии кнопки» — оставляем здесь «Нет».
  6. 5.«Автоматическая прокрутка к результату» — особенно полезна тогда, если у вас очень большой калькулятор и тогда, после нажатия на кнопку «Рассчитать», пользователя будет сразу перекидывать на ту часть страницы, где будет выводится результат расчета.
  7. 6.Дальше можно выбрать одну из тем оформления калькулятора (если это нужно).
  8. 7.Если вы добавляете в своем калькуляторе расчет по датам, или добавляете слайдер и видите, что он не работает, возможно, у вас на сайте подключены библиотеки, которые вызывают конфликт.
    В этом случае вы можете попробовать отключить скрипты jquery UI Slider (отвечает за слайдер прокрутки) или jquery UI DatePicker (отвечает за выбор дат).
  9. отключение скриптов jquery
  10. 8.Далее идет настройка писем. По умолчанию она отключена. Для её включения в графе «Включить отправку писем?» выбираем «Да».
  11. 9.Задаем тему письма и e-mail администратора, на который будут отправляться заявки.
  12. 10.Далее идет набор стандартных полей для заполнения: имя, e-mail, телефон и комментарий. Проставляя галочки, мы можем те или иные поля скрывать.
  13. включени и отключение полей формы
  14. 11.Далее, идет раздел валидации. Здесь мы можем выбрать какие поля будут обязательными для заполнения, а какие нет.
  15. 12.Также можно задать текст в начале письма, текст перед формой отправки и текст об успешной отправке заявки.
  16. 13.Есть возможность отобразить либо запретить для показа строку расчета.
  17. 14.Разрешаем или запрещаем отправку копии письма посетителю.
  18. 15.Включаем или отключаем информацию о калькуляторе в письме.
  19. 16.Нажимаю на кнопку «Сохранить».

Теперь, обновим страницу и попробуем выполнить расчет еще раз. Выбираем параметры и нажимаем на кнопку «Узнать стоимость»:

запрос отправки расчета оператору

И у нас предлагается отправить данные расчета администратору.

На почту все эти расчёты приходят в виде таблицы:

внешний вид письма с расчетом

Если посетитель при заполнении поставить галочку «Отправлять мне копию», то ему на e-mail отправиться точно такое же письмо.

На самом деле возможности этого плагина на этом не ограничиваются.

Если мы перейдем в раздел настроек, то увидим, что мы сейчас использовали всего несколько типов полей, а на самом деле здесь их еще огромное множество. Здесь можно выполнять расчет по датам, т. е. к примеру, если вы сдаете что-то в аренду и вам нужно выполнять посуточный расчет стоимости.

Так же можно использовать поле «Условие», поле «Арифметическая функция», «Скрытое условие» и другие параметры, которые для большинства проектов не нужны.

Видеоинструкция

Вы также можете посмотреть видео инструкцию по настройке отправки заявок для плагина WP-Creator-Calculator.

Если есть вопросы по настройке самого калькулятора – то почитайте эту статью.

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

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

Желаю вам удачи в создании калькуляторов расчета!

С уважением Юлия Гусарь

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

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

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

http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif