How to add affiliate links to other brands in White Label App

White Label App from Travelpayouts allows you to earn rewards not only for flight tickets purchases and hotel bookings. You can also add affiliate links to other travel services and brands to offer your users a more comprehensive solution and earn more rewards.

For example, you can add affiliate links to find cars for rent, buy insurance, or organize airport transfers. For all bookings made after clicking on such links, you will receive rewards to your balance in your personal Travelpayouts account.

How to add affiliate links to the app

White Label App allows you to add two Other tabs in your application. Clicking these tabs opens a specified link as a WebView page (a web page inside the app). You can customize each tab with its own link, title, and icon.

The process of creating these tabs consists of two steps:

Subscribing to the necessary programs in the Travelpayouts account and creating affiliate links.
Inserting the created links into the application code, and changing the name of the tabs and their icons.

Important! To add Travelpayouts affiliate links to your app, you need to have at least one user action (bookings, clicks, shows) in your app. After that, a Project with the name of your app will automatically appear in your Travelpayouts account, with the help of which you can subscribe to the programs and create affiliate links.

1. Copying an affiliate link from the Travelpayouts account

Make sure to use only affiliate links in the app. These links include a unique ID from Travelpayouts. ID is used to track clicks, searches, and bookings made via affiliate links placed on your channels. This way, any purchases generated from these links can be attributed to your Travelpayouts account, allowing you to earn rewards.

To create an affiliate link:

Go to the Travelpayouts program catalog and choose the needed one. For example, you can choose a program from the insurance or transfers category.

Note! It is important to choose programs that support White Label Apps as a traffic source. To do this, you can use the Relevant to filter and select the name of your app. Then the list will display those programs that are suitable for White Label App.

Open the program card by clicking on it.
Connect to the program using the project with your application. You can find detailed instructions here.
After connection, launch the Tools tab -> Links section.

You will be able to copy two types of links on the page:

Ready-made links to pages that the brand wants to promote. These are usually homepages, promo pages, or app download links. These links are pre-created in your Travelpayouts personal account and are simple to copy.
Links to any brand pages. They can lead, for example, to a specific search query or to a specific page of the brand's website. You can create such links yourself.

It is recommended to use ready-made links in the application, so as not to limit users and allow them to set the desired criteria on their own.

Click the Get link to copy the desired link. You can learn more about ready-made affiliate links here.

2. Adding a copied link to an application

Open the configuration.json file for iOS or the app_config.json for Android.
Find the following part of the code in the file:

…  
"white_label_config": {
    "screens_to_display": [
      ... 
      {
        "type": "other", // Other section
        "parameters": {
          "icon": "ic_other_1", //  Icon for the "Other_1" tab
          "title": {  // Tab title
            "base": "en",
            "localized": {
              "en": "Other",
              "es": "Otros"
            }
          },
          "url": {  // link
            "base": "en",
            "localized": {
              "en": "https://www.google.com",
              "es": "https://www.google.es"
            }
          }
        }
      }
      {
        "type": "other", // Other section
        "parameters": {
          "icon": "ic_other_2", //  Icon for the "Other_2" tab
          "title": {  // Tab title
            "base": "en",
            "localized": {
              "en": "Other 2",
              "es": "Otros 2"
            }
          },
          "url": {  // link
            "base": "en",
            "localized": {
              "en": "https://www.google.com",
              "es": "https://www.google.es"
…

Change the following parameters both for Other_1 and Other_2 tabs:
- title — insert the name of the tab (e.g. Insurance). You can enter the name in more than one language if it is necessary.
- url — specify the link that will be opened when the user taps on the tab. If the application needs to support several different languages, you should add links for different localizations as well.
Make similar changes for the second Other section. If you don't plan to use this section, just delete the code from the file.

To add icons and finalize the settings, follow the instructions from the general article on customizing the appearance of the app:

iOS
Android