Grids
Mreža predstavlja popis dobavljača i zaliha te prikazuje detalje putem interaktivnog korisničkog sučelja s mogućnošću rezervacije. Mreža podržava prikaz bilo koje zalihe s vašeg odabranog popisa ili spremljenog pretraživanja. Korisnik komunicira s mrežom na isti način na koji komunicira s pojedincem.karticas jednom dodatnom značajkom:
- Paginirajte mrežu klikom na
Show more
gumb (kada je dostupno više artikala).
Gore je primjer naše mreže koja prikazuje popis kartica tipova soba.
Ostatak ovog članka vodi vas kroz postupak stvaranja, prilagodbe i prikazivanja mreže korisnicima.
Vrste mreža
Section titled “Vrste mreža”Postoje tri vrste rešetki:
- Mreža temeljena naodabrani popis.
- Mreža temeljena naspremljeno pretraživanje.
- Mreža na temelju lokacije i kriterija sortiranja (tj. rangirana mreža).
Mreža odabranog popisa
Section titled “Mreža odabranog popisa”Ovo je mreža koja koristi inventar koji ste prikupili na jednom od svojih odabranih popisa i pretvara popis u inventar putovanja koji se može rezervirati i koji možete prikazati svojim korisnicima.
Stvoriti
Section titled “Stvoriti”Navigiraj doInventory > Curated Lists
iz glavne navigacijske trake. Za ovaj primjer koristit ćemo vašeFavorites
popis.
Ako još niste ništa dodali na svojFavorites
, idi naPretraživanjenaučiti kako.
- Kliknite na
Actions
gumb naFavorites
popis. - Kliknite na
Create a grid
gumb. - Otvorit će se novi prozor u kojem možete imenovati svoju mrežu. Vidi dolje.
- Klik
OK
gumb za nastavak.
Vaša je mreža stvorena. Idite naTools > Grids
iz glavne navigacijske trake i kliknite naCurated Grids
karticu da biste vidjeli svoju novu mrežu.
Prilagodi
Section titled “Prilagodi”Obrazac vam omogućuje prilagodbu mreže na sljedeće načine:
- Daj mu ime kako bi se sjetio o čemu se radi u mreži.
- Odaberite Prilagođavanje želite primijeniti na ovu mrežu.
- Odaberite početnu stranu kartice koju želite da korisnici prvo vide. Prema zadanim postavkama, to je izvorna strana tog inventara.
- Odaberite značku koju želite koristiti na kartici. Značka omogućuje korisnicima usporedbu zaliha na temelju agregirane metrike kao što je
eco-friendly
. - Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web crawleri.
- Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
- Kliknite na
Save
gumb za nastavak.
Gore je prikazana slika sa svim dostupnim radnjama za vašu mrežu:
- AžuriratiAžurira konfiguraciju vaše mreže.
- Dodaj u WinkLinksDodaje mrežu na vaš WinkLinks račun.
- UgraditiPokazuje vam kako ugraditi ovu mrežu kaoMrežana vašu web stranicu.
- Koristi se s WordPressomPokazuje vam kako koristiti našeWordPress dodatakugraditi ovu mrežu na svoju web stranicu.
Neke od ovih opcija detaljnije ćemo obraditi u nastavku.
Ugraditi
Section titled “Ugraditi”<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>
Evo kako ugraditi svoju mrežu na svoju web-lokaciju:
- Redak 3 pokazuje kako ugraditi Wink stilove na vašu web-stranicu.
- Redci od 6 do 9 pokazuju kako koristitiwink-content-loaderWeb komponentu i recite joj da dohvati mrežu za vaš kod.
- Redak 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
- Redak 13 pokazuje kako ugraditiwink-app-loaderWeb komponentu i recite joj da dohvati vaše postavke konfiguracije na razini stranice.
Spremljena mreža pretraživanja
Section titled “Spremljena mreža pretraživanja”Ovo je mreža koja koristi inventar u vašem spremljenom upitu za pretraživanje i pretvara rezultate pretraživanja u inventar putovanja koji se može rezervirati i koji možete prikazati svojim korisnicima.
Stvoriti
Section titled “Stvoriti”Navigiraj doInventory > Saved searches
s glavne navigacijske trake.
Ako još niste stvorili spremljeno pretraživanje, idite naPretraživanjenaučiti kako.
- Kliknite na
Actions
gumb na spremljenoj pretrazi. - Kliknite na
Create a grid
gumb. - Otvorit će se novi prozor u kojem možete imenovati svoju mrežu. Vidi dolje.
- Kliknite
OK
gumb za nastavak.
Vaša je mreža stvorena. Idite naTools > Grids
iz glavne navigacijske trake i kliknite naSaved Search Grids
karticu da biste vidjeli svoju novu mrežu.
Prilagodi
Section titled “Prilagodi”Obrazac vam omogućuje prilagodbu mreže na sljedeće načine:
- Daj mu ime kako bi se sjetio o čemu se radi u mreži.
- Odaberite Prilagođavanje želite primijeniti na ovu mrežu.
- Odaberite početnu stranu kartice koju želite da korisnici prvo vide. Prema zadanim postavkama, to je izvorna strana tog inventara.
- Odaberite značku koju želite koristiti na kartici. Značka omogućuje korisnicima usporedbu zaliha na temelju agregirane metrike kao što je
eco-friendly
. - Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web crawleri.
- Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
- Kliknite na
Save
gumb za nastavak.
Ugraditi
Section titled “Ugraditi”<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>
Evo kako ugraditi svoju mrežu na svoju web-lokaciju:
- Redak 3 pokazuje kako ugraditi Wink stilove na vašu web-stranicu.
- Redci od 6 do 9 pokazuju kako koristitiwink-content-loaderWeb komponentu i recite joj da dohvati mrežu za vaš kod.
- Redak 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
- Redak 13 pokazuje kako ugraditiwink-app-loaderWeb komponentu i recite joj da dohvati vaše postavke konfiguracije na razini stranice.
Rangirana mreža
Section titled “Rangirana mreža”Stvoriti
Section titled “Stvoriti”Izradite rangiranu mrežu tako da odete naTools > Grids
i kliknite naRanked Grid
kartica. Kliknite naCreate ranked grid
gumb.
Prilagodi
Section titled “Prilagodi”Obrazac vam omogućuje prilagodbu rangirane mreže na sljedeće načine:
- Odaberite odredište. Npr. Tokio.
- Daj mu ime kako bi se sjetio o čemu se radi u mreži. Npr. ekološki prihvatljivi hoteli u Tokiju
- Odaberite Prilagođavanje želite primijeniti na ovu mrežu.
- Odaberite početnu stranu kartice koju želite da korisnici prvo vide. Prema zadanim postavkama, to je izvorna strana tog inventara.
- Odaberite po kojoj karakteristici želite sortirati svojstva. Npr. ekološka prihvatljivost.
- Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web crawleri.
- Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
- Kliknite na
Save
gumb za nastavak.
Nakon što spremite svoju rangiranu mrežu, bit ćete preusmjereni na stranicu s rangiranim mrežama i vaša je mreža sada spremna za dijeljenje sa svijetom.
Gore je prikazana slika sa svim dostupnim akcijama za vašu rankd mrežu:
- AžuriratiAžurira konfiguraciju vaše mreže.
- Dodaj u WinkLinksDodaje rangiranu mrežu na vaš WinkLinks račun.
- UgraditiPokazuje vam kako ugraditi ovu mrežu kaoMrežana vašu web stranicu.
- Koristi se s WordPressomPokazuje vam kako koristiti našeWordPress dodatakugraditi ovu karticu na svoju web stranicu.
Neke od ovih opcija detaljnije ćemo obraditi u nastavku.
Ugraditi
Section titled “Ugraditi”<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>
Evo kako ugraditi svoju mrežu na svoju web-lokaciju:
- Redak 3 pokazuje kako ugraditi Wink stilove na vašu web-stranicu.
- Redci od 6 do 9 pokazuju kako koristitiwink-content-loaderWeb komponentu i recite joj da dohvati rangiranu mrežu za vaš kod.
- Redak 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
- Redak 13 pokazuje kako ugraditiwink-app-loaderWeb komponentu i recite joj da dohvati vaše postavke konfiguracije na razini stranice.
Programeri koji žele upravljati mrežama mogu se uputiti naRazvojni programeri > API > Inventar.
Daljnje čitanje
Section titled “Daljnje čitanje”- Saznajte više o našoj kolekcijiWeb komponente.
- Saznajte više oWink WordPress dodatak.