Gå til indhold
Academy

Kort

Et kort repræsenterer en enkelt leverandør (f.eks. hotel eller oplevelsesudbyder) eller inventar (dvs. værelsestype, mødelokale, spa osv.) og viser detaljerne via en interaktiv, bookbar kort-brugerflade. En bruger kan interagere med et kort på følgende måder:

  • Klik på Book-knappen.
  • Klik på Galleri-linket for at se alle fotos og videoer for dette inventar.
  • Klik på Bedste tilbud-linket, hvis tilgængeligt, for at se det bedst prissatte værelse.
  • Klik på Hoteldetaljer-linket, hvis tilgængeligt, for at se ejendomsoplysninger.

Et kort understøtter flere sider for at minimere kortets størrelse og kategorisere dataene; hvilket gør det letforståeligt for brugeren og giver dig en større chance for at konvertere brugeren til en booking.

Et kort har enten to eller tre sider:

  • Et hotelkort viser ejendomsdata på forsiden og den bedste værelsestype på bagsiden. Prisen, på begge sider, viser den bedste pris for hotellet.
  • Et værelsestypekort viser værelsestypedata på forsiden og ejendomsdata på bagsiden. Prisen viser prisen for værelsestypen på forsiden og den bedste pris for hotellet på bagsiden.
  • Alle andre kort (f.eks. spa, restaurant osv.) har 3 sider. Eksempel: Spa-data vises på forsiden med den bedste pris for spaen. Værelsestypedata for det bedst prissatte værelse er på den anden side. Ejendomsdata sammen med det bedst prissatte værelse er på den tredje kortside.
Kort forhåndsvisning
Foranvendt værelsestypekort med tilgængelighed

Ovenfor er et eksempel på vores værelsestypekort. Det indeholder ejendoms-, anmeldelses- og værelsesdata sammen med afbestillingspolitik og måltider.

Resten af denne artikel guider dig gennem, hvordan du opretter, tilpasser og eksponerer kortet for dine brugere.

Opret et kort

Sektion kaldt “Opret et kort”
Handlinger
Søgeresultat-handlinger

Ovenfor er et billede taget fra Søg og viser dig nogle af de ting, du kan gøre med dine søgeresultater. En af disse handlinger er Lav et kort. Klik på den knap, og du bliver omdirigeret til vores kortformularside, hvor du kan begynde at tilpasse dit kort.

Tilpas kort

Sektion kaldt “Tilpas kort”

Formularen lader dig tilpasse dit kort på følgende måder:

  1. Giv det et navn, så du kan huske, hvad kortet handler om.
  2. Vælg den Tilpasning, du vil anvende på dette kort.
  3. Vælg den første kortside, du ønsker, at brugerne skal se først. Som standard er det den oprindelige side af det inventar.
  4. Vælg det badge du vil bruge på kortet. Et badge lader brugere sammenligne inventar på en samlet måling som f.eks. miljøvenlig.
  5. Tilføj nøgleord, adskilt af komma, som vil blive brugt af Web Crawlers.
  6. Tilføj titler og beskrivelser på de sprog, du ønsker, at brugeren skal se.
  7. Vælg et eller flere billeder, der vises, når brugere klikker på Galleri-linket.
  8. Klik på Gem-knappen for at fortsætte.

Efter at have gemt dit kort, bliver du omdirigeret til din kortside, og dit kort er nu klar til at blive delt med verden.

Del kort

Sektion kaldt “Del kort”
Kort
Kort med skjult handlingsmenu

Ovenfor ser du et billede med alle tilgængelige handlinger for dit kort:

  • Opdater Opdaterer din kortkonfiguration.
  • Tilføj til WinkLinks Tilføjer kortet til din WinkLinks-konto.
  • Indlejring Viser dig, hvordan du indlejrer dette kort som et Kort på dit website.
  • Brug med WordPress Viser dig, hvordan du bruger vores WordPress-plugin til at indlejre dette kort på dit website.

Vi gennemgår nogle af disse muligheder mere detaljeret nedenfor.

Indlejring

Sektion kaldt “Indlejring”
<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>

Sådan indlejrer du dit kort på dit site:

  • Linje 3 viser, hvordan du indlejrer Wink-stilarter på dit site.
  • Linjerne 6 til 9 viser, hvordan du bruger wink-content-loader Web Component og fortæller den at hente et værelseskort til din kode.
  • Linje 11 viser, hvordan du indlejrer vores Javascript på dit site.
  • Linje 13 viser, hvordan du indlejrer wink-app-loader Web Component og fortæller den at hente dine sidekonfigurationspræferencer.

API

Sektion kaldt “API”

Udviklere, der ønsker at administrere kort, kan gå til Udviklere > API > Inventar.

Yderligere læsning

Sektion kaldt “Yderligere læsning”