Форма онлайн заказа размещается на Вашем сайте и позволяет его посетителям оформить заказ такси в Вашей службе без обращения в диспетчерскую, что значительно упрощает работу диспетчера, экономя время на приеме заказа.
Предоставляем два вида формы онлайн заказа: простая и расширенная.
Простая форма не подлежит никаким изменениям, позволяет оформить заказ из точки А в точку Б с предварительным просчетом.
Вся дальнейшая инструкция большей частей описывает возможности расширенной формы онлайн заказа.
Возможности для клиента
- указать несколько точек маршрута
- выбрать класс автомобиля
- указать дополнительную услугу (загрузка салона, перевозка животного...)
- добавить к стоимости заказа, чтобы увеличить шанс на нахождение машины
- оформить предварительный заказ
- просчитать тариф
- следить на карте за перемещением найденной машины к клиенту.
Также клиенты могут зарегистрироваться и иметь доступ к личному кабинету, в котором можно просмотреть не только информацию о последних заказах, а также баланс (для безналичного клиента), бонусный счет, повторить заказ из истории, увидеть общее количество заказов за весь период, изменять свои данные и т.д.
Возможности для разработчика
API с детальным описанием позволяет разработать свое мобильное приложение для клиента, и вносить изменения в форму онлайн заказа на сайте.
Синхронизация с программой Такси Навигатор
Заказы, созданные клиентом он-лайн, автоматически отображаются в программе Такси Навигатор и проходят такой же цикл, как и заказы, созданные диспетчером, подробнее в статье Связь онлайн-заказа и программного модуля "Такси Навигатор".О настройках для онлайн-заказа в программном модуле "Такси Навигатор" детали представлены в статье Настройки WebOrders.
| Макрос генерирует HTML разметку |
|---|
<div class="header">
<h1>Начало использования</h1>
<h2>Основные возможности</h3>
</div>
<style>
.header {
background-image: url("/download/attachments/6817661/bg_3.png");
text-align: center;
padding: 20px;
}
.header h1,
.header h2,
.header span {
color: white;
}
.header h1,
.header h2 {
margin: 20px;
}
.header h1 {
font-size: 48px;
line-height: 1.5;
}
.header h2 {
font-size: 18px;
}
.header a:link,
.menu a:link {
text-decoration: none;
}
.header a:visited,
.menu a:visited {
text-decoration: none;
}
.header span {
margin: 10px 15px 10px 15px;
font-weight: 600;
}
.header span:hover {
background-color: #C88A00;
border-radius: 0.5em;
margin: 0px;
padding: 10px 15px 10px 15px;
}
.menu ul{
margin: 0px;
padding: 0px;
display: flex;
flex-flow: row wrap;
justify-content: center;
list-style: none;
max-width: 1400px;
margin: auto;
}
.menu li {
border: 1px solid #A0A0A1;
border-radius: 10px;
margin: 20px;
height: 115px;
flex-basis: 400px;
}
.menu li img {
background-color: #F0F4F8;
float: left;
margin-right: 5px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; }
.menu li h3 {
margin: 8px 8px 0px 0px;
color: #5685BE;
}
.menu li p {
margin: 8px 8px 8px 0px;
color: #717171;}
#title-heading {display: none;}
.page-metadata {visibility: hidden;}
</style>
|
