Booking Engine Design, look and feel (article)

Susana Moleón Moya
Susana Moleón Moya
  • Updated

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 color selections and banner uploads.


Login to TourCMS and head to CONFIGURATION > CHANNELS > Desing look & feel, you should see several color pickers like so:


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

If you want to match the exact colors of your website but don't have the color codes there are third-party applications that will let you "pick" the colors out of your existing website, one great example is the colorzilla add-on 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.

Need more control?

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