How to change popular destinations widget on your White Label page
Important!

This setting is only available for White Labels with the "Page" type. If you’re using “Widget” type, you can’t apply this setting.

Learn more about the difference between White Label Web types here.

On the main page of your White Label Web, a popular destinations widget is displayed below the search form. It shows a selection of cities with images and automatically pulls in up-to-date flight prices.

To change widget settings:

1. Open White Label Web settings in your Travelpayouts account. 

2. Open the Custom HTML code tab.

3. Find the following code:

<div class="tpwl-widgets__wrapper">
        <div class="tpwl__content">
          <h3>Popular destinations</h3>
          <div id="tpwl-widget-weedles" class="tpwl-widget-weedles">
            <div class="tpwl-widget-weedle" data-destination="IST" is="weedle"></div>
            <div class="tpwl-widget-weedle" data-destination="DXB" is="weedle"></div>
            <div class="tpwl-widget-weedle" data-destination="MOW" is="weedle"></div>
            <div class="tpwl-widget-weedle" data-destination="LAS" is="weedle"></div>
            <div class="tpwl-widget-weedle" data-destination="NYC" is="weedle"></div>
            <div class="tpwl-widget-weedle" data-destination="LON" is="weedle"></div>
          </div>
        </div>

4. Each line with data-destination="" represents a city shown in the widget. The values are IATA codes. 

  • To change a city, replace the IATA code with the one you need.
  • To add a city, insert a new line inside the tpwl-widget-weedles block.
    Example: to add Paris (CDG)
    <div class="tpwl-widget-weedle" data-destination="CDG" is="weedle"></div>
  • To remove a city, simply delete the corresponding line.

5. Save changes.

Where to find IATA codes?

IATA codes are three-letter airport codes (e.g., NYC for New York,and LON for London). You can look them up using an IATA code directory online.