There are 2 design options that you can use for the front end (the part that you integrate on your own website).
Go to the back end > Dashboard > Settings > Design settings.

Select Design 1 - accordion style booking form or Design 2 - 3 step based booking process.
As you select the design you prefer that design will be immediately changed at your front end. It is best if you preview and make sure that everything is as you desire by going to Dashboard > Get the code > Preview or back end > Preview button.

When you select Design 1 you will be able to select some colors specific to your brand and/or website:

Active Tab Color - clicked/selected Address search, Fixed fare routes, Shared rides, My account etc. tabs at the top of the booking form.
Inactive Tab Color - as above but the tabs that are not clicked/selected.
Font Color of Headers & Tabs - the color of the font in Tab names and booking process steps of the accordion. 
Font Color on First step - first step background is the same as Active Tab Color so please select a contrasting Font color.
Boxes Color - the background color of the input boxes within the booking form.
Font Color in Boxes - the font color as your customers type, make it contrast to the above background color.
BG Color on Other Steps - the background color on all steps but the first one of the booking process.
Font Color on Other Steps - the font color of all texts on other than the first step of the booking process, make it contrast to the color above.
See Price Button - Call to action buttons see price background color, make it easy to see and appealing to click.
Highlights - we have highlighted some important texts through the booking process, chose a contrast to other texts color to highlight their importance.
BG Color on Shared Rides Calendar - the background color of Shared rides calendar 
Font Color on Shared Rides Calendar - the font color of the texts inside the Shared rides calendar, make it contrast to the background color above.
Links Color on Shared Rides Calendar - links color in the Shared rides calendar, make it appealing to click, links are usually blue but use your better judgement.

When you select Design 2 you will be able to change some aspects of how it looks:

The whole design is a clean and modern. The background is light and all texts are dark for crisp look and easy readability.
Highlights - all buttons, headers and important texts throughout the whole booking process. Use a contrast color to white that matches your brand and/or website highlights.
BG Color on Shared Rides Calendar - the background color of Shared rides calendar
Font Color on Shared Rides Calendar - the font color of the texts inside the Shared rides calendar, make it contrast to the background color above.
Links Color on Shared Rides Calendar - links color in the Shared rides calendar, make it appealing to click, links are usually blue but use your better judgement.
Cars default display: List/Grid - the display of Cars section, second step of the booking process.
Show map on mobile devices: Yes/No - if "No" selected then the Map will be hidden in narrow displays (mobile devices). This helps not only with display on smaller screens but also some users find it confusing when slide around the screens and map starts moving around.
Show Booking summary on Step 2: Yes/No - at the top of the second step the Booking summary for Pick up and Drop off selected on first step is displayed. If you select "No" here this summary will be hidden.
Show Grid/List block on Step 2: Yes/No - Grid/List block is a functionality that allows users to view car results as Grid (side by side) or List (one car on each row). If you select "No" here this strip with display choices will be hidden.
Exit link - input box to enter a URL (best to use your website's Home page). When URL is entered "Exit" link will show at front end Header menu. On click this link will lead the user to your URL.

Don't forget to Save after you have done your changes.


Website operated by KANEV Web Development Limited, registered in England and Wales #8902407