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 показују како се користипрограм за учитавање садржаја намигнућаВеб компоненту и реците јој да преузме мрежу за ваш код.
  • Ред 11 вам показује како да уградите наш Јаваскрипт у ваш сајт.
  • Ред 13 вам показује како да уградитепрограм за учитавање апликација winkВеб компоненту и реците јој да преузме ваше поставке конфигурације на нивоу странице.

Сачувана мрежа претраге

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 показују како се користипрограм за учитавање садржаја намигнућаВеб компоненту и реците јој да преузме мрежу за ваш код.
  • Ред 11 вам показује како да уградите наш Јаваскрипт у ваш сајт.
  • Ред 13 вам показује како да уградитепрограм за учитавање апликација winkВеб компоненту и реците јој да преузме ваше поставке конфигурације на нивоу странице.

Рангирана мрежа

Section titled “Рангирана мрежа”

Креирај

Section titled “Креирај”

Направите рангирану мрежу тако што ћете отићи наTools > Gridsи кликните наRanked Gridкартица. Кликните наCreate ranked gridдугме.

Прилагоди

Section titled “Прилагоди”

Форма вам омогућава да прилагодите своју рангирану мрежу на следеће начине:

  1. Изаберите одредиште. Нпр. Токио.
  2. Дајте му име да бисте запамтили о чему се ради у мрежи. Нпр. Еколошки хотели у Токију
  3. Изаберите Прилагођавање желите да примените на ову мрежу.
  4. Изаберите почетну страну картице коју желите да корисници прво виде. Подразумевано, то је изворна страна тог инвентара.
  5. Изаберите по којој карактеристици желите да сортирате својства. Нпр. еколошка прихватљивост.
  6. Додајте кључне речи, одвојене зарезом, које ће користити Веб претраживачи.
  7. Додајте наслове и описе на језицима које желите да корисник види.
  8. Кликните на 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="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 показују како се користипрограм за учитавање садржаја намигнућаВеб компоненту и реците јој да преузме рангирану мрежу за ваш код.
  • Ред 11 вам показује како да уградите наш Јаваскрипт у ваш сајт.
  • Ред 13 вам показује како да уградитепрограм за учитавање апликација winkВеб компоненту и реците јој да преузме ваше поставке конфигурације на нивоу странице.

API

Section titled “API”

Програмери који желе да управљају мрежама могу да оду наПрограмери > API > Инвентар.

Додатно читање

Section titled “Додатно читање”