Ga naar inhoud
Academy

Cards

Een kaart vertegenwoordigt één leverancier (bijv. een hotel of aanbieder van belevenissen) of inventaris (bijv. kamertype, vergaderruimte, spa, enz.) en toont de details via een interactieve, boekbare kaartinterface. Een gebruiker kan op de volgende manieren met een kaart communiceren:

  • Klik op deBook knop.
  • Klik op deGallerylink om alle foto’s en video’s van deze inventaris te bekijken.
  • KlikBest deallink, indien beschikbaar, om de kamer met de beste prijs te zien.
  • KlikHotel detailslink, indien beschikbaar, om informatie over het pand te bekijken.

Een kaart ondersteunt meerdere gezichten, waardoor de kaart zo klein mogelijk is en u de gegevens kunt categoriseren. Hierdoor is de kaart eenvoudig te gebruiken door de gebruiker en vergroot u de kans dat deze een boeking maakt.

Een kaart heeft twee of drie kanten:

  • Een hotelkaart toont op de voorkant de gegevens van de accommodatie en op de achterkant het beste kamertype. De prijs, aan beide kanten, toont de beste prijs voor het hotel.
  • Een kamertypekaart toont op de voorkant de kamertypegegevens en op de achterkant de accommodatiegegevens. De prijskaart toont de prijs van het kamertype op de voorkant en de beste prijs voor het hotel op de achterkant.
  • Alle andere kaarten (bijv. spa, restaurant, enz.) hebben drie zijden. Voorbeeld: Spa-gegevens worden op de voorpagina weergegeven met de beste prijs van de spa. Kamertypegegevens voor de goedkoopste kamer staan op de tweede zijde. Accommodatiegegevens samen met de goedkoopste kamer staan op de derde zijde van de kaart.
Kaartvoorbeeld
Kamertypekaart aan de voorzijde met beschikbaarheid

Hierboven ziet u een voorbeeld van onze kamertypekaart. Deze bevat accommodatie-, beoordelings- en kamergegevens, plus annuleringsvoorwaarden en maaltijden.

In de rest van dit artikel leggen we u uit hoe u de kaart kunt maken, aanpassen en weergeven aan uw gebruikers.

Maak een kaart

Section titled “Maak een kaart”
Acties
Acties voor zoekresultaten

Hierboven staat een afbeelding die is genomen vanZoekopdrachten laat je zien wat je met je zoekresultaten kunt doen. Een van die acties isMake a card. Klik op die knop en je wordt doorgestuurd naar onze kaartformulierpagina, waar je je kaart kunt personaliseren.

Kaart aanpassen

Section titled “Kaart aanpassen”

Met dit formulier kunt u uw kaart op de volgende manieren personaliseren:

  1. Geef de kaart een naam, zodat u kunt onthouden waar deze over gaat.
  2. Selecteer de Maatwerk u deze kaart wilt aanvragen.
  3. Selecteer de eerste kaartzijde die gebruikers als eerste moeten zien. Standaard is dit de oorspronkelijke zijde van die inventaris.
  4. Selecteer de badge die u op de kaart wilt gebruiken. Met een badge kunnen gebruikers de voorraad vergelijken op basis van een geaggregeerde metriek, zoals eco-friendly.
  5. Voeg trefwoorden toe, gescheiden door een komma, die gebruikt zullen worden door Webcrawlers.
  6. Voeg titels en beschrijvingen toe in de talen die u aan de gebruiker wilt laten zien.
  7. Selecteer een of meer afbeeldingen die worden weergegeven wanneer gebruikers op de Gallery link.
  8. Klik op de Save knop om door te gaan.

Nadat u uw kaart heeft opgeslagen, wordt u doorgestuurd naar de pagina met uw kaart. Uw kaart is nu klaar om met de wereld te delen.

Deel kaart

Section titled “Deel kaart”
Kaart
Kaart met ingeklapt actiemenu

Hierboven ziet u een afbeelding met alle beschikbare acties voor uw kaart:

  • UpdateWerkt uw kaartconfiguratie bij.
  • Toevoegen aan WinkLinksVoegt de kaart toe aan uw WinkLinks-account.
  • InsluitenLaat zien hoe u deze kaart als eenKaartop uw website.
  • Gebruik met WordPressLaat u zien hoe u onzeWordPress-plug-inom deze kaart in uw website te integreren.

Hieronder gaan we dieper in op een aantal van deze opties.

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>

Zo kunt u uw kaart in uw site insluiten:

  • Regel 3 laat zien hoe u de Wink-stijlen in uw site kunt insluiten.
  • Regels 6 tot en met 9 laten zien hoe u deknipoog-inhoud-laderWebcomponent en vertel deze dat deze een gastenkamerkaart voor uw code moet ophalen.
  • Regel 11 laat zien hoe u Javascript in uw site kunt integreren.
  • Regel 13 laat zien hoe je dewink-app-loaderWebcomponent en geef aan dat deze uw configuratievoorkeuren op paginaniveau moet ophalen.

API

Section titled “API”

Ontwikkelaars die kaarten willen beheren, kunnen terecht opOntwikkelaars > API > Inventaris.

Verder lezen

Section titled “Verder lezen”