Skip to content
Academy

Kartice

Kartica predstavlja enega dobavitelja (npr. hotel ali ponudnik doživetij) ali inventar (tj. tip sobe, sejna soba, spa itd.) in prikazuje podrobnosti preko interaktivnega, rezervabilnega uporabniškega vmesnika kartice. Uporabnik lahko z kartico komunicira na naslednje načine:

  • Klikne gumb Rezerviraj.
  • Klikne povezavo Galerija, da si ogleda vse fotografije in videoposnetke za ta inventar.
  • Klikne povezavo Najboljša ponudba, če je na voljo, da vidi sobo z najboljšo ceno.
  • Klikne povezavo Podrobnosti hotela, če je na voljo, da vidi informacije o nastanitvi.

Kartica podpira več obrazov, da zmanjša velikost kartice in kategorizira podatke; kar omogoča enostavno uporabo za uporabnika in vam daje večjo možnost, da uporabnika pretvorite v rezervacijo.

Kartica ima lahko dva ali tri obraze:

  • Kartica hotela prikazuje podatke o nastanitvi na sprednji strani in najboljšo vrsto sobe na zadnji strani. Cena na obeh straneh prikazuje najboljšo ceno za hotel.
  • Kartica tipa sobe prikazuje podatke o tipu sobe na sprednji strani in podatke o nastanitvi na zadnji strani. Cena na sprednji strani prikazuje ceno tipa sobe, na zadnji pa najboljšo ceno za hotel.
  • Vse druge kartice (npr. spa, restavracija itd.) imajo 3 obraze. Primer: Podatki o spa-ju so na sprednji strani s prikazom najboljše cene spa-ja. Podatki o tipu sobe za sobo z najboljšo ceno so na drugi strani. Podatki o nastanitvi skupaj z najboljšo ceno sobe so na tretjem obrazu kartice.
Predogled kartice
Sprednja stran kartice tipa sobe z razpoložljivostjo

Zgoraj je primer naše kartice tipa sobe. Vsebuje podatke o nastanitvi, ocenah in sobi ter politiko odpovedi in obroke.

Preostali del tega članka vas vodi skozi postopek ustvarjanja, prilagajanja in prikaza kartice vašim uporabnikom.

Ustvari kartico

Section titled “Ustvari kartico”
Dejanja
Dejanja v rezultatih iskanja

Zgoraj je slika iz Iskanja, ki prikazuje nekaj stvari, ki jih lahko naredite z rezultati iskanja. Ena od teh možnosti je Ustvari kartico. Kliknite ta gumb in preusmerjeni boste na stran z obrazcem za kartico, kjer lahko začnete prilagajati svojo kartico.

Prilagodi kartico

Section titled “Prilagodi kartico”

Obrazec vam omogoča prilagoditev kartice na naslednje načine:

  1. Dajte ji ime, da boste vedeli, za kaj gre pri kartici.
  2. Izberite Prilagoditev, ki jo želite uporabiti za to kartico.
  3. Izberite začetni obraz kartice, ki ga želite, da ga uporabniki vidijo najprej. Privzeto je to izvorni obraz tega inventarja.
  4. Izberite značko, ki jo želite uporabiti na kartici. Značka omogoča uporabnikom primerjavo inventarja po skupnem merilu, kot je okolju prijazno.
  5. Dodajte ključne besede, ločene z vejico, ki jih bodo uporabljali spletni pajki.
  6. Dodajte naslove in opise v jezikih, ki jih želite, da jih uporabnik vidi.
  7. Izberite eno ali več slik, ki se bodo prikazale, ko uporabniki kliknejo na povezavo Galerija.
  8. Kliknite gumb Shrani, da nadaljujete.

Po shranjevanju kartice boste preusmerjeni na stran s karticami in vaša kartica je zdaj pripravljena za deljenje s svetom.

Deli kartico

Section titled “Deli kartico”
Kartica
Kartica z zloženim menijem dejanj

Zgoraj je slika z vsemi razpoložljivimi dejanji za vašo kartico:

  • Posodobi Posodobi konfiguracijo vaše kartice.
  • Dodaj v WinkLinks Doda kartico v vaš račun WinkLinks.
  • Vstavi Prikaže, kako vstaviti to kartico kot Kartico na vašo spletno stran.
  • Uporabi z WordPressom Prikaže, kako uporabiti naš WordPress vtičnik za vstavljanje te kartice na vašo spletno stran.

Nekatere od teh možnosti podrobneje obravnavamo spodaj.

Vstavi

Section titled “Vstavi”
<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>

Tako vstavite svojo kartico na svojo stran:

  • V vrstici 3 je prikazano, kako vstaviti Wink stile na vašo stran.
  • V vrsticah od 6 do 9 je prikazano, kako uporabiti wink-content-loader spletno komponento in ji povedati, naj naloži kartico sobe za vaše kodo.
  • V vrstici 11 je prikazano, kako vstaviti naš Javascript na vašo stran.
  • V vrstici 13 je prikazano, kako vstaviti wink-app-loader spletno komponento in ji povedati, naj naloži vaše nastavitve na ravni strani.

API

Section titled “API”

Razvijalci, ki želijo upravljati kartice, lahko obiščejo Razvijalci > API > Inventar.

Nadaljnje branje

Section titled “Nadaljnje branje”