Skip to content
Academy

Cards

Et kort representerer én enkelt leverandør (f.eks. hotell eller opplevelsesleverandør) eller inventar (f.eks. romtype, møterom, spa osv.) og eksponerer detaljene via et interaktivt, bestillbart kortgrensesnitt.

En bruker kan samhandle med et kort på følgende måter:

  • Klikk påBookknapp.
  • Klikk påGallerylenke for å se alle bilder og videoer for denne beholdningen.
  • KlikkBest deallenke, hvis tilgjengelig, for å se rommet med den beste prisen.
  • KlikkHotel detailslenke, hvis tilgjengelig, for å se eiendomsinformasjon.

Et kort støtter flere sider for å minimere størrelsen på kortet og kategorisere dataene. Dette gjør det enkelt for brukeren å bruke det og gir deg større sjanse til å konvertere brukeren til en bestilling.

Et kort har enten to eller tre sider:

  • Et hotellkort viser eiendomsinformasjon 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 tre sider. Eksempel: Spa-data vises på forsiden med den beste prisen på spaet. Romtypedata for det rimeligste rommet er på den andre siden. Eiendomsdata sammen med det rimeligste rommet er på den tredje kortsiden.
Forhåndsvisning av kort
Romtypekort for forsiden med tilgjengelighet

Over er et eksempel på romtypekortet vårt. Det inneholder informasjon om overnattingsstedet, anmeldelsen og rommet, samt avbestillingsregler og måltider.

Resten av denne artikkelen veileder deg gjennom hvordan du oppretter, tilpasser og viser kortet til brukerne dine.

Opprett et kort

Section titled “Opprett et kort”
Handlinger
Handlinger i søkeresultatene

Over er et bilde hentet fraSøkog viser deg noen av tingene du kan gjøre med søkeresultatene dine. En av disse handlingene erMake a card. Klikk på den knappen, så blir du omdirigert til kortskjemasiden vår, hvor du kan begynne å tilpasse kortet ditt.

Tilpass kortet

Section titled “Tilpass kortet”

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 Tilpasning du ønsker å søke om dette kortet.
  3. Velg den første kortsiden du vil at brukerne skal se først. Som standard er det den opprinnelige siden av den beholdningen.
  4. Velg badge du vil bruke på kortet. Et merke lar brukere sammenligne beholdning på en samlet beregning, for eksempel eco-friendly.
  5. Legg til nøkkelord, atskilt med komma, som skal brukes av Nettroboter.
  6. Legg til titler og beskrivelser på språkene du vil at brukeren skal se.
  7. Velg ett eller flere bilder som skal vises når brukere klikker på Gallery lenke.
  8. Klikk på Save knappen for å fortsette.

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

Del kort

Section titled “Del kort”
Kort
Kort med skjult handlingsmeny

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

  • OppdateringOppdaterer kortkonfigurasjonen din.
  • Legg til i WinkLinksLegger kortet til i WinkLinks-kontoen din.
  • Bygg innViser deg hvordan du legger inn dette kortet som enKortinn på nettstedet ditt.
  • Bruk med WordPressViser deg hvordan du bruker vårWordPress-pluginå legge inn dette kortet på nettstedet ditt.

Vi dekker noen av disse alternativene mer detaljert nedenfor.

Bygg inn

Section titled “Bygg inn”
<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 ditt:

  • Linje 3 viser deg hvordan du bygger inn Wink-stilene på nettstedet ditt.
  • Linje 6 til 9 viser deg hvordan du brukerwink-innholdslasterWeb-komponenten og be den hente et gjesteromskort for koden din.
  • Linje 11 viser deg hvordan du bygger inn Javascript-koden vår på nettstedet ditt.
  • Linje 13 viser deg hvordan du legger innwink-app-loaderWeb-komponenten og be den hente konfigurasjonsinnstillingene dine på sidenivå.

API-en

Section titled “API-en”

Utviklere som ønsker å administrere kort kan gå tilUtviklere > API > Inventar.

Videre lesning

Section titled “Videre lesning”