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

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

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

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

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

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

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

<div class="menu">     <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png<div class="header">
        <p><b>Форма онлайн заказа размещается на Вашем сайте</b></p><h1>Начало использования</h1>
        <h2>Основные возможности</h3>
      </div>

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

    .menu div{			line-height: 1.5;
         width: 180px;
    }
		.header h2 {
  .menu p {         textfont-alignsize: center18px;
        }
       margin-bottom: 0px;		.header a:link,
     }      .menu imga:link {
        display: block;         margin-lefttext-decoration: autonone;
        margin-right: auto;}
     }   
  /* #title-heading {    .header a:visited,
   display: none;    .menu }a:visited {
    .page-metadata {         visibilitytext-decoration: hiddennone;
    }*/   </style> }

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

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

<div class="menu">   
 <div> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">     .header span {
 <p><b>Оформление заказа</b></p>          margin: 10px 15px 10px 15px;
			font-weight: 600; </div>
		}
   <div> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_3.png">   
     <p><b>Поиск машины</b></p>  .header span:hover {
        </div>     <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_4.png">
background-color: #C88A00;
       <p><b>следить на карте за перемещением найденной машины к клиенту </b></p>border-radius: 0.5em;
            margin: 0px;
 </div>     <div> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">    padding: 10px 15px 10px 15px;
<p><b>Дополнительные услуги</b></p>      </div> }
 <div>  <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">    
    <p><b>Личный кабинет</b></p>   .menu ul{
 </div>      </div> <style>     margin: 0px;
  .menu {         marginpadding: 0px;
        padding: 0px;   display: flex;
    display: flex;         flex-flow: row wrap;
        justify-content: center;         list-stylejustify-content: nonecenter;
                marginlist-style: autonone;
    }      .menu div{
         max-width: 180px1400px;
    }      .menu p {
        text-align margin: centerauto;
        }
       margin-bottom: 0px;
    }      .menu imgli {
        display: block;   border: 1px solid #A0A0A1;
  margin-left: auto;         marginborder-rightradius: auto10px;
    }      /* #title-heading {
        display margin: none20px;
    }      .page-metadata {
        visibility height: hidden115px;
    }*/   </style>

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

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

<div class="menu">
    <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
flex-basis: 400px;
       <p><b>API</b></p> }
        
        .menu  </div>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

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

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

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

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

Ключ

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

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

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