The Avinode Web Apps are widget type apps that can be easily installed by Avinode members on an existing web page. There a three types of web apps; the Search web app, the Empty leg web app, and also one combining both types in the same app.
Search web app
This web app is designed to add a lead generator to a company’s web site. Visitors are presented with a search form where they can submit their desired itinerary. The web app then displays available aircraft categories and/or aircraft types with aircraft details, pictures and information about estimated flight times and prices. The visitor can then proceed to request a more detailed quote for one or more of these options. These requests end up as leads and are available to the Avinode member in the Trips pages in the Avinode Marketplace. This web app can be powered by all the aircraft in the Avinode Marketplace or a subset of these, for example only the fleet of one operator.
Empty Leg web app
Visitors can search for empty legs published in the Avinode Marketplace. The visitor can also submit a request for one or more of these empty legs. These requests end up as leads and are available to the Avinode member in the Trips pages in the Avinode Marketplace. This web app can be powered by all the empty legs in the Avinode Marketplace or a subset of these, for example only the empty legs published by one operator.
Branding and settings
In most cases some additional styling will be required to make the web app match the Avinode member’s brand. This styling is done inside the Avinode system when setting up the web app, and can be changed by the owner of the app at any time. Find all settings for your web app by clicking on the web app in the web app listing.
Creating a web app
Once your Avinode account manager has enabled the web app feature on your Avinode account, go to the Company menu to find the Apps page. On this page you will see all your web apps after they are created. Note, you can create as many web apps as you like.
Select the “New” button. Fill in a name for your new web app and hit “Save”. You will now see the created web app in the list.
Settings configurable by Avinode staff
Require contact info before search
This setting allows you to require the contact info to be filled out before letting the user see the search results, as a way to collect client leads. Unchecking this will let the user search and see the results right away.
Contact your account manager to change this setting.
Settings configurable by Avinode member
The looks of the web app can be customized. Select the Web UI tab in the configuration pages for you web app. Here you can select colors and which search features that you would like to have enabled in the web app. Changing the colors will update the preview to the right, but the appearance for the actual web app will first be updated after you hit “Save”.
This is the commission, in percent, that will be added to the prices displayed to the visitor. This is by default set to 0 %.
Send confirmation to end client
By default, a confirmation email is sent to the visitor after the visitor has requested a more detailed quote. With this setting, the Avinode member can decide if such a confirmation email should be sent or not.
The Avinode member can configure the languages to be available in the web app. Names and descriptions of the different aircraft categories can be translated.
If your website uses multiple domains for different languages, then you should setup one web app for each domain and keep only this specific language in the settings. If you choose to have multiple languages in the same web app, the default language will always be English (the default language cannot be changed).
These are the supported languages:
• English – Great Britain
• English – United States
• Portuguese – Brazil
The Avinode member can configure the aircraft categories available in the web app under the Categories tab.
Sort by category or type
Select to display the web app results as aggregated aircraft categories (your own categories or the Avinode default) or by aggregated aircraft types.
Safety rating filter
With this setting only aircraft with a certain safety rating will be included in search results.
This setting decides which aircraft in the Avinode Marketplace that will be considered when compiling the results. The default fleet filter includes all aircraft in the Avinode Marketplace.
This is the contact information to the Avinode member that will be displayed in the web app.
Show price in search results
This setting can exclude all prices from the web apps, instead allowing the end client to inquire for price.
Web app search results
To ensure good quality results we only provide the best options in our web apps. Logged into Avinode, you will be able to find more options for flexible end clients.
By default aircraft are excluded according to the following criteria:
- More than 0 fuel stops
- Initial positioning time > 0 (transient aircraft)
- Cargo flights
- Ambulance flights
Please note! Due to the default filters mentioned above, including any commission added, the prices shown in the web app will appear different compared to a standard, non-filtered search inside Avinode.
Embedding the web app
Embedding a web app to your own page is as simple as inserting a code fragment. The code fragment you should use is available in the “Embed” tab under the web app settings.
On this page you will find a grey box with a code to be inserted on your page.
The first “div” element is the element where the web app will be injected. Place this element on the page where you like the web app to be. The second part with the script should be placed in the end of your “body”. This is all you have to do to get the web app included in your page.
Sometimes when embedding the web app, the date picker or other expanding parts of the app, appear blocked by other elements on the hosting website. This is usually because the main website has a set of styling rules (CSS) that is overriding the web app. For example there is something called 'z-index' that decides on what level an element should be stacked on a page, and likely the blocking container near the web app has a higher index. If this is the case, ask your web team to have a closer look at the website design and adjust accordingly.
Tracking with Google Analytics
By providing your Google Analytics ID under the Embed tab you will be able to track the following events from inside the web app:
- “Show category description“ – Clicking on a category description. (We can not send the category type since they are not final. They can be whatever)
- “Change currency to: <currency_code>” – Changing currency
- “Sending inquire“ – Clicking the “Sending” button to send an inquiry
- “Change language to: <language_code>“ – Changing language
- “Change <date field>“ – Changing date fields, where date field is the date depending on the search. (fromDate, endDate, date)
- “Change <time field>” – Changing time fields, where date field is the time depending on the search. (fromTime, endTime, time)
- “Decrement pax“ or “Increment pax” – Changing PAX
- “Change trip type to: <trip_type>” – Changing trip type
- “Open inquiry form” – Clicking inquiry button in search result
- “Close inquiry form“ – Clicking cancel or X in inquiry form
- “Search, <search_type>“ – Searching
- “Change startAirport” – Changing start airport
- “Change endAirport” – Changing end airport
No further configuration is needed. See the example below on what it should look like in your Google Analytics account once a few different events are being tracked.
The web app solution supports a referrer variable to be sent to Google Analytics. This is setup by adding the query parameter “analyticsReferrer” with a referrer (URL to the referral site) to the bootstrap script, see below example:
<script src="https://apps.avinode.com/webapp/rest/bootstrap?Avinode-WEB-APP=<TOKEN>&analyticsReferrer=<REFRERRER>" async>
The query parameter is added right after the authorization token, starting with
&analyticsReferrer= and should be in the format
With “analyticsReferrer” we will send the referrer to Google Analytics and one can create reports based on different referrer values.