Скрипт, расчет и оформление полиса ОСАГО

Author Автор: Роман Чернышов    Опубликовано: 24 октября 2019

Скрипт, расчет и оформление полиса ОСАГОДобрый день друзья! Длительное время я работал над новой версий скрипта по расчету и оформлению полиса ОСАГО(описание прежней версии тут) и сегодня настало время поделиться с вами новостями о новом решении. Данный скрипт представляет собой динамическую форму, для ввода пользователем данных об автомобиле, водителях, собственнике и страхователе и условия страхования, для последующего расчета стоимости полиса ОСАГО с учетом всех  этих данных. При расчете учитываются все коэффициенты в том числе КБМ, который в свою очередь берется из базы РСА(API предоставляется). После предварительного расчета стоимости, пользователь может перейти к оформлению полиса и его оплате. Предусмотрена админпанель, хранящая в себе все данные заявок. Наличие возможности интеграции с API страховых компаний и много другое. Подробнее я расскажу далее, и так обо всем по порядку.

Описание по шагам

Всего форма расчета и оформления заявки имеет шесть основных шагов и два с выводом предварительной и конечной стоимости полиса ОСАГО, а также краткой сводки по указанным пользователем данных с возможностью их редактирования.

Список всех шагов:

  • Ввод номера автомобиля
  • Данные транспортного средства
  • Список водителей или данные собственника
  • Срок страхования
  • Предварительный расчет стоимости полиса

Если пользователя устраивает предварительная стоимость полиса, он можете перейти к его оформлению и оплате, двигаясь по следующим шагам:

  • Полные данные о страхователе и собственнике
  • Полные данные транспортного средства
  • Окончательный расчет стоимости полиса и переход к оплате

Подробное описание каждого шага

Ввод номера автомобиля

Ввод номера автомобиля

Клиент указывает госномер автомобиля, в поле ввода предусмотрена маска А 000 АА 000, при вводе клиент может использовать как латинские так и кириллические символы, далее они автоматом будет преобразованы в нужную раскладку. Также в случае отсутствия госномера, клиент может поставить галочку «У меня нет госномера», тогда поле для ввода станет неактивным, и можно будет перейти к следующему шагу, просто нажав кнопку «Рассчитать».

Также на этом шаге, предусмотрена подгрузка ранее введенных данных, если клиент ранее осуществлял расчет и система запомнила его. Для этого будет выведено сообщение, с предложением автоматически заполнить поля формы ранее сохраненными данными, на которое клиент может ответить удовлетворительно, либо отказаться от авто-заполнения.

Данные транспортного средства

Данные транспортного средства

На данном шаге клиент заполняет минимально-необходимые данные об автомобиле(транспортном средстве), для осуществления предварительного расчета стоимости полиса ОСАГО. В частности указывается марка, модель, год и мощность автомобиля. На этом шаге, по желанию, в рамках дополнительной работы — можно добавит еще поля (например в случае если калькулятор интегрируется по API со страховой компанией, и для предварительного расчета нужны дополнительные сведения).

Марка и модель, выбирается клиентом из представленного списка, который в свою очередь подгружается из базы данных. Калькулятор включает в себя такую базу. При выборе марки и модели, пользователь может ввести первые буквы названия в поле ввода, таким образом быстро отфильтровать список только по нужным значениям.

При интеграции калькулятора с API страховой компании, марка и модель будет подгружаться из справочников страховой компании.

Также на данном шаге, клиент указывает цель использования и наличие прицепа.

На этом и последующих шагах, в верхней части формы, отображается навигация по шагам: Транспортное средство, Водители, Срок страхования, Расчет. Навигация отображает то, на каком шаге в данный момент находится клиент. Также все пункты навигации являются активной ссылкой и при клике позволяют вернуться на один из предыдущих шагов, в случае, если требуется внести быстро какие-то правки в указанных данных.

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

Список водителей или данные собственника

Список водителей или данные собственника

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

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

По желанию клиент может добавить еще водителей, нажав соответствующую кнопку «Добавить водителя». В таком случае, будет предложено ввести данные второго водителя и так до восьми(в соответствии с правилами 2019г.)

На данном шаге, клиент также соглашается с правилами системы, ставя галочку в соответствующее поле. В котором имеется ссылка, при клике на которую отображаются правила.

На основании введенных данных на этом шаге, калькулятор получает КБМ всех водителей из базы РСА, путем запроса к стороннему API. Доступ к API предоставляется вместе с калькулятором, бесплатно, сроком на три месяца(затем возможно его продление).

Срок страхования

Срок страхования

Да данном шаге, клиент указывает период страхования, даты начала и окончания действия страхового полиса. Возможны вариации работы: указание только даты начала действия полиса, а окончание будет рассчитываться автоматом, сроком на один год; указания даты начала и срока действия полиса 3, 6, 13 месяцев. Калькулятор поставляется с первым или вторым вариантом формы, опционально.

Также на данном шаге, клиент указывает город регистрации собственника ТС по паспорту, для расчета территориального коэффициента. В данном случае также возможна поставка калькулятора с одним из двух типов формы для указания города: указание региона и города в одной строке, с автоматическим выводом подсказок(как на скриншоте, используется сторонний сервис подсказок); выбор региона и города из предложенного списка, который формируется на основании базы данных городов и регионов поставляемых вместе с калькулятором. В случае интеграции калькулятора с API страховых компаний, предпочтителен выбор города по первому типу, с авто-подсказками, чтобы избежать ошибок, а также определить код города по КЛАДР, который требуется для расчета.

Предварительный расчет стоимости полиса

Предварительный расчет стоимости полиса

Заключительный шаг первого этапа, предварительный расчет стоимости полиса ОСАГО. На данном шаге выводиться вся сводная информация, которую указал пользователь, срок страхования, город регистрации собственника, водители и транспортное средство. Также на этом шаге отображается стоимость полиса ОСАГО. Напротив каждого пункта есть кнопка Изменить, позволяющая быстро перейди на нужный шаг калькулятора для редактирования данных в форме.

Далее клиент принимает решение, перейти к оформлению полиса или отправить данные расчета себе на E-Mail. Для отправки данных расчета на E-Mail, клиент нажимает на соответствующую кнопку «Отправить расчет на E-Mail», после чего форма примет следующий вид:

Отправка расчета на емаил

Для отправки данных расчета, клиент указывает ФИО, E-Mail и номер телефона, после чего данные расчета отправляются ему на E-Mail. Указанные данные клиентом поступают в админпанель калькулятора(CRM), где далее с ними можно работать(например настроить автоматическую рассылку E-Mail тем клиентам, кто не оформил полис, а ушел по каким-то причинам — это не входит в базовую версию калькулятора).

Поля E-Mail и номер телефона также имеют маски ввода, для сокращения вероятности ошибки со стороны клиента при вводе.

Полные данные о страхователе и собственнике

Полные данные транспортного средства

Второй этап заполнения формы и движение к оформлению полиса ОСАГО. На данном шаге клиент заполняет полные сведения о собственнике и страхователе, указывая: фамилию, имя, отчество, серию и номер паспорта, дату выдачи, дату рождения, кем выдан паспорт, адрес регистрации по паспорту полностью. Поля имеют маски ввода. Поля: кем выдан паспорт и адрес регистрации могут также включать всплывающие подсказки вариантов при вводе, с последующим выбором пользователем правильного варианта из предложенного списка(данная функция возможна при подключении стороннего сервиса подсказок, по API).

Если собственником является страхователь, то клиенту не обязательно вносить данные страхователя повторно, достаточно поставить соответствующую галочку(активна по умолчанию), в ином случае для ввода данных страхователя будет предложена форма аналогичная форме собственника.

Полные данные транспортного средства

Полные данные о страхователе и собственнике

На данном шаге клиент указывает данные транспортного средства, а именно: тип документа СТС или ПТС; номер документа; дата выдачи; идентификатор ТС, номер VIN, кузов или шасси; номер идентификатора ТС; госномер ТС; номер диагностической карты; срок её действия. На данном шаге представлено несколько динамически-меняющихся полей, в зависимости от выбора типа документа, клиенту предлагается ввести либо номер СТС, либо номер ПТС. Также в зависимости от выбора идентификатора ТС, клиенту предлагается ввести либо VIN, либо номер кузова, либо номер шасси.

На данном шаге есть возможность указать является ли ТС новым или выпущенным сроком до трех лет(относительно новым), поставив соответствующую галочку «ТС до трех лет». Также эта галочка ставиться автоматически, если клиент на втором шаге, при предварительно расчете, указал год выпуска ТС, не старше трех лет.

Для перехода на следующий шаг, клиент указывает E-Mail и телефон, эти данные также поступают в админпанель калькулятора(или CRM) для последующей работы с ними.

Ожидание расчета

Ожидание расчета

При отправке запроса на сервер для произведения расчета стоимости полиса ОСАГО, клиенту выводится информер с крутящейся иконкой и надписью «Производиться расчет полиса». Особенно актуально при интеграции калькулятора с API страховых компаний, когда ответ может занимать от нескольких секунд до нескольких минут.

Окончательный расчет стоимости полиса и переход к оплате

Окончательный расчет стоимости полиса и переход к оплате

Заключительный шаг второго этапа, окончательный расчет стоимости полиса ОСАГО. На данном шаге выводиться вся сводная информация, которую указал пользователь, срок страхования, собственник, страхователь, водители и транспортное средство. Также на этом шаге отображается стоимость полиса ОСАГО. Напротив каждого пункта есть кнопка Изменить, позволяющая быстро перейди на нужный шаг калькулятора для редактирования данных в форме.

Ниже расположен блок с перечнем всех коэффициентов которые применялись для расчета стоимости полиса. В случае интеграции с API страховых компаний, данный блок может отсутствовать, это зависит от того, сообщает ли страховая компания коэффициенты по которым был произведен расчет.

Если требуется подтверждение номера телефона по СМС, то пользователю будет предложено перейти к следующем шагу для ввода кода из СМС. Данная функция актуальна также при интеграции со страховой компанией по API, в случае если для оформления полиса требуется ввод кода из СМС.

Ввод кода из СМС

Ввод кода из СМС

Так выглядит форма для ввода кода из СМС, после ввода пользователь жмет кнопку «Продолжить», если проверка кода из СМС прошла успешно то он видит соответствующее уведомление и кнопку для перехода к оплате полиса ОСАГО.

Переход на оплату

Переход на оплату

Проверка кода из СМС прошла успешна, пользователю доступна кнопка для перехода к оплате полиса. На данном шаге, способ оплаты зависит от того, интегрирован калькулятор с API страховой компании или нет. Если интегрирован, то пользователь переходит на оплату, на стороне страховой компании, если нет, то обработка платежа происходит на стороне калькулятора, для этого отдельно можно интегрировать платежную систему(в базовой версии такой интеграции нет).

Оплата

Оплата

Переход на оплату полиса ОСАГО с помощью банковской карты, на стороне страховой компании (если калькулятор интегрирован с API СК).

Список возможностей

  • Подгрузка данных о транспортном средстве по госномеру автомобиля, марка и модель год выпуска, мощность, VIN (По API стороннего сервиса);
  • Проверка КБМ водителей по базе РСА (По API КБМ, сервис предоставляется мною, платно);
  • Встроенные справочники марок и моделей автомобилей;
  • Ввод марки и модели автомобиля вручную с авто-поиском по базе справочника, в том числе в кириллическом варианте написания;
  • Подсказки в полях ввода данных;
  • Маски ввода данных в поля формы, номер ТС, серия и номер документа, телефон, емаил и т.д.;
  • Автоматически выпадающий список подсказок при вводе населенных пунктов, городов, адресов, справочник КЛАДР, ФИО, кем выдан паспорт;
  • Проверка корректности ввода данных в поля формы, подсветка полей с неправильным вводом данных;
  • Сохранение всех введенных пользователем данных на каждом шаге в базу CRM системы, запоминание сессии и возможность восстановления сессии с ранее сохраненными введенными данными;
  • Удобная навигация по шагам;
  • Возможность редактирования введенных данных на предыдущих шагах;
  • Отправка данных предварительного расчета стоимости полиса себе на емейл;
  • (в базовую версию не входит) Оплата полиса онлайн, возможность подключения приема платежей через: Яндекс Кассу, Эквайринг Сбербанка, Тиньков, Единую кассу, Робокассу и т.д.;
  • (в базовую версию не входит) Возможность интеграции с API страховых компаний: Ингосстрах, ВСК, РЕСО Гарантия, Альфастрахование, а также маркет-плейсов Сравни.ру и Ингуру;
  • Интеграция формы на любой сайт, независимо от его платформы.

Админпанель

Админпанель, как в и прошлых версиях моего калькулятора включает в себя несколько разделов, а именно: Список заявок, с выводом всех указанных данных клиентом; Раздел ввода данных по страховым компаниям; Раздел настроек калькулятора. По желанию в админпанель можно вынести дополнительные настройки или данные. Можно организовать дополнительную работу с клиентами путем отправки E-mail или СМС, формируя воронку продаж.

Интеграция с API страховых компаний

Данный калькулятор можно интегрировать с API страховых компаний или маркетплейсов, какой-то одной или несколькими. О возможностях интеграции и API я рассказывал в своих предыдущих статьях: Ресо, Ингосстрах, Альфастрахование, ВСК, Ингуру, Сравни.ру.

Что вы получаете вместе с калькулятором

  • Помощь в установке и настройке;
  • Помощь в интеграции на страницу вашего сайта;
  • Поддержку в течении 2х недель;
  • Возможность заказа доработок и изменений по вашему заданию;

Обращайтесь, буду рад сотрудничеству с вами!

Оставить комментарий

Автор блога
Роман Чернышов
Веб-разработчик,
Full Stack
Senior, Architect
PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Моя книга
Книга. Веб-разработчик. Легкий вход в профессию
Печатная книга
Веб-разработчик.
Легкий вход в профессию
Оформить предзаказ
Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка