Easy to Travel Widget Integration Guide
Overview
This documentation explains how to embed the Easy to Travel booking widget into web pages using IFRAME elements with specific attributes.
Key IFRAME Attributes
The widget requires four main attributes:
src— Widget URL with widgetID (e.g.,W-ao8htiwckg3q)width— Widget width specificationheight— Widget height specificationallow— Set to"payment"for payment processing capability
Integration Methods
#1 Fixed Dimensions
Uses a set pixel width (e.g., 500px) while height scales to 100%.
<iframe allow="payment" height="100%" src="https://sandbox-widget.easyto.travel/W-ao8htiwckg3q" style="border: none" width="500px"></iframe>
#2 Fluid Full Screen
Stretches to occupy entire viewport with width and height both at 100%.
<iframe allow="payment" height="100%" src="https://sandbox-widget.easyto.travel/W-ao8htiwckg3q" style="border: none" width="100%"></iframe>
#3 Fluid with Custom Markup
Allows integration of header and footer elements alongside the widget.
<header><p>Your header</p></header>
<iframe allow="payment" height="100%" src="https://sandbox-widget.easyto.travel/W-ao8htiwckg3q" width="100%"></iframe>
<footer><p>Your footer</p></footer>
Fluid width with custom markup example
#4 Inline
<iframe allow="payment" height="700px" src="https://sandbox-widget.easyto.travel/W-ao8htiwckg3q" width="500px"></iframe>
Configuration Options
Configure the widget by modifying the src URL. These options can be combined in a single URL.
Airport
Add the IATA airport code to the URL path to preset search results:
https://sandbox-widget.easyto.travel/W-ao8htiwckg3q/dxb
Currency
Use the currency GET parameter to set the default currency:
https://sandbox-widget.easyto.travel/W-ao8htiwckg3q/?currency=USD
Language
Use the language GET parameter to specify the language preference:
https://sandbox-widget.easyto.travel/W-ao8htiwckg3q/?language=uk
Combined Example
<iframe allow="payment" height="100%" src="https://sandbox-widget.easyto.travel/W-ao8htiwckg3q/DXB?currency=GBP&language=DE" width="100%"></iframe>
Example with widget configuration
Apple Pay and Google Pay Support
Apple Pay and Google Pay integration requires two conditions:
- Embed the widget on the main domain or a dedicated subdomain.
- Contact the ETT manager to register your domain.