Skip to content
Wink

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

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

Section titled “Mreža 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 Popisi > Kurirani 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 kuriranog popisa
Obrazac za stvaranje mreže 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 Mreže iz glavnog izbornika i kliknite karticu Kurirane 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 kuriranog popisa
Unos mreže 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 Pokazuje kako ugraditi ovu mrežu kao Grid na vašu web stranicu.
  • Koristi s WordPressom Pokazuje 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 pokazuje kako ugraditi Wink stilove na vašu stranicu.
  • Linije od 6 do 9 pokazuju kako koristiti wink-content-loader Web komponentu i reći joj da dohvati mrežu za vaš kod.
  • Linija 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
  • Linija 13 pokazuje kako ugraditi wink-app-loader Web komponentu i reći joj da dohvati vaše konfiguracijske postavke na razini stranice.

Mreža spremljenog pretraživanja

Section titled “Mreža 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 Popisi > Dinamički iz glavnog izbornika. Ako još niste stvorili spremljenu pretragu, posjetite Pretraživanje da naučite kako.

Stvaranje mreže spremljenog pretraživanja
Obrazac za stvaranje mreže spremljenog pretraživanja
  1. Kliknite gumb Radnje na vašoj 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 Mreže iz glavnog izbornika i kliknite karticu 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 spremljenog pretraživanja
Unos mreže 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 mrežu na vašu stranicu:

  • Linija 3 pokazuje kako ugraditi Wink stilove na vašu stranicu.
  • Linije od 6 do 9 pokazuju kako koristiti wink-content-loader Web komponentu i reći joj da dohvati mrežu za vaš kod.
  • Linija 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
  • Linija 13 pokazuje 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 Mreže i kliknete na karticu Rangirane. 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 s rangiranim mrežama 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 Pokazuje kako ugraditi ovu mrežu kao Grid na vašu web stranicu.
  • Koristi s WordPressom Pokazuje 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 pokazuje kako ugraditi Wink stilove na vašu stranicu.
  • Linije od 6 do 9 pokazuju kako koristiti wink-content-loader Web komponentu i reći joj da dohvati rangiranu mrežu za vaš kod.
  • Linija 11 pokazuje kako ugraditi naš Javascript na vašu stranicu.
  • Linija 13 pokazuje 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”