Skip to content
Academy

Grids

Решетката представлява списък с доставчици и наличности и показва подробностите чрез интерактивен потребителски интерфейс с възможност за резервиране. Решетката поддържа показване на всяка наличност от вашия куриран списък или запазено търсене. Потребителят взаимодейства с решетката по същия начин, по който взаимодейства с отделен човек.картас една допълнителна функция:

  1. Прелиствайте страниците през мрежата, като щракнете върхуShow moreбутон (когато са налични още артикули).
Преглед на мрежата
Решетка, показваща множество типове стаи

По-горе е даден пример за нашата таблица, показваща списък с карти с типове стаи.

Останалата част от тази статия ще ви преведе през стъпките за създаване, персонализиране и показване на мрежата на вашите потребители.

Видове решетки

Section titled “Видове решетки”

Има три вида решетки:

  1. Решетка, базирана накуриран списък.
  2. Решетка, базирана назапазено търсене.
  3. Мрежа, базирана на местоположение и критерии за сортиране (т.е. класирана мрежа).

Мрежа с куриран списък

Section titled “Мрежа с куриран списък”

Това е таблица, която използва инвентара, който сте събрали в един от вашите курирани списъци, и преобразува списъка в инвентар за пътувания с възможност за резервация, който можете да покажете на вашите потребители.

Създаване

Section titled “Създаване”

Навигиране доInventory > Curated Listsот главната навигационна лента. За този пример ще използваме вашияFavoritesсписък. Ако все още не сте добавили нищо към вашияFavorites, отидете наТърсенеда науча как.

Създаване на решетка със списък с куратори
Създаване на формуляр за решетка с куриран списък
  1. Кликнете върху Actions бутон на Favorites списък.
  2. Кликнете върху Create a grid бутон.
  3. Ще се покаже нов прозорец, в който ще можете да дадете име на вашата мрежа. Вижте по-долу.
  4. Кликнете OK бутон, за да продължите.

Вашата мрежа е създадена. Придвижете се доTools > Gridsот главната навигационна лента и щракнете върхуCurated Gridsраздел, за да видите новата си мрежа.

Персонализиране

Section titled “Персонализиране”

Формулярът ви позволява да персонализирате мрежата си по следните начини:

  1. Дай му име, за да запомниш за какво е мрежата.
  2. Изберете Персонализиране искате да приложите към тази мрежа.
  3. Изберете първоначалната страна на картата, която искате потребителите да видят първо. По подразбиране това е оригиналната страна на този инвентар.
  4. Изберете значката, която искате да използвате на картата. Значката позволява на потребителите да сравняват инвентара по обобщен показател, като например eco-friendly.
  5. Добавете ключови думи, разделени със запетая, които ще бъдат използвани от Уеб роботи.
  6. Добавете заглавия и описания на езиците, които искате потребителят да вижда.
  7. Кликнете върху Save бутон, за да продължите.

Споделяне

Section titled “Споделяне”
Мрежа с куриран списък
Запис в мрежата с куриран списък със свито меню с действия

По-горе е показано изображение с всички налични действия за вашата мрежа:

  • АктуализацияАктуализира конфигурацията на вашата мрежа.
  • Добави към WinkLinksДобавя мрежата към вашия WinkLinks акаунт.
  • ВгражданеПоказва ви как да вградите тази мрежа катоРешеткавъв вашия уебсайт.
  • Използвайте с WordPressПоказва ви как да използвате нашитеПлъгин за WordPressза да вградите тази мрежа във вашия уебсайт.

По-долу разглеждаме някои от тези опции по-подробно.

Вграждане

Section titled “Вграждане”
<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="LIST"
       id="9a212b5e-62a7-11ef-ac3f-42004e494300"
    ></wink-content-loader>


    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>


    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
    ></wink-app-loader>
  </body>
</html>

Ето как да вградите мрежата си в сайта си:

  • Ред 3 ви показва как да вградите стиловете Wink във вашия сайт.
  • Редове от 6 до 9 показват как да използватеwink-content-loaderУеб компонент и му кажете да извлече мрежа за вашия код.
  • Ред 11 ви показва как да вградите нашия Javascript във вашия сайт.
  • Ред 13 показва как да вградитеwink-app-loaderУеб компонент и му кажете да извлече вашите предпочитания за конфигурация на ниво страница.

Запазена мрежа за търсене

Section titled “Запазена мрежа за търсене”

Това е таблица, която използва инвентара във вашата запазена заявка за търсене и преобразува резултатите от търсенето в инвентар за пътувания с възможност за резервация, който можете да покажете на потребителите си.

Създаване

Section titled “Създаване”

Навигиране доInventory > Saved searchesот главната навигационна лента. Ако все още не сте създали запазено търсене, отидете наТърсенеда науча как.

Създаване на запазена мрежа за търсене
Създаване на запазен формуляр за търсене в мрежа
  1. Кликнете върху Actions бутон на запазеното ви търсене.
  2. Кликнете върху Create a grid бутон.
  3. Ще се покаже нов прозорец, в който ще можете да дадете име на вашата мрежа. Вижте по-долу.
  1. КликнетеOKбутон, за да продължите.

Вашата мрежа е създадена. Придвижете се доTools > Gridsот главната навигационна лента и щракнете върхуSaved Search Gridsраздел, за да видите новата си мрежа.

Персонализиране

Section titled “Персонализиране”

Формулярът ви позволява да персонализирате мрежата си по следните начини:

  1. Дай му име, за да запомниш за какво е мрежата.
  2. Изберете Персонализиране искате да приложите към тази мрежа.
  3. Изберете първоначалната страна на картата, която искате потребителите да видят първо. По подразбиране това е оригиналната страна на този инвентар.
  4. Изберете значката, която искате да използвате на картата. Значката позволява на потребителите да сравняват инвентара по обобщен показател, като например eco-friendly.
  5. Добавете ключови думи, разделени със запетая, които ще бъдат използвани от Уеб роботи.
  6. Добавете заглавия и описания на езиците, които искате потребителят да вижда.
  7. Кликнете върху Save бутон, за да продължите.

Споделяне

Section titled “Споделяне”
Запазена мрежа за търсене
Запазен запис в мрежата за търсене със свито меню с действия

Вграждане

Section titled “Вграждане”
<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="LIST"
       id="be3130d5-62a7-11ef-ac3f-42004e494300"
    ></wink-content-loader>


    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>


    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
    ></wink-app-loader>
  </body>
</html>

Ето как да вградите мрежата си в сайта си:

  • Ред 3 ви показва как да вградите стиловете Wink във вашия сайт.
  • Редове от 6 до 9 показват как да използватеwink-content-loaderУеб компонент и му кажете да извлече мрежа за вашия код.
  • Ред 11 ви показва как да вградите нашия Javascript във вашия сайт.
  • Ред 13 показва как да вградитеwink-app-loaderУеб компонент и му кажете да извлече вашите предпочитания за конфигурация на ниво страница.

Класирана мрежа

Section titled “Класирана мрежа”

Създаване

Section titled “Създаване”

Създайте класирана мрежа, като отидете доTools > Gridsи кликнете върхуRanked Gridраздел. Кликнете върхуCreate ranked gridбутон.

Персонализиране

Section titled “Персонализиране”

Формулярът ви позволява да персонализирате класираната си мрежа по следните начини:

  1. Изберете дестинация. Например Токио.
  2. Дай му име, за да запомниш за какво е мрежата. Например, екологични хотели в Токио
  3. Изберете Персонализиране искате да приложите към тази мрежа.
  4. Изберете първоначалната страна на картата, която искате потребителите да видят първо. По подразбиране това е оригиналната страна на този инвентар.
  5. Изберете по каква характеристика да сортирате свойствата. Например екологичност.
  6. Добавете ключови думи, разделени със запетая, които ще бъдат използвани от Уеб роботи.
  7. Добавете заглавия и описания на езиците, които искате потребителят да вижда.
  8. Кликнете върху Save бутон, за да продължите.

След като запазите класираната си мрежа, ще бъдете пренасочени към страницата си с класирани мрежи и вашата мрежа вече е готова за споделяне със света.

Споделяне

Section titled “Споделяне”
Класирана мрежа
Класирана мрежа със свито меню с действия

По-горе е показано изображение с всички налични действия за вашата rankd мрежа:

  • АктуализацияАктуализира конфигурацията на вашата мрежа.
  • Добави към WinkLinksДобавя класираната мрежа към вашия WinkLinks акаунт.
  • ВгражданеПоказва ви как да вградите тази мрежа катоРешеткавъв вашия уебсайт.
  • Използвайте с WordPressПоказва ви как да използвате нашитеПлъгин за WordPressза да вградите тази карта във вашия уебсайт.

По-долу разглеждаме някои от тези опции по-подробно.

Вграждане

Section titled “Вграждане”
<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="RANKED"
       id="2483d55e-62a5-11ef-ac3f-42004e494300"
    ></wink-content-loader>


    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>


    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
    ></wink-app-loader>
  </body>
</html>

Ето как да вградите мрежата си в сайта си:

  • Ред 3 ви показва как да вградите стиловете Wink във вашия сайт.
  • Редове от 6 до 9 показват как да използватеwink-content-loaderУеб компонент и му кажете да извлече класирана мрежа за вашия код.
  • Ред 11 ви показва как да вградите нашия Javascript във вашия сайт.
  • Ред 13 показва как да вградитеwink-app-loaderУеб компонент и му кажете да извлече вашите предпочитания за конфигурация на ниво страница.

API

Section titled “API”

Разработчиците, които искат да управляват мрежи, могат да се насочат къмРазработчици > API > Инвентаризация.

Допълнително четене

Section titled “Допълнително четене”