Mreže
Mreža predstavlja popis dobavljača i inventara te prikazuje detalje putem interaktivnog, rezervabilnog mrežnog korisničkog sučelja. Mreža podržava prikazivanje bilo kojeg inventara iz vašeg kuriranog popisa ili spremljenog pretraživanja. Korisnik komunicira s mrežom na isti način kao i s pojedinačnom karticom uz jednu dodatnu značajku:
- Paginirajte kroz mrežu klikom na gumb
Prikaži više(kada su dostupni dodatni artikli).
Gore je primjer naše mreže koja prikazuje popis kartica s vrstama soba.
Ostatak ovog članka vodi vas kroz postupak stvaranja, prilagodbe i izlaganja mreže vašim korisnicima.
Vrste mreža
Section titled “Vrste mreža”Postoje tri vrste mreža:
- Mreža temeljena na kuriranom popisu.
- Mreža temeljena na spremljenom pretraživanju.
- Rangirana mreža temeljena na lokaciji i kriterijima sortiranja (npr. Rangirana mreža).
Mreža iz kuriranog popisa
Section titled “Mreža iz kuriranog popisa”Ovo je mreža koja koristi inventar koji ste prikupili u jednom od vaših kuriranih popisa i pretvara popis u rezervabilni putnički inventar koji možete prikazati svojim korisnicima.
Stvaranje
Section titled “Stvaranje”Idite na Inventar > Kurirani popisi iz glavnog izbornika. Za ovaj primjer koristit ćemo vaš popis Favoriti.
Ako još niste ništa dodali u svoje Favorite, posjetite Pretraživanje da naučite kako.
- Kliknite gumb
Radnjena popisuFavoriti. - Kliknite gumb
Stvori mrežu. - Otvorit će se novi prozor koji vam omogućuje da nazovete svoju mrežu. Pogledajte dolje.
- Kliknite gumb
U reduza nastavak.
Vaša mreža je stvorena. Idite na Alati > Mreže iz glavnog izbornika i kliknite karticu Kurirane mreže da vidite svoju novu mrežu.
Prilagodba
Section titled “Prilagodba”Obrazac vam omogućuje prilagodbu mreže na sljedeće načine:
- Dajte joj ime kako biste se sjetili o čemu se radi u mreži.
- Odaberite Prilagodbu koju želite primijeniti na ovu mrežu.
- Odaberite početni izgled kartice koji želite da korisnici prvo vide. Zadano je izvorni izgled tog inventara.
- Odaberite značku koju želite koristiti na kartici. Značka omogućuje korisnicima usporedbu inventara prema agregiranoj metriki poput
eko-prijateljski. - Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web Crawleri.
- Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
- Kliknite gumb
Spremiza nastavak.
Dijeljenje
Section titled “Dijeljenje”Gore je prikazana slika sa svim dostupnim radnjama za vašu mrežu:
- Ažuriraj Ažurira konfiguraciju vaše mreže.
- Dodaj u WinkLinks Dodaje mrežu u vaš WinkLinks račun.
- Ugradi Prikazuje kako ugraditi ovu mrežu kao Grid na vašu web stranicu.
- Koristi s WordPressom Prikazuje kako koristiti naš WordPress dodatak za ugradnju ove mreže na vašu web stranicu.
Neke od ovih opcija detaljnije obrađujemo u nastavku.
Ugradnja
Section titled “Ugradnja”<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 mrežu na vašu stranicu:
- Linija 3 prikazuje kako ugraditi Wink stilove na vašu stranicu.
- Linije od 6 do 9 prikazuju kako koristiti wink-content-loader Web komponentu i reći joj da dohvati mrežu za vaš kod.
- Linija 11 prikazuje kako ugraditi naš Javascript na vašu stranicu.
- Linija 13 prikazuje kako ugraditi wink-app-loader Web komponentu i reći joj da dohvati vaše konfiguracijske postavke na razini stranice.
Mreža iz spremljenog pretraživanja
Section titled “Mreža iz spremljenog pretraživanja”Ovo je mreža koja koristi inventar iz vaše spremljene pretrage i pretvara rezultate pretraživanja u rezervabilni putnički inventar koji možete prikazati svojim korisnicima.
Stvaranje
Section titled “Stvaranje”Idite na Inventar > Spremljena pretraživanja iz glavnog izbornika.
Ako još niste stvorili spremljenu pretragu, posjetite Pretraživanje da naučite kako.
- Kliknite gumb
Radnjena vašem spremljenom pretraživanju. - Kliknite gumb
Stvori mrežu. - Otvorit će se novi prozor koji vam omogućuje da nazovete svoju mrežu. Pogledajte dolje.
- Kliknite gumb
U reduza nastavak.
Vaša mreža je stvorena. Idite na Alati > Mreže iz glavnog izbornika i kliknite karticu Mreže iz spremljenih pretraživanja da vidite svoju novu mrežu.
Prilagodba
Section titled “Prilagodba”Obrazac vam omogućuje prilagodbu mreže na sljedeće načine:
- Dajte joj ime kako biste se sjetili o čemu se radi u mreži.
- Odaberite Prilagodbu koju želite primijeniti na ovu mrežu.
- Odaberite početni izgled kartice koji želite da korisnici prvo vide. Zadano je izvorni izgled tog inventara.
- Odaberite značku koju želite koristiti na kartici. Značka omogućuje korisnicima usporedbu inventara prema agregiranoj metriki poput
eko-prijateljski. - Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web Crawleri.
- Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
- Kliknite gumb
Spremiza nastavak.
Dijeljenje
Section titled “Dijeljenje”Ugradnja
Section titled “Ugradnja”<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 mrežu na vašu stranicu:
- Linija 3 prikazuje kako ugraditi Wink stilove na vašu stranicu.
- Linije od 6 do 9 prikazuju kako koristiti wink-content-loader Web komponentu i reći joj da dohvati mrežu za vaš kod.
- Linija 11 prikazuje kako ugraditi naš Javascript na vašu stranicu.
- Linija 13 prikazuje kako ugraditi wink-app-loader Web komponentu i reći joj da dohvati vaše konfiguracijske postavke na razini stranice.
Rangirana mreža
Section titled “Rangirana mreža”Stvaranje
Section titled “Stvaranje”Stvorite rangiranu mrežu tako da odete na Alati > Mreže i kliknete na karticu Rangirana mreža. Kliknite gumb Stvori rangiranu mrežu.
Prilagodba
Section titled “Prilagodba”Obrazac vam omogućuje prilagodbu rangirane mreže na sljedeće načine:
- Odaberite odredište. Npr. Tokio.
- Dajte joj ime kako biste se sjetili o čemu se radi u mreži. Npr. Eko-prijateljski hoteli u Tokiju
- Odaberite Prilagodbu koju želite primijeniti na ovu mrežu.
- Odaberite početni izgled kartice koji želite da korisnici prvo vide. Zadano je izvorni izgled tog inventara.
- Odaberite karakteristiku po kojoj želite sortirati objekte. Npr. Eko-prijateljstvo.
- Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web Crawleri.
- Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
- Kliknite gumb
Spremiza nastavak.
Nakon spremanja rangirane mreže, bit ćete preusmjereni na stranicu s rangiranim mrežama i vaša mreža je sada spremna za dijeljenje sa svijetom.
Dijeljenje
Section titled “Dijeljenje”Gore je prikazana slika sa svim dostupnim radnjama za vašu rangiranu mrežu:
- Ažuriraj Ažurira konfiguraciju vaše mreže.
- Dodaj u WinkLinks Dodaje rangiranu mrežu u vaš WinkLinks račun.
- Ugradi Prikazuje kako ugraditi ovu mrežu kao Grid na vašu web stranicu.
- Koristi s WordPressom Prikazuje kako koristiti naš WordPress dodatak za ugradnju ove kartice na vašu web stranicu.
Neke od ovih opcija detaljnije obrađujemo u nastavku.
Ugradnja
Section titled “Ugradnja”<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 mrežu na vašu stranicu:
- Linija 3 prikazuje kako ugraditi Wink stilove na vašu stranicu.
- Linije od 6 do 9 prikazuju kako koristiti wink-content-loader Web komponentu i reći joj da dohvati rangiranu mrežu za vaš kod.
- Linija 11 prikazuje kako ugraditi naš Javascript na vašu stranicu.
- Linija 13 prikazuje kako ugraditi wink-app-loader Web komponentu i reći joj da dohvati vaše konfiguracijske postavke na razini stranice.
Programeri koji žele upravljati mrežama mogu otići na Developers > API > Inventory.
Daljnje čitanje
Section titled “Daljnje čitanje”- Saznajte više o našoj kolekciji Web Components.
- Saznajte više o Wink WordPress dodatku.