AirFare Content

Put Flights Front and Center

Showcase real-time fares on any page with a plug-and-play widget.
The AirFare Content widget lets you highlight deals from a specific airport - perfect for
seasonal campaigns, route launches, or partner promotions. No coding or design required.

Feature real-time fares
with a plug-and-play widget

The AirFare Content widget displays dynamic fares from a specifc origin airport - perfect for spotlighting active deals, seasonal specials, or featured routes. By default, it highlights the airport’s most popular searches, starting with the lowest fares.

Designed for quick and easy implementation
Great for homepage, campaign pages, or a larger list of key destinations
Uses real fare data to boost relevance and engagement

Example for Chicago(ORD) Airport

Request Demo Request Access

Easy to Use Instructions

Simply paste the following code in your HTML editor where you want the widget to appear


            <script src="https://widgets.flymyairport.com"></script>

            <fma-airfare-content></fma-airfare-content>

Placing on a color background

Paste the following code snippets in your site content editor at the location you want it to appear.

Live Preview

Background Settings

1

Background Color:

Text Color:

Price Color:

Text Alignment:

Padding:

Border Radius:

Code

2


<script src="https://widgets.flymyairport.com"></script>
<fma-airfare-content theme="dark"></fma-airfare-content>

<style>
  /* Style the main container */
  fma-airfare-content::part(airfare-content-container) {
    background-color: #003061;
    border-radius: 8px;
    padding: 16px;
    transition: background-color 0.3s ease;
  }

  /* Style individual flight items */
  fma-airfare-content::part(airfare-content-item) {
    text-align: center;
  }
</style>

For the techies that want more detailed instruction our detailed instructions can be found here.