Gå til indhold
Academy

Cards

Et kort repræsenterer en enkelt leverandør (f.eks. hotel eller oplevelsesudbyder) eller et lager (f.eks. værelsestype, mødelokale, spa osv.) og viser detaljerne via en interaktiv, bookbar brugergrænseflade.

En bruger kan interagere med et kort på følgende måder:

  • Klik påBookknap.
  • Klik påGallerylink til at se alle billeder og videoer for denne inventar.
  • KlikBest deallink, hvis tilgængeligt, for at se det bedste værelse.
  • KlikHotel detailslink, hvis tilgængeligt, for at se ejendomsoplysninger.

Et kort understøtter flere sider for at minimere kortets størrelse og kategorisere dataene. Dette gør det nemt for brugeren at bruge det 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 ejendomsoplysninger på forsiden og den bedste værelsestype på bagsiden. Prisen på begge sider viser den bedste pris for hotellet.
  • Et værelsestypekort viser værelsestypeoplysninger på forsiden og ejendomsoplysninger 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 spaens bedste pris. Værelsestypedata for det værelse med den bedste pris findes på den anden side. Ejendomsdata sammen med det værelse med den bedste pris findes på den tredje kortside.
Forhåndsvisning af kort
Værelsestypekort med udsigt over forsiden og tilgængelighed

Ovenfor er et eksempel på vores værelsestypekort. Det indeholder oplysninger om ejendom, anmeldelser og værelse samt afbestillingsregler og måltider.

Resten af ​​denne artikel gennemgår, hvordan du opretter, tilpasser og viser kortet til dine brugere.

Opret et kort

Section titled “Opret et kort”
Handlinger
Handlinger i søgeresultaterne

Ovenfor er et billede taget fraSøgeog viser dig nogle af de ting, du kan gøre med dine søgeresultater. En af disse handlinger erMake a card. Klik på knappen, så bliver du omdirigeret til vores kortformularside, hvor du kan begynde at tilpasse dit kort.

Tilpas kort

Section titled “Tilpas kort”

Med formularen kan du tilpasse dit kort på følgende måder:

  1. Giv det et navn, så du kan huske, hvad kortet handler om.
  2. Vælg Tilpasning du ønsker at ansøge om dette kort.
  3. Vælg den første kortside, du vil have brugerne til at se først. Som standard er det den oprindelige side af den pågældende inventar.
  4. Vælg badge du vil bruge på kortet. Et badge giver brugerne mulighed for at sammenligne lagerbeholdning på en samlet metrik, f.eks. eco-friendly.
  5. Tilføj nøgleord, adskilt af et komma, som skal bruges af Webcrawlere.
  6. Tilføj titler og beskrivelser på de sprog, du ønsker, at brugeren skal se.
  7. Vælg et eller flere billeder, der skal vises, når brugerne klikker på Gallery forbindelse.
  8. Klik på Save knappen for at fortsætte.

Når du har gemt dit kort, bliver du omdirigeret til din kortside, og dit kort er nu klar til at blive delt med verden.

Del kort

Section titled “Del kort”
Kort
Kort med skjult handlingsmenu

Ovenfor vises et billede med alle de tilgængelige handlinger for dit kort:

  • OpdateringOpdaterer din kortkonfiguration.
  • Tilføj til WinkLinksTilføjer kortet til din WinkLinks-konto.
  • IntegrerViser dig, hvordan du integrerer dette kort som enKortind på din hjemmeside.
  • Brug med WordPressViser dig, hvordan du bruger voresWordPress-pluginat integrere dette kort på din hjemmeside.

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

Integrer

Section titled “Integrer”
<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 integrerer du dit kort på din hjemmeside:

  • Linje 3 viser dig, hvordan du integrerer Wink-stilene på dit websted.
  • Linje 6 til 9 viser dig, hvordan du brugerwink-indholdslæsserWebkomponenten og bed den om at hente et gæsteværelseskort til din kode.
  • Linje 11 viser dig, hvordan du integrerer vores Javascript på dit websted.
  • Linje 13 viser dig, hvordan du integrererwink-app-loaderWebkomponenten og bed den om at hente dine konfigurationspræferencer på sideniveau.

API’en

Section titled “API’en”

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

Yderligere læsning

Section titled “Yderligere læsning”