Настройка White Label с типом «Страница» в личном кабинете

После того, как вы настроили White Label на вашем хостинге, его необходимо добавить в личном кабинете партнера на платформе Travelpayouts. 

Обратите внимание! Чтобы получить доступ к White Label в личном кабинете, вы должны быть зарегистрированы на платформе Travelpayouts и оформить подписку на решение.

Чтобы создать и настроить White Label Web с типом Страница:

1. Откройте личный кабинет Travelpayouts;

2. Перейдите в раздел White Labels ->  WL Web. В верхней части экрана вы увидите до какого числа у вас действует подписка;

Если нет подписки

Если вы ещё не оформили подписку, нажмите на кнопку Варианты подписки, чтобы выбрать подходящий вариант и приобрести его.

Обязательно прочитайте статью Что такое White Label Web от Travelpayouts, чтобы узнать больше про решение и доступные типы.

3. Нажмите кнопку Создать White Label.

4. Выберите тип Вебстраница.

Если вы хотите использовать виджет, подробные инструкции по его настройке смотрите здесь.
Больше о том как выбрать тип White Label вы найдёте в статье Руководство по настройке White Label Web от Travelpayouts.

5. Откроется страница, содержащая различные разделы для настройки вашего White Label:

Рассмотрим каждую вкладку отдельно.

Домен

Начните создание и настройку White Label с этого раздела.

  1. В поле Ваш домен укажите домен, на котором вы настроили CNAME-запись для White Label и нажмите Дальше.
    Сайт указывается без http/https (если используете кириллический домен, то указывайте его как есть, например, «билеты.рф»).
    • Для White Label на поддомене название записываете так: авиа.название-вашего-сайта.ru.
    • Для White Label на основном домене название записываете так: www.название-вашего-сайта.ru.
  1. Автоматически создастся проект для вашего сайта. Укажите основной язык и валюту (дополнительные вы сможете указать позже);
  2. Нажмите Сохранить и обновить.

Содержание

На этой вкладке вы можете настроить форму поиска, которая будет отображаться на вашем White Label, а также выбрать дополнительные языки и валюты.

  • Дополнительные языки — выберите из списка нужные языки, на которых должна отображаться страница с формой поиска и его результатами. Эти языки будут доступны в выпадающем списке над поисковой формой:
  • Дополнительные валюты — укажите валюты, которые пользователи смогут выбрать в форме поиска и результатов. Валюты также будут доступны в выпадающем списке над поисковой формой.
  • Город вылета/назначения — можно указать город вылета и прилёта, которые будут указаны в полях формы поиска авиабилетов по умолчанию.
  • Реферальная ссылка под формой — под поисковой формой будет отображаться ссылка, с помощью которой другие пользователи смогут зарегистрироваться в Travelpayouts, как партнёры, и стать  вашими рефералами. Вы получаете 7% от заработка каждого реферала в течение 2 лет.

Нажмите Сохранить и обновить, чтобы сохранить изменения.

Дизайн

На вкладе можно изменить шрифт, скругление элементов и цветовую схему оформления страницы White Label.

Вы можете изменить следующие цвета, подставляя значения в формате HEX:

  • Фон страницы;
  • Фон карточек;
  • Фон кнопок;
  • Ссылки;
  • Иконки в форме;
  • Фон поисковой формы;
  • Основной текст;
  • Текст на кнопках;
  • Основной заголовок.

Обратите внимание! Вы можете выбрать только те шрифты, которые доступны в выпадающем списке.

Чтобы изменить фон верхней части сайта (где расположена форма поиска), смотрите статью Как сделать изображение фоном на White Label. 

Кастомный HTML

В этом разделе можно настроить стили, добавить блоки, виджеты и meta-теги, а также редактировать шапку, подвал и блок на главной странице White Label. Здесь же можно загрузить логотип, изменить название и описание сайта. 

Обратите внимание! Данные настройки будут актуальны для главной страницы White Label с поисковой формой. Внешний вид страницы с результатами поиска настраивается на вкладке Дизайн.

Вы можете выбрать несколько языков и для каждого настроить свои метаданные White Label. Обратите внимание, что по умолчанию White Label работает на всех языках. Выбирая здесь дополнительные локализации, вы расширяете возможность по настройке внешнего вида страниц на конкретном языке, просто не забудьте перевести тексты на выбранный язык.

Код с классом weedle отвечает за виджеты популярных направлений. О том, как его настроить читайте здесь.

Как работать с мета-тегами для социальных сетей, читайте в статье Настройки White Label для социальных сетей.

Как добавить favicon для White Label

Чтобы добавить своему White Label фавикон, в разделе Кастомный HTML найдите следующий код:

<link rel="icon" href="/favicon.ico" type="image/x-icon">

Вместо /favicon.ico укажите ссылку на файл с фавиконом.

Дополнительные настройки

Узнайте больше о настройках, которые можно сделать на White Label с типом «Страница»: