Branding the Legacy Booking Engine

 Please note the below references an outdated Booking Engine which is no longer supported. Instructions for the NEW Online Booking Engine can be found in this article.

The internet booking engine packaged with Zaui has been designed so that the entire system can be re-branded allowing to you match its look and feel to your existing website brand.  Among other things, there are 2 key factors in e-commerce which can lead to an increase in conversion rates:

1. Domain brand-ability
2. Site brand-ability 

Domain Brand-Ability

This refers to the rebranding of the Zaui engine so that it operates as a sub-domain within your own domain of your operation.  This has already been achieved for you via the DNS ANAME entry that was required at the time of setting the system up for you. 

Typically, your system is accessed in the following way:

https://nameofyourdomain.zaui.net

Your internet booking engine is accessed in the following way:

https://nameofyourdomain.zaui.net/modules/webBooking/

Site Brand-Ability

The ability of rebranding the entire Zaui booking engine is what we refer to as site brand-ability.  Typically the rebranding of the system would be done by someone in your organization who is technical and has access to the website, website assets (graphics), and is familiar with your particular colours and brand.

The branding of the system can be broken down into 2 broad areas:

1. Custom header
2. CSS branding

Custom Header

The custom header is accessed from the back office Zaui system by navigating to Settings > Manage Internet Bookings > Manage Portals (see the previous section in this user guide).  The width of the header and system is 1100 px.

CSS Branding

The entire front end system can be controlled via the CSS (Cascading Style Sheet).  This can be accessed from your Internet Bookings Settings (Settings> Manage Internet Bookings> Default). Select the custom theme to gain access to the CSS.

The easiest way to re-brand the site is through the following steps:

• create a test portal by selecting Create New Portal from the shortcuts menu
• save a copy locally of the main CSS file that controls the layout for the engine
• Then, simply make the changes you need to the CSS file and publish it to the test portal until you're satisfied with the result. Then simply copy your finished product to your live portal

If you are simply looking to change the colours of the booking engine to better match your site, this website is all you need: 

http://css-color-replace.orca-multimedia.de/

Follow the steps above to access your CSS, save a copy to your desktop or wherever and open it using this website.  You can then edit the colours to match those used on your website. Click Generate New CSS. 

When you have completed your changes they can be attached to the new Portal using the back office system of Zaui.  Administrators have access to the updating of the portals so please contact an Administrator to have this done.