Gå til indhold
Academy

Kort

Et kort repræsenterer enten en enkelt leverandør (f.eks. hotel eller oplevelsesudbyder) eller inventar (dvs. værelsestype, mødelokale, spa osv.) eller en samling af inventar såsom en kurateret liste eller gemt søgning og viser disse detaljer via et interaktivt kort med bookbare kortmarkører. En bruger kan interagere med et kort på følgende måder:

Kort med markører
Kort med kortmarkører
  • Zoom, panorér og træk kortet for at se tilgængeligt inventar.
  • Klik på en kortmarkør for at se inventardetaljer i form af et Card.
Kort med åbent kort
Kort med bookbart inventar

Resten af denne artikel guider dig gennem, hvordan du opretter, tilpasser og deler dine kort.

Opret et kort

Sektion kaldt “Opret et kort”

Kort kan oprettes på to måder:

Kort med enkelt markør

Sektion kaldt “Kort med enkelt markør”
Handlinger
Søgeresultat-handlinger

Ovenfor er et billede taget fra Søgning, som 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 kortformular, hvor du kan begynde at tilpasse dit kort.

Kort med flere markører

Sektion kaldt “Kort med flere markører”

Både kuraterede lister og gemte søgninger har en handling, der lader dig oprette et kort. Dette kort vil indeholde kortmarkører for alt inventar inden for disse lister.

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, om brugeren skal have lov til at bevæge sig rundt på kortet.
  3. Angiv, hvor højt kortet skal være i pixels.
  4. Vælg, om brugeren skal have lov til at zoome ind og ud på kortet.
  5. Vælg en kortstil, der passer til det website, du vil indlejre kortet i.
  6. Vælg en markørfarve.
  7. Vælg den indledende kortside, du ønsker, at brugerne skal se først. Som standard er det den native side for det inventar.
  8. Du kan tilføje dine egne markører, cirkler, rektangler og polygoner for at angive andre steder på kortet, som dine brugere måske finder interessante.
  9. 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
Et kortindlæg med skjult handlingsmenu

Ovenfor vises 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.
  • Indlejr Viser dig, hvordan du indlejrer dette kort som et Map 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.

Indlejr

Sektion kaldt “Indlejr”
<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="MAP"
       id="64d7cbc8-61df-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 en annoncebanner 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 sidekonfigurationsindstillinger.

API

Sektion kaldt “API”

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

Yderligere læsning

Sektion kaldt “Yderligere læsning”