Skip to content
Academy

Kartice

Kartica predstavlja jednog dobavljača (npr. hotel ili pružaoca iskustava) ili inventar (tj. tip sobe, sala za sastanke, spa itd.) i prikazuje detalje putem interaktivnog, rezervabilnog korisničkog interfejsa kartice. Korisnik može da komunicira sa karticom na sledeće načine:

  • Klikom na dugme Book.
  • Klikom na link Gallery da vidi sve fotografije i video zapise za ovaj inventar.
  • Klikom na link Best deal, ako je dostupan, da vidi sobu sa najboljom cenom.
  • Klikom na link Hotel details, ako je dostupan, da vidi informacije o objektu.

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

Kartica ima dve ili tri strane:

  • Kartica hotela prikazuje podatke o objektu na prednjoj strani i najbolji tip sobe na poleđini. Cena, na obe strane, prikazuje najbolju cenu za hotel.
  • Kartica tipa sobe prikazuje podatke o tipu sobe na prednjoj strani i podatke o objektu na poleđini. Cena prikazuje cenu tipa sobe na prednjoj strani i najbolju cenu za hotel na poleđini.
  • Sve ostale kartice (npr. spa, restoran itd.) imaju 3 strane. Primer: Podaci o spa-u prikazuju se na prednjoj strani sa najboljom cenom spa usluge. Podaci o tipu sobe sa najboljom cenom su na drugoj strani. Podaci o objektu zajedno sa sobom sa najboljom cenom su na trećoj strani kartice.
Pregled kartice
Kartica tipa sobe okrenuta napred sa dostupnošću

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

Ostatak ovog članka vodi vas kroz proces kreiranja, prilagođavanja i izlaganja kartice vašim korisnicima.

Kreirajte karticu

Section titled “Kreirajte karticu”
Akcije
Akcije u rezultatima pretrage

Gore je slika preuzeta iz Search i prikazuje neke od stvari koje možete da uradite sa rezultatima pretrage. Jedna od tih akcija je Make a card. Kliknite na to dugme i bićete preusmereni na našu stranicu sa formularom za karticu gde možete početi sa prilagođavanjem kartice.

Prilagodite karticu

Section titled “Prilagodite karticu”

Formular vam omogućava da prilagodite karticu na sledeće načine:

  1. Dajte joj ime da biste zapamtili o čemu se radi na kartici.
  2. Izaberite Customization koju želite da primenite na ovu karticu.
  3. Izaberite početnu stranu kartice koju želite da korisnici vide prvi put. Po defaultu, to je izvorna strana tog inventara.
  4. Izaberite značka koju želite da koristite na kartici. Značka omogućava korisnicima da uporede inventar po agregatnoj metriki kao što je eko-prijateljski.
  5. Dodajte ključne reči, odvojene zarezom, koje će koristiti Web Crawlers.
  6. Dodajte naslove i opise na jezicima koje želite da korisnik vidi.
  7. Izaberite jednu ili više slika koje će se prikazivati kada korisnici kliknu na link Gallery.
  8. Kliknite na dugme Save da nastavite.

Nakon čuvanja kartice, bićete preusmereni na stranicu sa vašim karticama i vaša kartica je sada spremna za deljenje sa svetom.

Delite karticu

Section titled “Delite karticu”
Kartica
Kartica sa skupljenim menijem akcija

Gore je prikazana slika sa svim dostupnim akcijama za vašu karticu:

  • Update Ažurira konfiguraciju vaše kartice.
  • Add to WinkLinks Dodaje karticu na vaš WinkLinks nalog.
  • Embed Prikazuje kako da ugradite ovu karticu kao Card na vaš sajt.
  • Use with WordPress Prikazuje kako da koristite naš WordPress plugin za ugradnju ove kartice na vaš sajt.

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 da ugradite vašu karticu na vaš sajt:

  • Linija 3 prikazuje kako da ugradite Wink stilove na vaš sajt.
  • Linije od 6 do 9 prikazuju kako da koristite wink-content-loader Web komponentu i kažete joj da učita karticu sobe za goste za vaš kod.
  • Linija 11 prikazuje kako da ugradite naš Javascript na vaš sajt.
  • Linija 13 prikazuje kako da ugradite wink-app-loader Web komponentu i kažete joj da učita vaše konfiguracione preferencije na nivou stranice.

API

Section titled “API”

Programeri koji žele da upravljaju karticama mogu otići na Developers > API > Inventory.

Dalje čitanje

Section titled “Dalje čitanje”