Ga naar inhoud
Academy

Kaarten

Een kaart vertegenwoordigt een enkele leverancier (bijv. hotel of aanbieder van ervaringen) of inventaris (d.w.z. kamertype, vergaderruimte, spa, enz.) en toont de details via een interactieve, boekbare kaart-UI. Een gebruiker kan op de volgende manieren met een kaart interacteren:

  • Klik op de knop Boek.
  • Klik op de link Galerij om alle foto’s en video’s van deze inventaris te bekijken.
  • Klik op de link Beste deal, indien beschikbaar, om de kamer met de beste prijs te zien.
  • Klik op de link Hotelgegevens, indien beschikbaar, om informatie over het pand te zien.

Een kaart ondersteunt meerdere zijden om de grootte van de kaart te minimaliseren en de gegevens te categoriseren; dit maakt het gemakkelijk te verwerken voor de gebruiker en vergroot de kans dat de gebruiker een boeking maakt.

Een kaart heeft twee of drie zijden:

  • Een hotelkaart toont eigenschapsgegevens aan de voorkant en het beste kamertype aan de achterkant. De prijs, aan beide zijden, toont de beste prijs voor het hotel.
  • Een kamertypekaart toont kamertypegegevens aan de voorkant en eigenschapsgegevens aan de achterkant. De prijs toont de prijs van het kamertype aan de voorkant en de beste prijs voor het hotel aan de achterkant.
  • Alle andere kaarten (bijv. spa, restaurant, enz.) hebben 3 zijden. Voorbeeld: Spa-gegevens worden op de voorkant getoond met de beste prijs van de spa. Kamertypegegevens voor de best geprijsde kamer staan op de tweede zijde. Eigenschapsgegevens samen met de best geprijsde kamer staan op de derde zijde van de kaart.
Voorbeeld van kaart
Voorzijde van kamertypekaart met beschikbaarheid

Bovenstaand is een voorbeeld van onze kamertypekaart. Het bevat eigenschaps-, beoordeling- en kamerdata samen met het annuleringsbeleid en maaltijden.

De rest van dit artikel begeleidt je bij het maken, aanpassen en beschikbaar stellen van de kaart aan je gebruikers.

Maak een kaart

Section titled “Maak een kaart”
Acties
Acties in zoekresultaten

Bovenstaande afbeelding is genomen uit Zoeken en toont enkele dingen die je met je zoekresultaten kunt doen. Eén van die acties is Maak een kaart. Klik op die knop en je wordt doorgestuurd naar onze kaartformulierpagina waar je kunt beginnen met het aanpassen van je kaart.

Kaart aanpassen

Section titled “Kaart aanpassen”

Het formulier laat je de kaart op de volgende manieren aanpassen:

  1. Geef het een naam zodat je weet waar de kaart over gaat.
  2. Selecteer de Aanpassing die je op deze kaart wilt toepassen.
  3. Selecteer de initiële zijde van de kaart die gebruikers als eerste te zien krijgen. Standaard is dit de native zijde van die inventaris.
  4. Selecteer de badge die je op de kaart wilt gebruiken. Een badge laat gebruikers inventaris vergelijken op een overkoepelende maatstaf zoals milieuvriendelijk.
  5. Voeg trefwoorden toe, gescheiden door een komma, die gebruikt worden door Web Crawlers.
  6. Voeg titels en beschrijvingen toe in de talen die je wilt dat de gebruiker ziet.
  7. Selecteer één of meer afbeeldingen die worden getoond wanneer gebruikers op de link Galerij klikken.
  8. Klik op de knop Opslaan om door te gaan.

Na het opslaan van je kaart word je doorgestuurd naar je kaartenpagina en is je kaart klaar om met de wereld gedeeld te worden.

Kaart delen

Section titled “Kaart delen”
Kaart
Kaart met ingeklapt actiemenu

Bovenstaande afbeelding toont alle beschikbare acties voor je kaart:

  • Bijwerken Werk je kaartconfiguratie bij.
  • Toevoegen aan WinkLinks Voeg de kaart toe aan je WinkLinks-account.
  • Insluiten Laat zien hoe je deze kaart als een Kaart in je website kunt insluiten.
  • Gebruik met WordPress Laat zien hoe je onze WordPress-plugin gebruikt om deze kaart in je website in te sluiten.

We behandelen enkele van deze opties hieronder uitgebreider.

Insluiten

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

Hier zie je hoe je je kaart in je site insluit:

  • Regel 3 laat zien hoe je de Wink-stijlen in je site insluit.
  • Regels 6 tot en met 9 laten zien hoe je de wink-content-loader Web Component gebruikt en deze vertelt een gastenkamerkaart voor je code op te halen.
  • Regel 11 laat zien hoe je onze Javascript in je site insluit.
  • Regel 13 laat zien hoe je de wink-app-loader Web Component insluit en deze vertelt je pagina-voorkeuren voor configuratie op te halen.

API

Section titled “API”

Ontwikkelaars die kaarten willen beheren kunnen terecht bij Ontwikkelaars > API > Inventaris.

Verdere lectuur

Section titled “Verdere lectuur”