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 de
Book
knop. - Klik op de
Gallery
link om alle foto’s en video’s van deze inventaris te bekijken. - Klik
Best deal
link, indien beschikbaar, om de kamer met de beste prijs te zien. - Klik
Hotel details
link, 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.
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”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:
- Geef de kaart een naam, zodat u kunt onthouden waar deze over gaat.
- Selecteer de Maatwerk u deze kaart wilt aanvragen.
- Selecteer de eerste kaartzijde die gebruikers als eerste moeten zien. Standaard is dit de oorspronkelijke zijde van die inventaris.
- 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
. - Voeg trefwoorden toe, gescheiden door een komma, die gebruikt zullen worden door Webcrawlers.
- Voeg titels en beschrijvingen toe in de talen die u aan de gebruiker wilt laten zien.
- Selecteer een of meer afbeeldingen die worden weergegeven wanneer gebruikers op de
Gallery
link. - 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”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.
Ontwikkelaars die kaarten willen beheren, kunnen terecht opOntwikkelaars > API > Inventaris.
Verder lezen
Section titled “Verder lezen”- Ontdek meer over onze collectieWebcomponenten.
- Leer meer over deWink WordPress-plug-in.