Формулар за резервацију веб странице
Да бисте почели да користите формулар за резервацију на вашој веб страници, потребно је да сазнате посебан технички број ваше компаније (токен). Да бисте то урадили, морате да одете на Профил компаније на картици Компанија, тамо ћете пронаћи линију АПИ токена. Да бисте копирали токен, потребно је да кликнете на њега и он ће бити копиран.&нбсп; Након што добијете број, потребно је да убаците само неколико редова у код вашег сајта.
Овај код се мора уметнути између ознака <head>
<link href="https://rentprog-b5205.web.app/css/app.css" rel="stylesheet"/>
Овај код се мора уметнути пре завршне ознаке </body>
<script src="https://rentprog-b5205.web.app/js/app.js"></script>
Ово је код саме апликације, потребно га је уметнути између ознака <body> на месту које вам је потребно
<rentprog-widget
token="token"
locale="sr"
show_all_cars='true'
hidden_car_year='false'
places='[{"place":"Office","price":0},{"place":"Delivery within the city","price":30},{"place":"Airport","price":80}]'
equipment='[{"item":"Roof rack","price":40, "daily": true},{"item":"GPS Navigator","price":15, "daily": false}]'
middlename_required="false"
agreement='{"text": ", and also accept ", "link_text": "rental terms", "link": "https://rentprog.ru/public/agreement.html"}'
button_classes="text-4xl lg:text-lg h-14 lg:h-10 bg-blue-500 flex justify-center items-center w-full text-white px-4 py-3 mt-2 rounded-md focus:outline-none"
icon_classes="h-14 w-14 bg-yellow-200 rounded-full flex flex-shrink-0 justify-center items-center text-yellow-500 text-2xl font-mono"
form_container="py-8 text-base leading-6 space-y-4 text-gray-700 sm:text-lg lg:text-base"
container_classes="relative px-2 py-4 lg:px-10 lg:py-10 bg-white lg:mx-8 mx-0 shadow"
title_container_classes="block pl-2 font-semibold text-xl self-start text-gray-700"
title_classes="lg:leading-relaxed sm:text-4xl text-xl"
show_email="false"
show_phone="false"
show_middlename="false"
show_birthday="false"
show_passport="false"
show_driver_license="false"
rental_object="Choose a boat"
>
</rentprog-widget>
token - морате да убаците свој АПИ токен. Може се наћи у профилу компаније, на картици Предузеће. Морате да кликнете на њега и токен ће бити копиран у међуспремник.
locale - језик форме, треба убацити en - за English, de - за German, fr - за French, pt - за Portuguese, es - за Spanish, hi - v Hindi, sr - за Serbian, tr - за Turkish, th - v Thai, it - за Italian, id - за Indonesian.
show_all_cars - показати све аутомобиле; подразумевано се приказују само оне доступне за одређене датуме, узимајући у обзир интервал између резервација наведен у подешавањима.
show_email - приказати поље за унос е-поште или не. Ако је вредност „тачно“, поље ће бити приказано; ако је вредност "фалсе", поље ће бити скривено.
show_phone - приказати поље за унос телефона или не. Ако је вредност „тачно“, поље ће бити приказано; ако је вредност "фалсе", поље ће бити скривено.
show_middlename - приказати поље за унос средњег имена или не. Ако је вредност „тачно“, поље ће бити приказано; ако је вредност "фалсе", поље ће бити скривено.
show_birthday - показати поље за унос датума рођења или не. Ако је вредност „тачно“, поље ће бити приказано; ако је вредност "фалсе", поље ће бити скривено.
show_passport - показати поље за унос података о пасошу или не. Ако је вредност „тачно“, поље ће бити приказано; ако је вредност "фалсе", поље ће бити скривено.
show_address - приказати поље за унос адресе или не. Ако је вредност „тачно“, поље ће бити приказано; ако је вредност "фалсе", поље ће бити скривено.
show_driver_license - показати поље за унос података о возачкој дозволи или не. Ако је вредност „тачно“, поље ће бити приказано; ако је вредност "фалсе", поље ће бити скривено.
rental_object - параметар који замењује линију „Изабери аутомобил” унетом вредношћу, на пример „Изабери брод”.
hidden_car_year - сакријте годину производње аутомобила, ако је постављена на „тачно“, тада ће година бити сакривена, ако је постављена на „нетачно“ или параметар недостаје, тада ће бити приказана година.
passport_required -поља података пасоша, ако су постављена на „тачно“, поља постају обавезна.
driver_license_required - поља података возачке дозволе, ако је вредност „тачно“, поља постају обавезна, ако „нетачно“ онда су опциона.
birthday_required - поље датума рођења, ако је „тачно“, поља постају обавезна, ако је „нетачно“ онда су опциона.
email_required - Email поље, ако је „тачно“, поља постају обавезна, ако је „нетачно“ онда су опциона.
phone_required - поље за унос телефона, ако је „тачно“, поља постају обавезна, ако је „нетачно“ онда су опциона.
middlename_required - Поље за унос средњег имена, ако је „тачно“, поља постају обавезна, ако је „нетачно“ онда су опциона.
places - Ово су места испоруке и пријема, са назнаком цена за испоруку/пријем. Ако вам нису потребни подаци поља, уклоните ову опцију.
equipment - листа додатне опреме, daily - плаћање дневно или за цео период најма, price - цена. Ако вам ово поље није потребно, једноставно уклоните овај параметар.
chairs - дечија седишта, daily - плаћање дневно или за цео период најма, price - цена. Ако вам нису потребни подаци поља, уклоните ову опцију.
boosters - дечије столице без наслона (седишта), подешавања су иста. Ако вам ова поља нису потребна, избришите овај параметар.
agreement - први ред је фиксиран, пошто прикупљамо личне податке, ако желите да додате линк на своје услове и одредбе, потребно је да попуните овај параметар.
Ако столице, појачивачи, опрема, параметри споразума нису потребни, једноставно их уклоните из кода.
Визуелни дизајн
За дизајн се користи библиотека Таилвинд в2. Више детаља о томе овде. Да би се убрзало учитавање обрасца, не користе се све класе, већ само оне које се већ користе у обрасцу, као и све класе боја позадине и текста (бг-... и тект-...). Ако вам је заиста потребна додатна класа, пишите подршци и ми ћемо је додати. Ако желите да унесете промене, користите променљиве испод. Најбоље је оставити подразумеване класе које су одговорне за увлаке итд. и променити само класе које су одговорне за боју позадине и текста. Али уношење промена у удубљења итд. је такође могуће, али то може утицати на приказ на различитим уређајима, будите пажљиви. Подразумеване вредности можете видети у горњем примеру, као и у генерисаном обрасцу на вашој веб локацији. Употреба променљивих испод је опциона; ако нису попуњене, биће узете подразумеване вредности.
button_classes - css класе које контролишу визуелни приказ дугмади.
icon_classes - css класе које контролишу визуелни приказ иконе са леве стране.
container_classes - css класе које контролишу визуелни приказ контејнера.
form_container - css класе које контролишу визуелни приказ контејнера обрасца.
title_container_classes - css класе које контролишу визуелни приказ контејнера заглавља.
title_classes - css класе које контролишу визуелни приказ заглавља.