Introduction

This document will help you to understand where and how you can customize and set your widget. A widget is a predefined and customized search form that once embedded within your website, it will allow you to have a booking engine available on the page where is embedded. 


In case we have a specific note that a client/reader should be aware of, we should write it here. 
Ex: They need to contact support to activate a feature;


TABLE OF CONTENTS



Setup

In order to find the Wizard tab, follow the next path:

Admin panel → Wizard


Image 1. Wizard tab location

 

Widget Styles

Here you have two fields:

  • Search Form Style
  • Header


Image 2. Wizard


Search Form Style

Widget type

You can select two types of the widget. You can choose between simple and Expedia-like widgets.


Image 3. Form Style



The simple widget will be set by default. The simple is smaller and does not have too many options for searching. When you select the Simple widget and click on the Save and Preview button under the widget preview you can see what the Simple widget looks like. As you can see you do not have too many advanced options to search except flexible dates and preferred cabin class:


Image 4. Simple widget


NOTE: Some of the option that will be available on the widget depands on the setup.


The Expedia-like widget is a larger widget, with more advanced options when you are performing a search. You will have an advanced search that allows you to make even more restrictive searches.


Image 5. Expedia-like widget


Under advanced options, you can specify if you want to search only for non-stop flights. You can activate flex date search and also specify the airline and cabin class:


Image 6. Advanced options in Expedia-like widget

Widget colors


And the final part of the customization of the widget is the colors. You can specify the colors for your widget. You can set the background color, button main color, label text color, search button text color, menu background color, menu active background color and menu text color.



Image 7. Widget colors



Placing widget on the website


The only thing that is left is to place the widget on your website and it is very simple. All that you or anybody who maintains your website need to do is to take widget code, copy and paste it where you want to be displayed and that is all:


Image 8. Widget code


NOTE: If you are using Wix or GoDaddy, you do not need to copy entire code of the widget. You only need to copy link for the widget from the code:
If you want that Hotel or Car search be preselected by default you should add this &type=hotel or &type=car on the end of the URL.


Results

When we are finished with the Widget itself, we can move on to the Results tab:

Image 9. Results Tab



Here, we will also see a new option for Customization, the "Result Page".


We will be able to change every aspect of the Result Page through these options.


Image 10. Results - Result Page Options


After changing some of the options so we can see the change on the screen, we can see that all of the Buttons have been changed:


Image 11. Results Customized Tab