История страницы

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

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

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

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

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

Макрос генерирует HTML разметку

    <div class="menuheader">
    <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"> <h1>Начало использования</h1>
        <p><b>Форма<h2>Основные онлайнвозможности</h3>
заказа размещается на Вашем сайте<</b></p>div>

   

    <style>
     </div>   .header {
<div>  <img src="https://docs.tn.in.ua/download/attachments/6816063/number_2.png"> <img src="https://docs.tn.in.ua/          background-image: url("/download/attachments/68160636817661/iconbg_3.png">);
        <p><b>формить заказ такси в Вашей службе без обращения в диспетчерскую, что 
значительно упрощает работу диспетчера, экономя время на приеме заказа.</b></p>text-align: center;
            padding: 20px;
        }
    </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">   .header h1,
    <p><b>API с детальным описанием позволяет.header разработатьh2,
свое мобильное приложение для клиента, и вносить изменения в.header формуspan онлайн{ заказа на сайте.</b></p>         
   </div>     <div>    color: white;
   <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">  }
		.header h1,
    <p><b>Синхронизация с программой Такси Навигатор</b></p>

 .header h2 {    </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">      margin: 20px;
 <p><b>Личный кабинет</b></p>      </div>}
     </div> <style>   .header h1 {
   .menu {         marginfont-size: 0px48px;
			line-height: 1.5;
      padding: 0px; }
		.header h2 {
    display: flex;         flexfont-flowsize: row wrap18px;
        justify-content: center;}
		.header a:link,
        .menu list-stylea:link none;{
            text-decoration: none;
  margin: auto;     }
     .menu div{  
      width: 180px; .header a:visited,
  }      .menu pa:visited {
            text-aligndecoration: centernone;
        }
       margin-bottom: 0px;
    }      .menuheader imgspan {
        display: block;   margin: 10px 15px 10px   margin-left15px;
			font-weight: auto600; 
		}
      margin-right: auto; 
   }      /* #title-heading .header span:hover {
        display    background-color: none#C88A00;
    }      .page-metadata {  border-radius: 0.5em;
        visibility    margin: hidden0px;
    }*/   </style>

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

Макрос генерирует HTML разметку

<div class="menu">
 padding: 10px 15px 10px 15px;
  <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> 
        .menu ul{
     </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">margin: 0px;
         <p><b>Поиск машины</b></p>  padding: 0px;
         </div>   display: flex;
<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">       flex-flow: row <p><b>следитьwrap;
на карте за перемещением найденной машины к клиенту </b></p>    justify-content: center;
       </div>     <div>
list-style: none;
       <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">
   max-width: 1400px;
       <p><b>Дополнительные услуги</b></p>    margin: auto;
</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> .menu li {
  </div>      </div> <style>    border: 1px solid #A0A0A1;
 .menu {         margin border-radius: 0px10px;
        padding    margin: 0px20px;
        display    height: flex115px;
            flex-flowbasis: row wrap400px;
        justify-content: center;}
        
list-style: none;       .menu li img {
      margin: auto;     }
background-color: #F0F4F8;
    .menu div{         widthfloat: 180pxleft;
    }      .menu p {
  margin-right: 5px;
border-top-left-radius: 10px;
     text-alignborder-bottom-left-radius: center10px; }
        
      margin-bottom: 0px; .menu li h3 {
}      .menu img {    margin: 8px 8px 0px 0px;
display: block;         margin-left  color: auto#5685BE;
        margin-right: auto;}
     }   
  /* #title-heading {    .menu li p {
 display: none;     }      .page-metadata {
 margin: 8px 8px 8px 0px;
      visibility: hidden;     color: #717171;}*/
		#title-heading 
</style>





{display: none;}
		.page-metadata {visibility: hidden;}
 </style>

Image Added

Дерево страниц

Сравнение версий

Старая версия 7

Новая версия Текущий

Ключ

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

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