home > support > solution library > booking engine > design look and feel

Booking Engine Design, look and feel

There are a variety of ways to get the booking engine to match your website design, by far the simplest to use are the inbuilt colour selections and banner uploads.

Colour

Log in to TourCMS and head to Channel Manager > Design look & feel, you should see several colour pickers like so:

If you have colour codes you can enter them directly, alternatively click the small multicoloured icon and the colour picker shown in the screenshot above will appear.

If you want to match the exact colours of your website but don't have the colour codes there are third party applications that will let you "pick" the colours out of your existing website, one great example is the colorzilla add-in for the Firefox web browser.

Logos & banners

Further down on the Design look & feel page is the Top banner image field, this will let you upload a banner image that goes along the top of every page of your booking engine.

There are two possible locations for the banner image which can be configured by the Top banner image position field, "Standard" is the most popular and places the banner neatly inside the main box. The following image shows the two different placements:

In addition to the change in location the "Panoramic" banner also repeats to fill the available browser width, the "Standard" banner is only displayed once on each step.

Examples

There are some great implementations out there, here's a few screenshots of some we've spotted in the wild:

Need more control?

Web designers & developers can go further by adding custom HTML & CSS to the booking engine to replicate website designs, navigation etc.

More information