Grids
Et gitter repræsenterer en liste over leverandører og lagerbeholdning og viser detaljerne via en interaktiv, bookbar gitterbrugergrænseflade. Gitteret understøtter visning af ethvert lagerbeholdning fra din kuraterede liste eller gemte søgning. En bruger interagerer med et gitter på samme måde, som hun interagerer med en person.kortmed én ekstra funktion:
- Bladr gennem gitteret ved at klikke på
Show more
knap (når flere varer er tilgængelige).
Ovenfor er et eksempel på vores gitter, der viser en liste over værelsestypekort.
Resten af denne artikel gennemgår, hvordan du opretter, tilpasser og viser gitteret til dine brugere.
Gittertyper
Section titled “Gittertyper”Der er tre typer gitre:
- Gitter baseret på etkurateret liste.
- Gitter baseret på etgemt søgning.
- Gittergitter baseret på en placering og sorteringskriterier (dvs. rangeret gitter).
Kurateret listegitter
Section titled “Kurateret listegitter”Dette er et gitter, der bruger den beholdning, du har samlet i en af dine kuraterede lister, og konverterer listen til en reserverbar rejsebeholdning, som du kan vise til dine brugere.
Naviger tilInventory > Curated Lists
fra den primære navigationslinje. I dette eksempel bruger vi dinFavorites
liste. Hvis du endnu ikke har tilføjet noget til dinFavorites
, gå tilSøgeat lære hvordan.
- Klik på
Actions
knappen påFavorites
liste. - Klik på
Create a grid
knap. - Et nyt vindue vises, hvor du kan navngive dit gitter. Se nedenfor.
- Klik
OK
knappen for at fortsætte.
Dit gitter er oprettet. Naviger tilTools > Grids
fra hovednavigationslinjen og klik påCurated Grids
Tryk på fanen for at se dit nye gitter.
Tilpas
Section titled “Tilpas”Formularen giver dig mulighed for at tilpasse dit gitter på følgende måder:
- Giv det et navn, så du kan huske, hvad gitteret handler om.
- Vælg Tilpasning du vil anvende på dette gitter.
- 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.
- Vælg det badge, du vil bruge på kortet. Et badge giver brugerne mulighed for at sammenligne lagerbeholdning på en samlet metrik, f.eks.
eco-friendly
. - Tilføj nøgleord, adskilt af et komma, som skal bruges af Webcrawlere.
- Tilføj titler og beskrivelser på de sprog, du ønsker, at brugeren skal se.
- Klik på
Save
knappen for at fortsætte.
Ovenfor vises et billede med alle de tilgængelige handlinger for dit gitter:
- OpdateringOpdaterer din gitterkonfiguration.
- Tilføj til WinkLinksTilføjer gitteret til din WinkLinks-konto.
- IntegrerViser dig, hvordan du integrerer dette gitter som enGitterind på din hjemmeside.
- Brug med WordPressViser dig, hvordan du bruger voresWordPress-pluginat integrere dette gitter 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="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 integrerer du dit gitter på dit websted:
- 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 gitter 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.
Gemt søgefelt
Section titled “Gemt søgefelt”Dette er et gitter, der bruger beholdningen i din gemte søgeforespørgsel og konverterer søgeresultaterne til rejsebeholdning, der kan bookes, og som du kan vise til dine brugere.
Naviger tilInventory > Saved searches
fra hovednavigationslinjen. Hvis du endnu ikke har oprettet en gemt søgning, skal du gå tilSøgeat lære hvordan.
- Klik på
Actions
knappen på din gemte søgning. - Klik på
Create a grid
knap. - Et nyt vindue vises, hvor du kan navngive dit gitter. Se nedenfor.
- Klik
OK
knappen for at fortsætte.
Dit gitter er oprettet. Naviger tilTools > Grids
fra hovednavigationslinjen og klik påSaved Search Grids
Tryk på fanen for at se dit nye gitter.
Tilpas
Section titled “Tilpas”Formularen giver dig mulighed for at tilpasse dit gitter på følgende måder:
- Giv det et navn, så du kan huske, hvad gitteret handler om.
- Vælg Tilpasning du vil anvende på dette gitter.
- 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.
- Vælg det badge, du vil bruge på kortet. Et badge giver brugerne mulighed for at sammenligne lagerbeholdning på en samlet metrik, f.eks.
eco-friendly
. - Tilføj nøgleord, adskilt af et komma, som skal bruges af Webcrawlere.
- Tilføj titler og beskrivelser på de sprog, du ønsker, at brugeren skal se.
- Klik på
Save
knappen for at fortsætte.
Integrer
Section titled “Integrer”<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 integrerer du dit gitter på dit websted:
- 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 gitter 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.
Rangliste
Section titled “Rangliste”Opret et rangeret gitter ved at navigere tilTools > Grids
og klik påRanked Grid
fanen. Klik påCreate ranked grid
knap.
Tilpas
Section titled “Tilpas”Med formularen kan du tilpasse dit rangerede gitter på følgende måder:
- Vælg en destination. F.eks. Tokyo.
- Giv det et navn, så du kan huske, hvad gitteret handler om. F.eks. miljøvenlige hoteller i Tokyo
- Vælg Tilpasning du vil anvende på dette gitter.
- 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.
- Vælg hvilken egenskab egenskaberne skal sorteres efter. F.eks. miljøvenlighed.
- Tilføj nøgleord, adskilt af et komma, som skal bruges af Webcrawlere.
- Tilføj titler og beskrivelser på de sprog, du ønsker, at brugeren skal se.
- Klik på
Save
knappen for at fortsætte.
Når du har gemt dit rangerede gitter, bliver du omdirigeret til siden med rangerede gitter, og dit gitter er nu klar til at blive delt med verden.
Ovenfor vises et billede med alle de tilgængelige handlinger for dit rangerede gitter:
- OpdateringOpdaterer din gitterkonfiguration.
- Tilføj til WinkLinksTilføjer det rangerede gitter til din WinkLinks-konto.
- IntegrerViser dig, hvordan du integrerer dette gitter som enGitterind 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="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 integrerer du dit gitter på dit websted:
- 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 rangeret gitter 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 gitre, kan gå tilUdviklere > API > Inventar.
Yderligere læsning
Section titled “Yderligere læsning”- Lær mere om vores kollektion afWebkomponenter.
- Lær mere omWink WordPress-plugin.