White Label Partnerships
There are three main types of customisation available through the white label program.
If you do not have an account, you must first complete the registration process at www.travelfusion.com.
Once you have an account, you can create and customise your white label by logging in to
www.travelfusion.com
and clicking 'White Label'
on the admin page. You will then be presented with your 'white label profile' which contains a form where you can specify the
customisation you require.
URL Domain Customisation
You can customise the URL of your TRAVELfusion white label to be any URL. If you are happy to use a TRAVELfusion subdomain, such as flights4yoo.travelfusion.com, then all you have to do is configure your white label profile as follows:
- Enter the subdomain in the 'Name' field on the form. In this example, you would enter 'flights4yoo'
- Leave the 'Alternate Domain' field blank
- Submit the form
Now try entering the full URL in a browser (in this case 'flights4yoo.travelfusion.com'). You should be presented with the TRAVELfusion website, but with the header and footer missing, as shown in the screen shot below.
If you would like to use your own domain name, such as www.flights4yoo.com, you must do the following:
- Enter the required URL (e.g. 'www.flights4yoo.com') into the 'Alternate Domain' field of your whilte label profile.
- A value must be entered into the 'Name' field, although it will not matter what value you use.
- Change your DNS settings to point the specified URL to www.travelfusion.com (using a 'CNAME' DNS setting). If you are unsure how to do this, you may need to contact your domain registration provider or DNS provider for advice.
User Interface Customisation
Each HTML page served by travelfusion consists of the core HTML which is defined by TRAVELfusion (shown in screenshots above), and the 'header' and 'footer' HTML. The header and footer create a wrapper around the basic service and define the look and feel of the site. Your white label profile contains 3 fields where you can enter your own HTML to be used as the header and footer, and so you can customise the look and feel of the site. The 3 fields are:
- 'Headers 1' - this HTML will be inserted into the '<head>' of each TRAVELfusion HTML page. Typically this is not needed and can be left blank.
- 'Headers 2' - this HTML will be inserted at the start of the '<body>' of each TRAVELfusion HTML page.
- 'Footers' - this HTML will be inserted at the end of the '<body>' of each TRAVELfusion HTML page.
The following diagram shows more specifically how these three HTML fields will be inserted into a typical TRAVELfusion HTML page:
<html> <head> [Your Headers1] [TF javascript and stylesheets etc] </head> <body> [Your Headers2] [Travelfusion html (e.g. search form or search results)] Powered by <a href='http://www.travelfusion.com'>Travelfusion.com</a> [Your Footers] </body> </html>
Search Parameter Pre-Filling
In order to bypass the travelfusion search page, a form can be used within your own website to submit search parameters to TRAVELfusion. This form should be of the format shown below, but the layout and design of the form can obviously be modified to fit your requirements.
<form action="http://flights4yoo.travelfusion.com/customSearch" method="post" name="TFForm"> <input name="from" value="London"/><br> <input name="to" value="Paris"/><br> <select name="journeyType"> <option value="oneway">One-way</option> <option value="return" selected>Return</option> </select><br><br> <select name="outwardDay"> <option value="01">1st</option> <option value="02">2nd</option> ... </select> <select name="outwardMonth"> ... <option value="12">December</option> <option value="01">January</option> ... </select> <select name="outwardYear"> ... <option value="08">2008</option> <option value="09">2009</option> ... </select><br><br> <select name="returnDay"> <option value="01">1st</option> <option value="02">2nd</option> ... </select> <select name="returnMonth"> ... <option value="12">December</option> <option value="01">January</option> ... </select> <select name="returnYear"> ... <option value="08">2008</option> <option value="09">2009</option> ... </select><br><br> <input name="nbAdults" value="1"/><br> <input name="nbChildren" value="0"/><br> <input name="nbInfants" value="0"/><br> <select name="classType"> <option value="economy" selected>Economy</option> <option value="business">Business</option> <option value="first">First</option> </select><br><br> <input name="nbRooms" value=""/><br> <input type="checkbox" name="flights" /> Flights<br> <input type="checkbox" name="trains" /> Trains<br> <input type="checkbox" name="ferries" /> Ferries<br> <input type="checkbox" name="hotels" /> Hotels<br> <input type="checkbox" name="cars" /> Cars<br> <input type="submit" value="SUBMIT"/> </form>The following table describes the various field formats and meanings:
| Field | Format | Meaning |
|---|---|---|
| 'action' | URL | The domain that you wish to use to link to the TRAVELfusion service, followed by '/customSearch'. |
| 'from' | Free text | The start location of the journey |
| 'to' | Free text | The end location of the journey |
| 'journeyType' | 'oneway' or 'return' | |
| 'outwardDay' | Integer between 1 and 31 padded to two digits | The day of the month of the outward journey |
| 'outwardMonth' | Integer between 1 and 12 padded to two digits | The month of the year of the outward journey |
| 'outwardYear' | Integer padded to two digits | The short format of the year of the outward journey |
| 'returnDay' | Integer between 1 and 31 padded to two digits | The day of the month of the return journey |
| 'returnMonth' | Integer between 1 and 12 padded to two digits | The month of the year of the return journey |
| 'returnYear' | Integer padded to two digits | The short format of the year of the return journey |
| 'nbAdults' | Integer | Indicates the number of adults |
| 'nbChildren' | Integer | Indicates the number of children |
| 'nbInfants' | Integer | Indicates the number of infants |
| 'classType' | 'economy', 'business' or 'first' | Indicates the class type |
| 'nbRooms' | Integer | Indicates the number of rooms |
| 'flights' | 'on' or 'off' | Indicates if the flights search is active |
| 'trains' | on' or 'off' | Indicates if the trains search is active |
| 'ferries' | on' or 'off' | Indicates if the ferries search is active |
| 'hotels' | on' or 'off' | Indicates if the hotels search is active |
| 'cars' | on' or 'off' | Indicates if the cars search is active |
There are 2 ways in which this form may be implemented. The first option is to display it directly within your HTML. For example, the form below can be filled in by your user and submitted (just click the submit button below to try it). The second option is for customers who already have their own search form. In this case, the TFForm above should be hidden by setting each of the inputs/ selects to have attribute type="hidden", and using javascript to transfer data from the existing form to the TFForm and then submit it.
About TRAVELfusion | Contact Our API Support Team | Latest API Change - 2nd January

