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:
- Stránkovanie mriežky kliknutím na
Show more
tlačidlo (keď bude k dispozícii viac položiek).
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.
Typy mriežok
Section titled “Typy mriežok”Existujú tri typy mriežok:
- Mriežka založená nazoznam vybraných.
- Mriežka založená nauložené vyhľadávanie.
- Mriežka založená na umiestnení a kritériách zoradenia (t. j. hodnotená mriežka).
Mriežka s kurátorským zoznamom
Section titled “Mriežka s kurátorským zoznamom”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.
Vytvoriť
Section titled “Vytvoriť”Prejsť naInventory > Curated Lists
z hlavného navigačného panela. V tomto príklade použijeme vášFavorites
zoznam.
Ak ste ešte nič nepridali do svojhoFavorites
, prejdite naHľadaťnaučiť sa ako.
- Kliknite na
Actions
tlačidlo naFavorites
zoznam. - Kliknite na
Create a grid
tlačidlo. - Zobrazí sa nové okno, v ktorom môžete pomenovať svoju mriežku. Pozri nižšie.
- Kliknite
OK
tlačidlo pre pokračovanie.
Vaša mriežka bola vytvorená. Prejdite naTools > Grids
z hlavného navigačného panela a kliknite naCurated Grids
a zobrazí sa vám vaša nová mriežka.
Prispôsobiť
Section titled “Prispôsobiť”Formulár vám umožňuje prispôsobiť mriežku nasledujúcimi spôsobmi:
- Dajte tomu názov, aby ste si zapamätali, o čom je mriežka.
- Vyberte Prispôsobenie chcete použiť na túto mriežku.
- Vyberte úvodnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
- 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
. - Pridajte kľúčové slová oddelené čiarkou, ktoré bude používať Webové prehľadávače.
- Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
- Kliknite na
Save
tlačidlo pre pokračovanie.
Zdieľať
Section titled “Zdieľať”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.
Vložiť
Section titled “Vložiť”<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.
Uložená vyhľadávacia mriežka
Section titled “Uložená vyhľadávacia mriežka”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.
Vytvoriť
Section titled “Vytvoriť”Prejsť naInventory > Saved searches
z hlavného navigačného panela.
Ak ste ešte nevytvorili uložené vyhľadávanie, prejdite naHľadaťnaučiť sa ako.
- Kliknite na
Actions
tlačidlo vo vašom uloženom vyhľadávaní. - Kliknite na
Create a grid
tlačidlo. - Zobrazí sa nové okno, v ktorom môžete pomenovať svoju mriežku. Pozri nižšie.
- Kliknite
OK
tlačidlo pre pokračovanie.
Vaša mriežka bola vytvorená. Prejdite naTools > Grids
z hlavného navigačného panela a kliknite naSaved Search Grids
a zobrazí sa vám vaša nová mriežka.
Prispôsobiť
Section titled “Prispôsobiť”Formulár vám umožňuje prispôsobiť mriežku nasledujúcimi spôsobmi:
- Dajte tomu názov, aby ste si zapamätali, o čom je mriežka.
- Vyberte Prispôsobenie chcete použiť na túto mriežku.
- Vyberte úvodnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
- 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
. - Pridajte kľúčové slová oddelené čiarkou, ktoré bude používať Webové prehľadávače.
- Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
- Kliknite na
Save
tlačidlo pre pokračovanie.
Zdieľať
Section titled “Zdieľať”Vložiť
Section titled “Vložiť”<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.
Zoradená mriežka
Section titled “Zoradená mriežka”Vytvoriť
Section titled “Vytvoriť”Vytvorte zoradenú mriežku prejdením naTools > Grids
a kliknite naRanked Grid
záložka. Kliknite naCreate ranked grid
tlačidlo.
Prispôsobiť
Section titled “Prispôsobiť”Formulár vám umožňuje prispôsobiť si zoradenú mriežku nasledujúcimi spôsobmi:
- Vyberte si destináciu. Napr. Tokio.
- Dajte tomu názov, aby ste si zapamätali, o čom je mriežka. Napr. ekologické hotely v Tokiu
- Vyberte Prispôsobenie chcete použiť na túto mriežku.
- Vyberte úvodnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
- Vyberte charakteristiku, podľa ktorej chcete zoradiť nehnuteľnosti. Napr. ekologickosť.
- Pridajte kľúčové slová oddelené čiarkou, ktoré bude používať Webové prehľadávače.
- Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
- 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.
Zdieľať
Section titled “Zdieľať”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.
Vložiť
Section titled “Vložiť”<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.
Ďalšie čítanie
Section titled “Ďalšie čítanie”- Získajte viac informácií o našej kolekciiWebové komponenty.
- Získajte viac informácií oDoplnok Wink pre WordPress.