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

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

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

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

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

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

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

    <div class="menuheader">
         <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_3.png"><h1>Начало использования</h1>
        <p><b>Оформление заказа без обращения в диспетчерскую</b></p><h2>Основные возможности</h3>
       
    </div>

   

<div> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">  <style>
      <p><b>Форма онлайн заказа.header {
сайте с корпоративными цветами</b></p>         
  
    </div>


    <div>
 <img src="https://docs.tn.in.ua/background-image: url("/download/attachments/68160636817661/iconbg_53.png">);
        <p><b>Синхронизация с программой Такси Навигатор</b></p>
 text-align: center;
    </div>       </div> <style> padding: 20px;
      .menu { }
       margin: 0px;
        padding: 0px;.header h1,
        display: flex;.header h2,
        flex-flow: row wrap;.header span {         justify-content: center;  
      list-style: none;        
        margincolor: autowhite;
    }    }
 		.menuheader div{h1,
        width: 180px;
    }

    .menu p.header h2 {         text-align: center;  
              margin-bottom: 0px20px;
    }    }
 .menu img {     .header h1 {
 display: block;         margin font-leftsize: auto48px;
			line-height: 1.5;
      margin-right: auto;     }
		.header h2 {
  /* #title-heading {         displayfont-size: none18px;
    }    }
 .page-metadata {		.header a:link,
        visibility.menu a:link hidden;{
    }*/   </style>

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

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

<div class="menu">text-decoration: none;
     <div> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
 }
       <p><b>Оформление заказа</b></p>
        .header a:visited,
      </div>     <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_3.png">
.menu a:visited {
       <p><b>Поиск машины</b></p>    text-decoration: none;
       </div> }
   <div> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_4.png">   
     <p><b>следить на карте за.header перемещениемspan найденной{
машины к клиенту </b></p>         margin: 10px 15px 10px </div>
    <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">
  15px;
			font-weight: 600; 
		}
     <p><b>Дополнительные услуги</b></p>  
   </div>   <div>  <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">
.header span:hover {
       <p><b>Личный кабинет</b></p>    background-color: #C88A00;
</div>      </div> <style>      border-radius: 0.5em;
 .menu {          margin: 0px;
        padding: 0px;   padding: 10px 15px    display: flex10px 15px;
        flex-flow:}
row wrap;       
 justify-content: center;      .menu ul{
 list-style: none;                 margin: auto0px;
    }      .menu div{ padding: 0px;
      width: 180px;     }display: flex;
    .menu p {         text-alignflex-flow: centerrow wrap;
                margin-bottomjustify-content: 0pxcenter;
    }      .menu img {
        display: block list-style: none;
        margin-left: auto;         margin-rightmax-width: auto1400px;
    }      /* #title-heading {
        display margin: noneauto;
    }    }
 .page-metadata {      
  visibility: hidden;     }*/.menu li {
</style>

Возможности для разработчиков

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

<div class="menu">     <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
  border: 1px solid #A0A0A1;
     <p><b>API с детальным описанием </b></p>  </div>   border-radius: 10px;
            
 <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
margin: 20px;
       <p><b>разработать свое мобильное приложение для клиента</b></p>
  </div> height: 115px;
            
 <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
flex-basis: 400px;
       <p><b>и вносить}
изменения в форму онлайн заказа на сайте</b></p>  
      </div>  .menu li <style>img {
       .menu {    background-color: #F0F4F8;
   margin: 0px;         paddingfloat: 0pxleft;
        display: flex;         flex-flow: row wrap;
        justify-content: centermargin-right: 5px;
border-top-left-radius: 10px;
        list-styleborder-bottom-left-radius: none10px; }
        
      margin: auto;     }

    .menu div{li h3 {
      width: 180px;     }margin: 8px 8px 0px 0px;
 .menu p {         text-aligncolor: center#5685BE;
        }
       margin-bottom: 0px;
    }      .menu imgli p {
        display: block;   margin: 8px 8px 8px 0px;
 margin-left: auto;         margin-right color: auto#717171;
    }


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

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

Image Added

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

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

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

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

Ключ

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

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

Возможности для разработчиков