This option allows you to implement only a specific element of the widget
The element widget is the same Complete integration widget, but you can break it down and display only part of the widget according to the following elements.
| Element | Details |
|---|---|
| avl | Flights search engine |
| fnd | Find reservation |
| ock | Online Check-in |
| car | Car rental (if applicable) |
| pkg | Package search engine |
| vi | VI search engine |
"Action" should be placed in the action section in the URL of the iframe. You can separate these actions using a comma (,) between them. For instance: action=avl,fnd
Standard Widget
This widget will inherit design from the IBE settings.
To use the widget all you need to do is add an iframe element to your page at the location you desire. The iframe code should be:
<iframe src="http://devsandbox.aerocrs.systems/widget/searchelement.php?action=avl&lang=en" frameborder="0" width="440" height="438"></iframe>
<iframe src="http://devsandbox.aerocrs.systems/widget/searchelement.php?action=fnd&lang=en" frameborder="0" width="440" height="438"></iframe>
<iframe src="http://devsandbox.aerocrs.systems/widget/searchelement.php?action=ock&lang=en" frameborder="0" width="440" height="438"></iframe>
<iframe src="http://devsandbox.aerocrs.systems/widget/searchelement.php?action=car&lang=en" frameborder="0" width="440" height="438"></iframe>
Available GET parameters
| Parameter | Description | Example |
|---|---|---|
| action | What to show on the widget* | action=fnd,avl,ock |
| lang | Language of the widget | lang=en |
| direction | Widget direction (horizontal / vertical) | direction=horizontal |
| type | Use no colors or use default colors | type=bare |
| fonts | Specific font color | fonts=#F8F8F8 |
| buttons | Button background color | buttons=#3F3F3F |
| button-fonts | Button font color | button-fonts=#88F3CC |
| currency | Currency to use on the widget | currency=USD |
| couponCode | Coupon to be applied for customers | couponCode=FLIGHTS2020 |
*Mandatory parameters
For all of these elements except action - no selection will use the default settings of the airline's website. action is mandatory.
Height and Width
Please note that height and width are different among implementations.
Bare Widget
This widget will inherit design from the used page.
To use the widget all you need to do is add an iframe element to your page at the location you desire. the iframe code should be
<iframe src="http://devsandbox.aerocrs.systems/widget/searchelement.php?action=avl&type=bare&fonts=blackamp&buttons=grey&button-fonts=black" frameborder="0" width="440" height="438"></iframe>
<iframe src="http://devsandbox.aerocrs.systems/widget/searchelement.php?action=fnd&type=bare&fonts=blackamp&buttons=grey&button-fonts=black" frameborder="0" width="440" height="438"></iframe>
<iframe src="http://devsandbox.aerocrs.systems/widget/searchelement.php?action=ock&type=bare&fonts=blackamp&buttons=grey&button-fonts=black" frameborder="0" width="440" height="438"></iframe>
<iframe src="http://devsandbox.aerocrs.systems/widget/searchelement.php?action=car&type=bare&fonts=blackamp&buttons=grey&button-fonts=black" frameborder="0" width="440" height="438"></iframe>