Brand Respax Tourdesk
Index
Overview
Tourdesk allows a company to brand the Tourdesk environment with the same theme as the company website. At least 3 specific files must be uploaded to Respax Tourdesk: header.html, footer.html and meta.html. Any images or file that you use in these 3 files must also be uploaded. Image size restrictions apply. No image or file can be larger than 50k. You can also upload java script and css files. Your header and footer files will be wrapped around the Respax Tourdesk pages and the meta file will be inserted into the HEAD section of the page.
Necessary settings...
There are three settings/requirement that must be met before branding can be implemented or tested: Cart payments, Anonymous Logins, Enable Card Authentication must all be enabled. An anonymous user must be set up. Follow the following steps to accomplish if these have not been enabled/created:
Under the My Company -> Company tab enable Cart payments, Anonymous logins, Enable Card Authentication by selecting Yes as below...
Under the My Company -> Users tab click Add New User. Set up a new user with the anonymous box ticked as below...
Necessary files...
To brand TourDesk, .html files need to be created and uploaded onto the site with the required .css, .js and image files. Three specific files need to be uploaded,
Please Note: All html files are required to have attached images, stylesheets, etc. uploaded to TourDesk.
You must prefix all files referenced in header.html, footer,html and meta.html including images, css or js files with ../../terrain/<orgid>/
The orgid for your company is found on the Branding tab. In this example the orgid for our company is 250.
1.Header.html
An example of a typical header html code is...
<div class="tutorial_header"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="padding:30px 20px 0 50px;"><img src="../../terrain/250/Tutorial-logo.png" /></td> <td style="font-weight:bold;color:black;padding-top:60px;">TUTORIALS WITH A VENGENCE</td> </tr> </table> </div>
The resulting header would look like...
2.Footer.html
An example of a typical footer html code is...
<div class="tutorial_footer">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:12px;">
<tr>
<td style="color:black;text-align:right;">This is a Tutorial Footer Note...</td>
<td style="padding:0 10px 0 20px;width:158px;"><img src="../../terrain/250/tutorials-logo.gif" /></td>
</tr>
</table>
</div>The resulting header would look like...
3.Meta.html
An example of a typical meta html code is...
<link href="../../terrain/250/tutorial.css" rel="stylesheet" type="text/css">
An example of a typical css stylesheet is...
body {
margin:0;
padding:0;
background-color:white;
background-repeat:repeat-x;
}
.tutorial_header {
height:121px;
margin:0 0 8px 0;
}
.tutorial_footer {
height:116px;
margin:8px 0 0 0;
background-color:white;
background-repeat:repeat-x;
}
.global_footer {
margin:0;
padding:0;
background-color:white;
}
The result would look like...
Branding
To add the Necessary files, go to the Branding tab under My Company...
Note where the orgid for the correct path is located.
To preview the current look of a branded site, click on the link below the current list of uploaded files...
