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

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

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

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

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


<div class="menu">
    
    <div>
<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/icon_1.png">
        <p><b>Форма онлайн заказа  сайте с корпоративными цветами</b></p>
        
  
    </div>


    <div>
 <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/icon_1.png">
        <p><b>Оформление заказа</b></p>
        
  
    </div>
    <div>
<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/icon_4.png">
        <p><b>следить на карте за перемещением найденной машины к клиенту </b></p>
       
    </div>

 <div>
 <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/icon_1.png">
        <p><b>Документация по API с описанием</b></p>
 </div>        
  
   
 <div>
<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/icon_1.png">
        <p><b>Разработать форму онлайн заказа для  сайта</b></p>
   



 </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>