Skip to content
Academy

Rutenett

Et rutenett representerer en liste over leverandører og inventar, og viser detaljene via et interaktivt, bookbart rutenettgrensesnitt. Rutenettet støtter visning av hvilket som helst inventar fra din kuraterte liste eller lagrede søk. En bruker interagerer med et rutenett på samme måte som hun interagerer med et individuelt kort, med én ekstra funksjon:

  1. Bla gjennom rutenettet ved å klikke på Vis mer-knappen (når flere elementer er tilgjengelige).
Forhåndsvisning av rutenett
Rutenett som viser flere romtyper

Ovenfor er et eksempel på vårt rutenett som viser en liste med romtypekort.

Resten av denne artikkelen guider deg gjennom hvordan du oppretter, tilpasser og eksponerer rutenettet for brukerne dine.

Rutenetttyper

Section titled “Rutenetttyper”

Det finnes tre typer rutenett:

  1. Rutenett basert på en kuratert liste.
  2. Rutenett basert på et lagret søk.
  3. Rutenett basert på en lokasjon og sorteringskriterier (dvs. Rangert rutenett).

Kuratert listerutenett

Section titled “Kuratert listerutenett”

Dette er et rutenett som bruker inventaret du har samlet i en av dine kuraterte lister og konverterer listen til bookbart reiseinventar du kan vise til brukerne dine.

Opprett

Section titled “Opprett”

Naviger til Inventar > Kuraterte lister fra hovedmenyen. For dette eksempelet bruker vi din Favoritter-liste. Hvis du ennå ikke har lagt til noe i Favoritter, gå til Søk for å lære hvordan.

Opprett kuratert listerutenett
Skjema for å opprette kuratert listerutenett
  1. Klikk på Handlinger-knappen på Favoritter-listen.
  2. Klikk på Opprett et rutenett-knappen.
  3. Et nytt vindu vises, som lar deg navngi rutenettet ditt. Se nedenfor.
  4. Klikk på OK-knappen for å fortsette.

Rutenettet ditt er opprettet. Naviger til Verktøy > Rutenett fra hovedmenyen og klikk på fanen Kuraterte rutenett for å se ditt nye rutenett.

Tilpass

Section titled “Tilpass”

Skjemaet lar deg tilpasse rutenettet på følgende måter:

  1. Gi det et navn slik at du husker hva rutenettet handler om.
  2. Velg den Tilpasningen du ønsker å bruke på dette rutenettet.
  3. Velg det første kortsiden du vil at brukerne skal se. Som standard er det den native siden av det inventaret.
  4. Velg merket du vil bruke på kortet. Et merke lar brukere sammenligne inventar på en samlet metrikk som miljøvennlig.
  5. Legg til nøkkelord, separert med komma, som vil bli brukt av Web Crawlers.
  6. Legg til titler og beskrivelser på språkene du vil at brukeren skal se.
  7. Klikk på Lagre-knappen for å fortsette.

Del

Section titled “Del”
Kuratert listerutenett
Oppføring av kuratert listerutenett med skjult handlingsmeny

Ovenfor ser du et bilde med alle tilgjengelige handlinger for rutenettet ditt:

  • Oppdater Oppdaterer rutenettkonfigurasjonen din.
  • Legg til i WinkLinks Legger rutenettet til i WinkLinks-kontoen din.
  • Innebygg Viser deg hvordan du kan bygge inn dette rutenettet som et Grid på nettstedet ditt.
  • Bruk med WordPress Viser deg hvordan du bruker vår WordPress-plugin for å bygge inn dette rutenettet på nettstedet ditt.

Vi går nærmere inn på noen av disse alternativene nedenfor.

Innebygg

Section titled “Innebygg”
<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>

Slik bygger du inn rutenettet ditt på nettstedet:

  • Linje 3 viser hvordan du bygger inn Wink-stiler på nettstedet ditt.
  • Linjene 6 til 9 viser hvordan du bruker wink-content-loader Web Component og ber den hente et rutenett for koden din.
  • Linje 11 viser hvordan du bygger inn vår Javascript på nettstedet ditt.
  • Linje 13 viser hvordan du bygger inn wink-app-loader Web Component og ber den hente dine sidekonfigurasjonsinnstillinger.

Lagret søkerutenett

Section titled “Lagret søkerutenett”

Dette er et rutenett som bruker inventaret i ditt lagrede søk og konverterer søkeresultatene til bookbart reiseinventar du kan vise til brukerne dine.

Opprett

Section titled “Opprett”

Naviger til Inventar > Lagrede søk fra hovedmenyen. Hvis du ennå ikke har opprettet et lagret søk, gå til Søk for å lære hvordan.

Opprett lagret søkerutenett
Skjema for å opprette lagret søkerutenett
  1. Klikk på Handlinger-knappen på ditt lagrede søk.
  2. Klikk på Opprett et rutenett-knappen.
  3. Et nytt vindu vises, som lar deg navngi rutenettet ditt. Se nedenfor.
  1. Klikk på OK-knappen for å fortsette.

Rutenettet ditt er opprettet. Naviger til Verktøy > Rutenett fra hovedmenyen og klikk på fanen Lagrede søkerutenett for å se ditt nye rutenett.

Tilpass

Section titled “Tilpass”

Skjemaet lar deg tilpasse rutenettet på følgende måter:

  1. Gi det et navn slik at du husker hva rutenettet handler om.
  2. Velg den Tilpasningen du ønsker å bruke på dette rutenettet.
  3. Velg det første kortsiden du vil at brukerne skal se. Som standard er det den native siden av det inventaret.
  4. Velg merket du vil bruke på kortet. Et merke lar brukere sammenligne inventar på en samlet metrikk som miljøvennlig.
  5. Legg til nøkkelord, separert med komma, som vil bli brukt av Web Crawlers.
  6. Legg til titler og beskrivelser på språkene du vil at brukeren skal se.
  7. Klikk på Lagre-knappen for å fortsette.

Del

Section titled “Del”
Lagret søkerutenett
Oppføring av lagret søkerutenett med skjult handlingsmeny

Innebygg

Section titled “Innebygg”
<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>

Slik bygger du inn rutenettet ditt på nettstedet:

  • Linje 3 viser hvordan du bygger inn Wink-stiler på nettstedet ditt.
  • Linjene 6 til 9 viser hvordan du bruker wink-content-loader Web Component og ber den hente et rutenett for koden din.
  • Linje 11 viser hvordan du bygger inn vår Javascript på nettstedet ditt.
  • Linje 13 viser hvordan du bygger inn wink-app-loader Web Component og ber den hente dine sidekonfigurasjonsinnstillinger.

Rangert rutenett

Section titled “Rangert rutenett”

Opprett

Section titled “Opprett”

Opprett et rangert rutenett ved å navigere til Verktøy > Rutenett og klikk på fanen Rangert rutenett. Klikk på knappen Opprett rangert rutenett.

Tilpass

Section titled “Tilpass”

Skjemaet lar deg tilpasse ditt rangerte rutenett på følgende måter:

  1. Velg en destinasjon. F.eks. Tokyo.
  2. Gi det et navn slik at du husker hva rutenettet handler om. F.eks. Miljøvennlige hoteller i Tokyo
  3. Velg den Tilpasningen du ønsker å bruke på dette rutenettet.
  4. Velg det første kortsiden du vil at brukerne skal se. Som standard er det den native siden av det inventaret.
  5. Velg hvilken egenskap du vil sortere eiendommene etter. F.eks. Miljøvennlighet.
  6. Legg til nøkkelord, separert med komma, som vil bli brukt av Web Crawlers.
  7. Legg til titler og beskrivelser på språkene du vil at brukeren skal se.
  8. Klikk på Lagre-knappen for å fortsette.

Etter at du har lagret ditt rangerte rutenett, blir du omdirigert til siden for rangerte rutenett, og rutenettet ditt er nå klart til å deles med verden.

Del

Section titled “Del”
Rangert rutenett
Et rangert rutenett med skjult handlingsmeny

Ovenfor ser du et bilde med alle tilgjengelige handlinger for ditt rangerte rutenett:

  • Oppdater Oppdaterer rutenettkonfigurasjonen din.
  • Legg til i WinkLinks Legger det rangerte rutenettet til i WinkLinks-kontoen din.
  • Innebygg Viser deg hvordan du kan bygge inn dette rutenettet som et Grid på nettstedet ditt.
  • Bruk med WordPress Viser deg hvordan du bruker vår WordPress-plugin for å bygge inn dette kortet på nettstedet ditt.

Vi går nærmere inn på noen av disse alternativene nedenfor.

Innebygg

Section titled “Innebygg”
<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>

Slik bygger du inn rutenettet ditt på nettstedet:

  • Linje 3 viser hvordan du bygger inn Wink-stiler på nettstedet ditt.
  • Linjene 6 til 9 viser hvordan du bruker wink-content-loader Web Component og ber den hente et rangert rutenett for koden din.
  • Linje 11 viser hvordan du bygger inn vår Javascript på nettstedet ditt.
  • Linje 13 viser hvordan du bygger inn wink-app-loader Web Component og ber den hente dine sidekonfigurasjonsinnstillinger.

API

Section titled “API”

Utviklere som ønsker å administrere rutenett kan gå til Utviklere > API > Inventar.

Videre lesning

Section titled “Videre lesning”