Skip to content
Academy

Kort

Et kort representerer en enkelt leverandør (f.eks. hotell eller opplevelsesleverandør) eller inventar (dvs. romtype, møterom, spa osv.) og viser detaljene via en interaktiv, bookbar kort-UI. En bruker kan samhandle med et kort på følgende måter:

  • Klikk på Book-knappen.
  • Klikk på Gallery-lenken for å se alle bilder og videoer for dette inventaret.
  • Klikk på Best deal-lenken, hvis tilgjengelig, for å se det beste prisede rommet.
  • Klikk på Hotel details-lenken, hvis tilgjengelig, for å se eiendomsinformasjon.

Et kort støtter flere sider for å minimere kortets størrelse og for å kategorisere dataene; noe som gjør det lett tilgjengelig for brukeren og gir deg større sjanse til å konvertere brukeren til en booking.

Et kort har enten to eller tre sider:

  • Et hotellkort viser eiendomsdata på forsiden og den beste romtypen på baksiden. Prisen, på begge sider, viser den beste prisen for hotellet.
  • Et romtypekort viser romtypedata på forsiden og eiendomsdata på baksiden. Prisen viser prisen for romtypen på forsiden og den beste prisen for hotellet på baksiden.
  • Alle andre kort (f.eks. spa, restaurant osv.) har 3 sider. Eksempel: Spa-data vises på forsiden med den beste prisen for spaet. Romtypedata for det beste prisede rommet er på den andre siden. Eiendomsdata sammen med det beste prisede rommet er på den tredje kortsiden.
Kort forhåndsvisning
Romtypekort med tilgjengelighet på forsiden

Over er et eksempel på vårt romtypekort. Det inneholder eiendoms-, vurderings- og romdata sammen med avbestillingsregler og måltider.

Resten av denne artikkelen viser deg hvordan du oppretter, tilpasser og eksponerer kortet for brukerne dine.

Opprett et kort

Section titled “Opprett et kort”
Handlinger
Søkeresultat-handlinger

Over er et bilde tatt fra Search som viser noen av tingene du kan gjøre med søkeresultatene dine. En av disse handlingene er Make a card. Klikk på den knappen, så blir du sendt til vårt kortskjema hvor du kan begynne å tilpasse kortet ditt.

Tilpass kort

Section titled “Tilpass kort”

Skjemaet lar deg tilpasse kortet ditt på følgende måter:

  1. Gi det et navn slik at du husker hva kortet handler om.
  2. Velg den Customization du vil bruke på dette kortet.
  3. Velg den første kortsiden du vil at brukerne skal se først. Som standard er det den native siden for det inventaret.
  4. Velg badge du vil bruke på kortet. En badge lar brukere sammenligne inventar på en samlet metrikk som eco-friendly.
  5. Legg til nøkkelord, separert med komma, som vil bli brukt av Web Crawlers.
  6. Legg til titler og beskrivelser på de språkene du vil at brukeren skal se.
  7. Velg ett eller flere bilder som vises når brukere klikker på Gallery-lenken.
  8. Klikk på Save-knappen for å fortsette.

Etter at du har lagret kortet, blir du sendt til kortsiden din, og kortet ditt er nå klart til å deles med verden.

Del kort

Section titled “Del kort”
Kort
Kort med sammenfoldet handlingsmeny

Over ser du et bilde med alle tilgjengelige handlinger for kortet ditt:

  • Update Oppdaterer kortkonfigurasjonen din.
  • Add to WinkLinks Legger til kortet i WinkLinks-kontoen din.
  • Embed Viser deg hvordan du kan legge inn dette kortet som et Card på nettstedet ditt.
  • Use with WordPress Viser deg hvordan du bruker vår WordPress-plugin for å legge inn dette kortet på nettstedet ditt.

Vi går nærmere inn på noen av disse alternativene nedenfor.

Embed

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

Slik legger du inn kortet ditt på nettstedet:

  • Linje 3 viser hvordan du legger inn Wink-stiler på nettstedet ditt.
  • Linjene 6 til 9 viser hvordan du bruker wink-content-loader Web Component og ber den hente et gjesteromkort for koden din.
  • Linje 11 viser hvordan du legger inn vår Javascript på nettstedet ditt.
  • Linje 13 viser hvordan du legger inn wink-app-loader Web Component og ber den hente dine sidekonfigurasjonsinnstillinger.

API

Section titled “API”

Utviklere som ønsker å administrere kort kan gå til Developers > API > Inventory.

Videre lesning

Section titled “Videre lesning”