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

Предоставляем два вида формы онлайн заказа: простая и расширенная.

Простая форма не подлежит никаким изменениям, позволяет оформить заказ из точки А в точку Б с предварительным просчетом.

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

Возможности для диспетческой


<div class="menu">
    <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/number_1.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
        <p><b>Форма онлайн заказа размещается на Вашем сайте</b></p>
        
  
    </div>
    <div>
 <img src="https://docs.tn.in.ua/download/attachments/6816063/number_2.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_3.png">
        <p><b>формить заказ такси в Вашей службе без обращения в диспетчерскую, что 
значительно упрощает работу диспетчера, экономя время на приеме заказа.</b></p>
       
    </div>
    <div>
 <img src="https://docs.tn.in.ua/download/attachments/6816063/number_4.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_4.png">
        <p><b>API с детальным описанием позволяет разработать свое мобильное приложение для клиента, и вносить изменения в форму онлайн заказа на сайте.</b></p>
       
    </div>
    <div>
        <img src="https://docs.tn.in.ua/download/attachments/6816063/number_5.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">
        <p><b>Синхронизация с программой Такси Навигатор</b></p>

    </div>

 <div>
        <img src="https://docs.tn.in.ua/download/attachments/6816063/number_5.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">
        <p><b>Личный кабинет</b></p>

    </div>




 </div>
<style>
        .menu {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        list-style: none;        
        margin: auto;
    }

    .menu div{
        width: 180px;
    }

    .menu p {
        text-align: center;        
        margin-bottom: 0px;
    }

    .menu img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


   /* #title-heading {
        display: none;
    }

    .page-metadata {
        visibility: hidden;
    }*/


</style>





Возможности для клиента


<div class="menu">
    <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/number_1.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
        <p><b>Оформление заказа</b></p>
        
  
    </div>
    <div>
 <img src="https://docs.tn.in.ua/download/attachments/6816063/number_2.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_3.png">
        <p><b>Поиск машины</b></p>
       
    </div>
    <div>
 <img src="https://docs.tn.in.ua/download/attachments/6816063/number_4.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_4.png">
        <p><b>следить на карте за перемещением найденной машины к клиенту </b></p>
       
    </div>
    <div>
        <img src="https://docs.tn.in.ua/download/attachments/6816063/number_5.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">
        <p><b>Дополнительные услуги</b></p>

    </div>

 <div>
        <img src="https://docs.tn.in.ua/download/attachments/6816063/number_5.png"> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">
        <p><b>Личный кабинет</b></p>

    </div>




 </div>
<style>
        .menu {
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        list-style: none;        
        margin: auto;
    }

    .menu div{
        width: 180px;
    }

    .menu p {
        text-align: center;        
        margin-bottom: 0px;
    }

    .menu img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


   /* #title-heading {
        display: none;
    }

    .page-metadata {
        visibility: hidden;
    }*/


</style>