Skip to content
Academy

Cards

Kartica predstavlja posameznega dobavitelja (npr. hotel ali ponudnika doživetij) ali zalogo (npr. vrsto sobe, sejno sobo, spa itd.) in prikazuje podrobnosti prek interaktivnega uporabniškega vmesnika kartice, ki omogoča rezervacije. Uporabnik lahko s kartico komunicira na naslednje načine:

  • Kliknite naBookgumb.
  • Kliknite naGallerypovezava za ogled vseh fotografij in videoposnetkov za ta inventar.
  • KlikniteBest dealpovezava, če je na voljo, za ogled sobe z najugodnejšo ceno.
  • KlikniteHotel detailspovezava, če je na voljo, za ogled informacij o nepremičnini.

Kartica podpira več stranic, da se zmanjša njena velikost in da se podatki kategorizirajo, kar uporabniku olajša uporabo in poveča možnost, da ga prepričate, da opravi rezervacijo.

Karta ima dve ali tri strani:

  • Hotelska kartica na sprednji strani prikazuje podatke o nastanitvi, na hrbtni strani pa najboljši tip sobe. Cena na obeh straneh prikazuje najboljšo ceno za hotel.
  • Kartica s tipom sobe prikazuje podatke o tipu sobe na sprednji strani in podatke o hotelu na hrbtni strani. Cena prikazuje ceno za tip sobe na sprednji strani in najboljšo ceno za hotel na hrbtni strani.
  • Vse ostale kartice (npr. restavracija v zdravilišču itd.) imajo 3 strani. Primer: Podatki o zdravilišču so prikazani na prvi strani z najboljšo ceno zdravilišča. Podatki o vrsti sobe za sobo z najugodnejšo ceno so na drugi strani. Podatki o nastanitvi skupaj z najugodnejšo sobo so na tretji strani kartice.
Predogled kartice
Kartica s tipom sobe, obrnjene proti sprednji strani, z razpoložljivostjo

Zgoraj je primer naše kartice s tipom sobe. Vsebuje podatke o nastanitvi, oceni in sobi skupaj s pravili odpovedi in obroki.

Preostanek tega članka vas vodi skozi postopek ustvarjanja, prilagajanja in prikazovanja kartice uporabnikom.

Ustvari kartico

Section titled “Ustvari kartico”
Dejanja
Dejanja v rezultatih iskanja

Zgoraj je slika, vzeta izIskanjein vam pokaže nekaj stvari, ki jih lahko naredite z rezultati iskanja. Eno od teh dejanj jeMake a card. Kliknite na ta gumb in preusmerili vas bomo na našo stran z obrazcem za kartico, kjer lahko začnete prilagajati svojo kartico.

Prilagodi kartico

Section titled “Prilagodi kartico”

Obrazec vam omogoča, da prilagodite svojo kartico na naslednje načine:

  1. Dajte ji ime, da si boste zapomnili, o čem govori kartica.
  2. Izberite Prilagajanje želite zaprositi za to kartico.
  3. Izberite začetno stran kartice, ki jo želite, da uporabniki vidijo najprej. Privzeto je to izvorna stran te zaloge.
  4. Izberite badge želite uporabiti na kartici. Značka uporabnikom omogoča primerjavo zaloge na podlagi skupne metrike, kot je eco-friendly.
  5. Dodajte ključne besede, ločene z vejico, ki jih bo uporabljal 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 bodo uporabniki kliknili na Gallery povezava.
  8. Kliknite na Save gumb za nadaljevanje.

Ko shranite kartico, 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 s strnjenim menijem dejanj

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

  • PosodobitevPosodobi konfiguracijo vaše kartice.
  • Dodaj v WinkLinksDoda kartico v vaš račun WinkLinks.
  • VdelajPrikazuje, kako vdelati to kartico kotKarticana vašo spletno stran.
  • Uporaba z WordPressomPokaže vam, kako uporabljati našoVtičnik za WordPressvdelati to kartico na svoje spletno mesto.

Nekatere od teh možnosti podrobneje obravnavamo spodaj.

Vdelaj

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

Takole vdelate svojo kartico na svoje spletno mesto:

  • V 3. vrstici je prikazano, kako vdelati sloge Wink na svoje spletno mesto.
  • Vrstice od 6 do 9 prikazujejo, kako uporabljatinalagalnik-vsebin-winkSpletno komponento in ji naročite, naj pridobi kartico sobe za goste za vašo kodo.
  • V 11. vrstici je prikazano, kako vdelati naš Javascript na vašo spletno stran.
  • Vrstica 13 prikazuje, kako vdelatinalagalnik-aplikacij-winkSpletno komponento in ji naročite, naj pridobi vaše nastavitve konfiguracije na ravni strani.

API

Section titled “API”

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

Nadaljnje branje

Section titled “Nadaljnje branje”