Preskočiť na obsah

Grids

Mriežka predstavuje zoznam dodávateľov a zásob a zobrazuje podrobnosti prostredníctvom interaktívneho používateľského rozhrania s možnosťou rezervácie. Mriežka podporuje zobrazenie ľubovoľnej zásoby z vášho spravovaného zoznamu alebo uloženého vyhľadávania. Používateľ interaguje s mriežkou rovnakým spôsobom, ako interaguje s jednotlivcom.kartas jednou ďalšou funkciou:

  1. Stránkovanie mriežky kliknutím naShow moretlačidlo (keď bude k dispozícii viac položiek).
Náhľad mriežky
Mriežka zobrazujúca viacero typov izieb

Vyššie je uvedený príklad našej mriežky zobrazujúcej zoznam kariet typov izieb.

Zvyšok tohto článku vás prevedie postupom vytvorenia, prispôsobenia a sprístupnenia mriežky vašim používateľom.

Existujú tri typy mriežok:

  1. Mriežka založená nazoznam vybraných.
  2. Mriežka založená nauložené vyhľadávanie.
  3. Mriežka založená na umiestnení a kritériách zoradenia (t. j. hodnotená mriežka).

Toto je mriežka, ktorá používa inventár, ktorý ste zhromaždili v jednom z vašich spravovaných zoznamov, a prevedie ho na rezervovateľný cestovný inventár, ktorý môžete zobraziť svojim používateľom.

Prejsť naInventory > Curated Listsz hlavného navigačného panela. V tomto príklade použijeme vášFavoriteszoznam. Ak ste ešte nič nepridali do svojhoFavorites, prejdite naHľadaťnaučiť sa ako.

Vytvoriť mriežku zoznamu kurátorov
Vytvoriť formulár mriežky s kurátorským zoznamom
  1. Kliknite na Actions tlačidlo na Favorites zoznam.
  2. Kliknite na Create a grid tlačidlo.
  3. Zobrazí sa nové okno, v ktorom môžete pomenovať svoju mriežku. Pozri nižšie.
  4. Kliknite OK tlačidlo pre pokračovanie.

Vaša mriežka bola vytvorená. Prejdite naTools > Gridsz hlavného navigačného panela a kliknite naCurated Gridsa zobrazí sa vám vaša nová mriežka.

Formulár vám umožňuje prispôsobiť mriežku nasledujúcimi spôsobmi:

  1. Dajte tomu názov, aby ste si zapamätali, o čom je mriežka.
  2. Vyberte Prispôsobenie chcete použiť na túto mriežku.
  3. Vyberte úvodnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
  4. Vyberte odznak, ktorý chcete použiť na karte. Odznak umožňuje používateľom porovnávať inventár na základe súhrnnej metriky, ako napríklad eco-friendly.
  5. Pridajte kľúčové slová oddelené čiarkou, ktoré bude používať Webové prehľadávače.
  6. Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
  7. Kliknite na Save tlačidlo pre pokračovanie.
Mriežka s kurátorským zoznamom
Položka mriežky s kurátorským zoznamom so zbalenou ponukou akcií

Vyššie uvedený obrázok zobrazuje všetky dostupné akcie pre vašu mriežku:

  • AktualizáciaAktualizuje konfiguráciu mriežky.
  • Pridať do WinkLinksPridá mriežku do vášho účtu WinkLinks.
  • VložiťUkazuje, ako vložiť túto mriežku akoMriežkana vašu webovú stránku.
  • Používajte s WordPressomUkáže vám, ako používať našeDoplnok WordPressuvložiť túto mriežku do vašej webovej stránky.

Niektoré z týchto možností si podrobnejšie rozoberieme nižšie.

<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>

Tu je postup, ako vložiť mriežku na vašu stránku:

  • Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
  • Riadky 6 až 9 ukazujú, ako používaťnačítavač obsahu winkWebový komponent a povedzte mu, aby načítal mriežku pre váš kód.
  • Riadok 11 vám ukazuje, ako vložiť náš Javascript do vašej stránky.
  • Riadok 13 ukazuje, ako vložiťnačítavač aplikácií winkWebový komponent a povedzte mu, aby načítal vaše konfiguračné preferencie na úrovni stránky.

Toto je mriežka, ktorá používa inventár vo vašom uloženom vyhľadávacom dopyte a prevádza výsledky vyhľadávania na rezervovateľný cestovný inventár, ktorý môžete zobraziť svojim používateľom.

Prejsť naInventory > Saved searchesz hlavného navigačného panela. Ak ste ešte nevytvorili uložené vyhľadávanie, prejdite naHľadaťnaučiť sa ako.

Vytvoriť uloženú vyhľadávaciu mriežku
Vytvoriť uložený formulár mriežky vyhľadávania
  1. Kliknite na Actions tlačidlo vo vašom uloženom vyhľadávaní.
  2. Kliknite na Create a grid tlačidlo.
  3. Zobrazí sa nové okno, v ktorom môžete pomenovať svoju mriežku. Pozri nižšie.
  1. KlikniteOKtlačidlo pre pokračovanie.

Vaša mriežka bola vytvorená. Prejdite naTools > Gridsz hlavného navigačného panela a kliknite naSaved Search Gridsa zobrazí sa vám vaša nová mriežka.

Formulár vám umožňuje prispôsobiť mriežku nasledujúcimi spôsobmi:

  1. Dajte tomu názov, aby ste si zapamätali, o čom je mriežka.
  2. Vyberte Prispôsobenie chcete použiť na túto mriežku.
  3. Vyberte úvodnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
  4. Vyberte odznak, ktorý chcete použiť na karte. Odznak umožňuje používateľom porovnávať inventár na základe súhrnnej metriky, ako napríklad eco-friendly.
  5. Pridajte kľúčové slová oddelené čiarkou, ktoré bude používať Webové prehľadávače.
  6. Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
  7. Kliknite na Save tlačidlo pre pokračovanie.
Uložená vyhľadávacia mriežka
Uložená položka vyhľadávacej mriežky so zbalenou ponukou akcií
<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>

Tu je postup, ako vložiť mriežku na vašu stránku:

  • Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
  • Riadky 6 až 9 ukazujú, ako používaťnačítavač obsahu winkWebový komponent a povedzte mu, aby načítal mriežku pre váš kód.
  • Riadok 11 vám ukazuje, ako vložiť náš Javascript do vašej stránky.
  • Riadok 13 ukazuje, ako vložiťnačítavač aplikácií winkWebový komponent a povedzte mu, aby načítal vaše konfiguračné preferencie na úrovni stránky.

Vytvorte zoradenú mriežku prejdením naTools > Gridsa kliknite naRanked Gridzáložka. Kliknite naCreate ranked gridtlačidlo.

Formulár vám umožňuje prispôsobiť si zoradenú mriežku nasledujúcimi spôsobmi:

  1. Vyberte si destináciu. Napr. Tokio.
  2. Dajte tomu názov, aby ste si zapamätali, o čom je mriežka. Napr. ekologické hotely v Tokiu
  3. Vyberte Prispôsobenie chcete použiť na túto mriežku.
  4. Vyberte úvodnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
  5. Vyberte charakteristiku, podľa ktorej chcete zoradiť nehnuteľnosti. Napr. ekologickosť.
  6. Pridajte kľúčové slová oddelené čiarkou, ktoré bude používať Webové prehľadávače.
  7. Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
  8. Kliknite na Save tlačidlo pre pokračovanie.

Po uložení zoradenej mriežky budete presmerovaní na stránku so zoradenými mriežkami a vaša mriežka je teraz pripravená na zdieľanie so svetom.

Zoradená mriežka
Zoradená mriežka so zbalenou ponukou akcií

Vyššie uvedený obrázok zobrazuje všetky dostupné akcie pre vašu mriežku rankd:

  • AktualizáciaAktualizuje konfiguráciu mriežky.
  • Pridať do WinkLinksPridá zoradenú mriežku do vášho účtu WinkLinks.
  • VložiťUkazuje, ako vložiť túto mriežku akoMriežkana vašu webovú stránku.
  • Používajte s WordPressomUkáže vám, ako používať našeDoplnok WordPressuvložiť túto kartu na vašu webovú stránku.

Niektoré z týchto možností si podrobnejšie rozoberieme nižšie.

<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>

Tu je postup, ako vložiť mriežku na vašu stránku:

  • Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
  • Riadky 6 až 9 ukazujú, ako používaťnačítavač obsahu winkWebový komponent a povedzte mu, aby pre váš kód načítal zoradenú mriežku.
  • Riadok 11 vám ukazuje, ako vložiť náš Javascript do vašej stránky.
  • Riadok 13 ukazuje, ako vložiťnačítavač aplikácií winkWebový komponent a povedzte mu, aby načítal vaše konfiguračné preferencie na úrovni stránky.

Vývojári, ktorí chcú spravovať siete, môžu prejsť naVývojári > API > Inventár.