Gå til indhold
Academy

Gitter

Et gitter repræsenterer en liste over leverandører og lager og viser detaljerne via en interaktiv, bookbar gitter-brugerflade. Gitteret understøtter visning af ethvert lager fra din kuraterede liste eller gemte søgning. En bruger interagerer med et gitter på samme måde, som hun interagerer med et individuelt kort med én ekstra funktion:

  1. Paginer gennem gitteret ved at klikke på knappen Vis mere (når flere elementer er tilgængelige).
Gitter preview
Gitter der viser flere værelsestyper

Ovenfor er et eksempel på vores gitter, der viser en liste over værelsestypekort.

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

Gittertyper

Sektion kaldt “Gittertyper”

Der findes tre typer gitter:

  1. Gitter baseret på en kurateret liste.
  2. Gitter baseret på en gemt søgning.
  3. Gitter baseret på en lokation og sorteringskriterier (dvs. rangeret gitter).

Kurateret liste-gitter

Sektion kaldt “Kurateret liste-gitter”

Dette er et gitter, der bruger det lager, du har samlet i en af dine kuraterede lister, og konverterer listen til bookbart rejse-lager, som du kan vise til dine brugere.

Opret

Sektion kaldt “Opret”

Naviger til Inventory > Curated Lists fra hovednavigationslinjen. Til dette eksempel bruger vi din Favoritter-liste. Hvis du endnu ikke har tilføjet noget til dine Favoritter, kan du gå til Søg for at lære hvordan.

Opret kurateret liste-gitter
Form til oprettelse af kurateret liste-gitter
  1. Klik på knappen Handlinger på Favoritter-listen.
  2. Klik på knappen Opret et gitter.
  3. Et nyt vindue vises, hvor du kan navngive dit gitter. Se nedenfor.
  4. Klik på OK-knappen for at fortsætte.

Dit gitter er oprettet. Naviger til Værktøjer > Gitter fra hovednavigationslinjen og klik på fanen Kuraterede Gitter for at se dit nye gitter.

Tilpas

Sektion kaldt “Tilpas”

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

  1. Giv det et navn, så du kan huske, hvad gitteret handler om.
  2. Vælg den Tilpasning, du vil anvende på dette gitter.
  3. Vælg det oprindelige kortforside, du ønsker, at brugerne skal se først. Som standard er det den oprindelige forside for det lager.
  4. Vælg det badge, du vil bruge på kortet. Et badge lader brugere sammenligne lager på en samlet måling som 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. Klik på Gem-knappen for at fortsætte.

Del

Sektion kaldt “Del”
Kurateret liste-gitter
Kurateret liste-gitter post med skjult handlingsmenu

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

  • Opdater Opdaterer din gitterkonfiguration.
  • Tilføj til WinkLinks Tilføjer gitteret til din WinkLinks-konto.
  • Indlejr Viser dig, hvordan du indlejrer dette gitter som et Grid på dit website.
  • Brug med WordPress Viser dig, hvordan du bruger vores WordPress-plugin til at indlejre dette gitter 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="LIST"
       id="9a212b5e-62a7-11ef-ac3f-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 gitter 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 beder den hente et gitter 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 beder den hente dine sidekonfigurationsindstillinger.

Gemt søgnings-gitter

Sektion kaldt “Gemt søgnings-gitter”

Dette er et gitter, der bruger lageret i din gemte søgeforespørgsel og konverterer søgeresultaterne til bookbart rejse-lager, som du kan vise til dine brugere.

Opret

Sektion kaldt “Opret”

Naviger til Inventory > Saved searches fra hovednavigationslinjen. Hvis du endnu ikke har oprettet en gemt søgning, kan du gå til Søg for at lære hvordan.

Opret gemt søgnings-gitter
Form til oprettelse af gemt søgnings-gitter
  1. Klik på knappen Handlinger på din gemte søgning.
  2. Klik på knappen Opret et gitter.
  3. Et nyt vindue vises, hvor du kan navngive dit gitter. Se nedenfor.
  1. Klik på OK-knappen for at fortsætte.

Dit gitter er oprettet. Naviger til Værktøjer > Gitter fra hovednavigationslinjen og klik på fanen Gemt søgnings-gitter for at se dit nye gitter.

Tilpas

Sektion kaldt “Tilpas”

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

  1. Giv det et navn, så du kan huske, hvad gitteret handler om.
  2. Vælg den Tilpasning, du vil anvende på dette gitter.
  3. Vælg det oprindelige kortforside, du ønsker, at brugerne skal se først. Som standard er det den oprindelige forside for det lager.
  4. Vælg det badge, du vil bruge på kortet. Et badge lader brugere sammenligne lager på en samlet måling som 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. Klik på Gem-knappen for at fortsætte.

Del

Sektion kaldt “Del”
Gemt søgnings-gitter
Gemt søgnings-gitter post med skjult handlingsmenu

Indlejr

Sektion kaldt “Indlejr”
<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="LIST"
       id="be3130d5-62a7-11ef-ac3f-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 gitter 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 beder den hente et gitter 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 beder den hente dine sidekonfigurationsindstillinger.

Rangeret gitter

Sektion kaldt “Rangeret gitter”

Opret

Sektion kaldt “Opret”

Opret et rangeret gitter ved at navigere til Værktøjer > Gitter og klik på fanen Rangeret Gitter. Klik på knappen Opret rangeret gitter.

Tilpas

Sektion kaldt “Tilpas”

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

  1. Vælg en destination. F.eks. Tokyo.
  2. Giv det et navn, så du kan huske, hvad gitteret handler om. F.eks. Miljøvenlige hoteller i Tokyo
  3. Vælg den Tilpasning, du vil anvende på dette gitter.
  4. Vælg det oprindelige kortforside, du ønsker, at brugerne skal se først. Som standard er det den oprindelige forside for det lager.
  5. Vælg hvilken egenskab, du vil sortere ejendomme efter. F.eks. Miljøvenlighed.
  6. Tilføj nøgleord, adskilt af komma, som vil blive brugt af Web Crawlers.
  7. Tilføj titler og beskrivelser på de sprog, du ønsker, at brugeren skal se.
  8. Klik på Gem-knappen for at fortsætte.

Efter du har gemt dit rangerede gitter, bliver du omdirigeret til din side med rangerede gitter, og dit gitter er nu klar til at blive delt med verden.

Del

Sektion kaldt “Del”
Rangeret gitter
Et rangeret gitter med skjult handlingsmenu

Ovenfor vises et billede med alle tilgængelige handlinger for dit rangerede gitter:

  • Opdater Opdaterer din gitterkonfiguration.
  • Tilføj til WinkLinks Tilføjer det rangerede gitter til din WinkLinks-konto.
  • Indlejr Viser dig, hvordan du indlejrer dette gitter som et Grid 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="RANKED"
       id="2483d55e-62a5-11ef-ac3f-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 gitter 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 beder den hente et rangeret gitter 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 beder den hente dine sidekonfigurationsindstillinger.

API

Sektion kaldt “API”

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

Yderligere læsning

Sektion kaldt “Yderligere læsning”