Skip to content
Academy

Kartice

Kartica predstavlja jednog dobavljača (npr. hotel ili pružatelja iskustava) ili inventar (tj. tip sobe, konferencijsku dvoranu, spa itd.) i prikazuje detalje putem interaktivnog, rezervabilnog korisničkog sučelja kartice. Korisnik može komunicirati s karticom na sljedeće načine:

  • Kliknuti na gumb Book.
  • Kliknuti na poveznicu Gallery da vidi sve fotografije i videozapise za taj inventar.
  • Kliknuti na poveznicu Best deal, ako je dostupna, da vidi sobu s najboljom cijenom.
  • Kliknuti na poveznicu Hotel details, ako je dostupna, da vidi informacije o objektu.

Kartica podržava više lica kako bi se smanjila veličina kartice i kategorizirali podaci; što ih čini lako probavljivima za korisnika i daje vam veću šansu da korisnika pretvorite u rezervaciju.

Kartica ima dva ili tri lica:

  • Kartica hotela prikazuje podatke o objektu sprijeda i najbolji tip sobe straga. Cijena, na obje strane, prikazuje najbolju cijenu za hotel.
  • Kartica tipa sobe prikazuje podatke o tipu sobe sprijeda i podatke o objektu straga. Cijena prikazuje cijenu tipa sobe sprijeda i najbolju cijenu za hotel straga.
  • Sve ostale kartice (npr. spa, restoran itd.) imaju 3 lica. Primjer: Podaci o spa-u prikazuju se na prednjoj strani s najboljom cijenom spa-a. Podaci o tipu sobe za sobu s najboljom cijenom nalaze se na drugoj strani. Podaci o objektu zajedno s sobom s najboljom cijenom nalaze se na trećem licu kartice.
Pregled kartice
Kartica tipa sobe okrenuta sprijeda s dostupnošću

Gore je primjer naše kartice tipa sobe. Sadrži podatke o objektu, recenzije i podatke o sobi zajedno s politikom otkazivanja i obrocima.

Ostatak ovog članka vodi vas kroz postupak stvaranja, prilagodbe i izlaganja kartice vašim korisnicima.

Stvaranje kartice

Section titled “Stvaranje kartice”
Radnje
Radnje u rezultatima pretraživanja

Gore je slika preuzeta iz Search i prikazuje neke od stvari koje možete učiniti s rezultatima pretraživanja. Jedna od tih radnji je Make a card. Kliknite na taj gumb i bit ćete preusmjereni na našu stranicu obrasca za karticu gdje možete započeti prilagodbu svoje kartice.

Prilagodba kartice

Section titled “Prilagodba kartice”

Obrazac vam omogućuje prilagodbu kartice na sljedeće načine:

  1. Dajte joj ime kako biste se sjetili o čemu se radi u kartici.
  2. Odaberite Customization koju želite primijeniti na ovu karticu.
  3. Odaberite početno lice kartice koje želite da korisnici prvo vide. Zadano je izvorno lice tog inventara.
  4. Odaberite značku koju želite koristiti na kartici. Značka omogućuje korisnicima usporedbu inventara prema agregiranoj metriki poput eco-friendly.
  5. Dodajte ključne riječi, odvojene zarezom, koje će koristiti Web Crawlers.
  6. Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
  7. Odaberite jednu ili više slika koje će se prikazati kada korisnici kliknu na poveznicu Gallery.
  8. Kliknite gumb Save za nastavak.

Nakon spremanja kartice, bit ćete preusmjereni na stranicu svojih kartica i vaša kartica je sada spremna za dijeljenje sa svijetom.

Dijeljenje kartice

Section titled “Dijeljenje kartice”
Kartica
Kartica s sažetim izbornikom radnji

Gore je slika koja prikazuje sve dostupne radnje za vašu karticu:

  • Update Ažurira konfiguraciju vaše kartice.
  • Add to WinkLinks Dodaje karticu u vaš WinkLinks račun.
  • Embed Prikazuje kako ugraditi ovu karticu kao Card na vašu web stranicu.
  • Use with WordPress Prikazuje kako koristiti naš WordPress plugin za ugradnju ove kartice na vašu web stranicu.

Neke od ovih opcija detaljnije objašnjavamo 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="GUEST_ROOM"
       id="2de7ee9c-61c9-11ef-9722-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 vašu karticu 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 karticu sobe za goste 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”

Razvojni programeri koji žele upravljati karticama mogu otići na Developers > API > Inventory.

Daljnje čitanje

Section titled “Daljnje čitanje”