Skip to main content

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 specification
  • height — Widget height specification
  • allow — 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>

Fixed width example


#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>

Fluid full screen example


#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:

  1. Embed the widget on the main domain or a dedicated subdomain.
  2. Contact the ETT manager to register your domain.