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

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

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

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

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

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

Макрос генерирует 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">
    <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
text-decoration: none;
       <p><b>Оформление заказа</b></p>}
        
       </div>     <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_3.png">.header a:visited,
        <p><b>Поиск машины</b></p>
.menu a:visited {
           </div>
  text-decoration: none;
  <div> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_4.png">    }
    <p><b>следить на карте за перемещением
найденной машины к клиенту </b></p>    .header span {
      </div>   <div>  <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_5.png">
        <p><b>Личный кабинет</b></p>margin: 10px 15px 10px 15px;
			font-weight: 600; 
		}
       </div> 
    </div> <style>    .header     .menu span:hover {
        margin: 0px;         paddingbackground-color: 0px#C88A00;
        display: flex;         flex-flow: row wrapborder-radius: 0.5em;
        justify-content: center;         list-stylemargin: none0px;
            padding: 10px 15px 10px margin: auto15px;
    }    }
 .menu div{      
  width: 180px;     }

    .menu p ul{
        text-align: center;   margin: 0px;
            margin-bottompadding: 0px;
    }      .menu img {display: flex;
       display: block;    flex-flow: row wrap;
  margin-left: auto;         marginjustify-rightcontent: autocenter;
    }      /* #title list-headingstyle: {none;
        display: none;   max-width: 1400px;
}      .page-metadata {     margin: auto;
  visibility: hidden;     }*/
  </style>

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

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

<div
class="menu">     <div> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
   .menu li {
      <p><b>API с детальным описанием </b></p>  </div>border: 1px solid #A0A0A1;
             <div>
<img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">
border-radius: 10px;
       <p><b>разработать свое мобильное приложение для клиента</b></p>
  </div> margin: 20px;
            height: 115px;
<div> <img src="https://docs.tn.in.ua/download/attachments/6816063/icon_1.png">         <p><b>и вносить изменения в форму онлайн заказа на сайте</b></p>flex-basis: 400px;
        }
     </div>   
<style>         .menu {li img {
      margin: 0px;     background-color: #F0F4F8;
  padding: 0px;         displayfloat: flexleft;
        flex-flow: row wrap;  margin-right:       justify-content: center5px;
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

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

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

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

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

Ключ

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

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

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