Как встроить плагин и форму поиска на сайт с Wordpress

Уважаемые партнеры, обратите внимание! У нас вышел новый плагин для Wordpress. Прочитать о его настройках можно здесь.

Подключение плагина к блогу 

Загрузка плагина

Для подключения плагина к блогу есть два пути.

Первый вариант установки плагина — это скачать его на свой компьютер с сайта Wordpress. После этого плагин распаковывается и папка aviasalesru-search-widget переносится в директорию «/wp-content/plugins/» (на сервере, где расположен Wordpress-сайт).

1.jpg

Второй вариант — установить плагин сразу из панели управление сайтом (в этом случае все получается чуть быстрее, т.к. требует меньшего количества действий). Для этого заходим в панель управления сайтом и выбираем в разделе «Плагины» пункт «Добавить новый».

2.jpg

В открывшемся окне в поле поиска вводим название плагина - Aviasales. Нажимаем кнопку «Поиск плагинов». После того как плагин найден жмем ссылку «Установить».

3.jpg

Активация и размещение плагина

После установки плагина активируем его.

4.jpg 

Плагин активирован. Переходим к его настройке. Для этого перейдите в раздел панели управления «Внешний вид», пункт «Виджеты».

5.jpg

Чтобы плагин начал отображаться на сайте, перетащите его в любую из доступных областей. Эти области также называют сайдбарами. Они расположены в стороне от основного контента. Делается это так: зажимаем левую кнопку мыши на плагине в списке доступных виджетов и, не отпуская кнопки, переносим его в основную или дополнительную область.

6.jpg 

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

Настройки плагина

Для того чтобы открыть настройки плагина, нажмите на стрелку рядом с его названием (повторное нажатие на стрелку сворачивает настройки плагина).

7.jpg 

8.jpg

Настройки плагина для партнерской программы Aviasales содержат:

  • Affiliate ID — партнерский код. Поле обязательно для заполнения.
  • Язык — плагин поддерживает три языка: русский, английский и немецкий. Изменение языка влияет на внешний вид плагина и язык сайта, на который попадет посетитель, воспользовавшись плагином.
  • Показывать логотип — отображать или нет логотип компании Aviasales (рекомендуется оставить галку, т.к. к виджету с известным брендом доверия больше чем без него).
  • Ширина формы — определяется, как будет выглядеть виджет на сайте:
    • Очень узкая — вариант подходит для блоков шириной до 240 px. Все поля располагаются друг под другом.
    • Узкая — подходит для блоков шириной от 240 px до 360 px. Все поля так же располагаются друг под другом.
    • Средняя — ширина формы оптимальна для блоков от 360 px до 600 px. Поля располагаются в два столбика.
    • Широкая — вариант подходит для блоков шириной свыше 600 px. Все поля вытянуты в одну линию.
  • Заголовок виджета — текст над плагином.
  • Цвет заголовка, фона, границы, текста — настройка оформления виджета под дизайн вашего сайта.
  • White label — если в своей работе с партнерской программой вы используете White label, то в это поле впишите его адрес без http://.
  • Валюта — укажите валюту, в которой будут выводиться цены на авиабилеты.

После того как плагин настроен и сохранен, он начнет отображаться на странице вашего блога.

9.jpg 

Дополнения по настройке плагина поиска билетов

Помимо стандартных методов настройки плагина, существует более сложные, требующие технических знаний, методы.

Например, если вы хотите заменить автоматическое определение города вылета по geoip и поставить в поля «Город вылеты» или «Город назначения» фиксированные значения, необходимо сделать следующее:

1. Перейдите в раздел «Плагины» пункт «Редактор», выберите плагин «Aviasales поиск авиабилетов» и откройте файл aviasalesru-search-widget/assets/aviasales.js. 

16.jpg

2. В окне кода найдите params_attributes {}.

3. Вставьте в фигурные скобки код (name — название города, iata — ИАТА код города) и сохраните результат:

params_attributes : {
origin: {name: "Москва",iata: "MOW"},
destination: {name: "Сингапур",iata: "SIN"}
}

Теперь поля «Город вылеты» и «Город назначения» будут по умолчанию заполнены.

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос