Skip to content
Academy

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:

  1. Paginirajte kroz mrežu klikom na gumb Prikaži više (kada su dostupni dodatni artikli).
Pregled mreže
Mreža koja prikazuje više vrsta soba

Gore je primjer naše mreže koja prikazuje popis kartica vrsta 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:

  1. Mreža temeljena na kuriranom popisu.
  2. Mreža temeljena na spremljenom pretraživanju.
  3. 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.

Stvaranje mreže iz kuriranog popisa
Obrazac za stvaranje mreže iz kuriranog popisa
  1. Kliknite gumb Radnje na popisu Favoriti.
  2. Kliknite gumb Stvori mrežu.
  3. Otvorit će se novi prozor koji vam omogućuje da nazovete svoju mrežu. Pogledajte dolje.
  4. Kliknite gumb U redu za 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:

  1. Dajte joj ime kako biste se sjetili o čemu se radi u mreži.
  2. Odaberite Prilagodbu koju želite primijeniti na ovu mrežu.
  3. Odaberite početni izgled kartice koji želite da korisnici prvo vide. Zadano je izvorni izgled tog inventara.
  4. Odaberite značku koju želite koristiti na kartici. Značka omogućuje korisnicima usporedbu inventara prema agregiranoj metriki poput eko-prijateljski.
  5. Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web Crawleri.
  6. Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
  7. Kliknite gumb Spremi za nastavak.

Dijeljenje

Section titled “Dijeljenje”
Mreža iz kuriranog popisa
Unos mreže iz kuriranog popisa s sažetim izbornikom radnji

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 svoju mrežu na svoju 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.

Stvaranje mreže iz spremljenog pretraživanja
Obrazac za stvaranje mreže iz spremljenog pretraživanja
  1. Kliknite gumb Radnje na svojoj spremljenoj pretrazi.
  2. Kliknite gumb Stvori mrežu.
  3. Otvorit će se novi prozor koji vam omogućuje da nazovete svoju mrežu. Pogledajte dolje.
  1. Kliknite gumb U redu za nastavak.

Vaša mreža je stvorena. Idite na Alati > Mreže iz glavnog izbornika i kliknite karticu Mreže 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:

  1. Dajte joj ime kako biste se sjetili o čemu se radi u mreži.
  2. Odaberite Prilagodbu koju želite primijeniti na ovu mrežu.
  3. Odaberite početni izgled kartice koji želite da korisnici prvo vide. Zadano je izvorni izgled tog inventara.
  4. Odaberite značku koju želite koristiti na kartici. Značka omogućuje korisnicima usporedbu inventara prema agregiranoj metriki poput eko-prijateljski.
  5. Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web Crawleri.
  6. Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
  7. Kliknite gumb Spremi za nastavak.

Dijeljenje

Section titled “Dijeljenje”
Mreža iz spremljenog pretraživanja
Unos mreže iz spremljenog pretraživanja s sažetim izbornikom radnji

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 svoju mrežu na svoju 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:

  1. Odaberite odredište. Npr. Tokio.
  2. Dajte joj ime kako biste se sjetili o čemu se radi u mreži. Npr. Eko-prijateljski hoteli u Tokiju
  3. Odaberite Prilagodbu koju želite primijeniti na ovu mrežu.
  4. Odaberite početni izgled kartice koji želite da korisnici prvo vide. Zadano je izvorni izgled tog inventara.
  5. Odaberite po kojoj karakteristici želite sortirati nekretnine. Npr. Eko-prijateljstvo.
  6. Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web Crawleri.
  7. Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
  8. Kliknite gumb Spremi za nastavak.

Nakon spremanja rangirane mreže, bit ćete preusmjereni na stranicu rangiranih mreža i vaša mreža je sada spremna za dijeljenje sa svijetom.

Dijeljenje

Section titled “Dijeljenje”
Rangirana mreža
Rangirana mreža sa sažetim izbornikom radnji

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 svoju mrežu na svoju 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.

API

Section titled “API”

Programeri koji žele upravljati mrežama mogu otići na Developers > API > Inventory.

Daljnje čitanje

Section titled “Daljnje čitanje”