Cards
Karta predstavuje jedného dodávateľa (napr. hotel alebo poskytovateľa zážitkov) alebo inventár (napr. typ izby, zasadacia miestnosť, kúpele atď.) a zobrazuje podrobnosti prostredníctvom interaktívneho používateľského rozhrania karty s možnosťou rezervácie. Používateľ môže s kartou interagovať nasledujúcimi spôsobmi:
- Kliknite na
Book
tlačidlo. - Kliknite na
Gallery
odkaz na zobrazenie všetkých fotografií a videí k tomuto inventáru. - Kliknite
Best deal
odkaz, ak je k dispozícii, na zobrazenie izby s najlepšou cenou. - Kliknite
Hotel details
odkaz, ak je k dispozícii, na zobrazenie informácií o nehnuteľnosti.
Karta podporuje viacero strán, aby sa minimalizovala jej veľkosť a aby sa údaje kategorizovali, čo uľahčuje jej používanie používateľom a dáva vám väčšiu šancu premeniť používateľa na rezerváciu.
Karta má buď dve alebo tri strany:
- Karta hotela zobrazuje na prednej strane údaje o nehnuteľnosti a na zadnej strane najlepší typ izby. Cena na oboch stranách zobrazuje najlepšiu cenu hotela.
- Karta typu izby zobrazuje údaje o type izby na prednej strane a údaje o ubytovaní na zadnej strane. Cena zobrazuje cenu typu izby na prednej strane a najlepšiu cenu hotela na zadnej strane.
- Všetky ostatné karty (napr. kúpeľná reštaurácia atď.) majú 3 strany. Príklad: Údaje o kúpeľoch sa zobrazujú na titulnej strane s najlepšou cenou kúpeľov. Údaje o type izby pre izbu s najlepšou cenou sú na druhej strane. Údaje o ubytovaní spolu s izbou s najlepšou cenou sú na tretej strane karty.
Vyššie je uvedený príklad našej karty typu izby. Obsahuje údaje o ubytovaní, recenzii a izbe spolu so storno podmienkami a stravovaním.
Zvyšok tohto článku vás prevedie postupom vytvorenia, prispôsobenia a zobrazenia karty používateľom.
Vytvoriť kartu
Section titled “Vytvoriť kartu”Hore je obrázok prevzatý zHľadaťa ukazuje vám niektoré veci, ktoré môžete robiť s výsledkami vyhľadávania. Jednou z týchto akcií jeMake a card
.
Kliknite na toto tlačidlo a budete presmerovaní na našu stránku s formulárom karty, kde si môžete začať prispôsobovať svoju kartu.
Prispôsobiť kartu
Section titled “Prispôsobiť kartu”Formulár vám umožňuje prispôsobiť si kartu nasledujúcimi spôsobmi:
- Dajte jej názov, aby ste si pamätali, o čom karta je.
- Vyberte Prispôsobenie chcete požiadať o túto kartu.
- Vyberte úvodnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
- Vyberte badge chcete použiť na karte. Odznak umožňuje používateľom porovnávať inventár na základe súhrnnej metriky, ako napríklad
eco-friendly
. - Pridajte kľúčové slová oddelené čiarkou, ktoré bude používať Webové prehľadávače.
- Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
- Vyberte jeden alebo viac obrázkov, ktoré sa zobrazia po kliknutí používateľov na
Gallery
odkaz. - Kliknite na
Save
tlačidlo pre pokračovanie.
Po uložení karty budete presmerovaní na stránku s kartami a vaša karta je teraz pripravená na zdieľanie so svetom.
Zdieľať kartu
Section titled “Zdieľať kartu”Vyššie uvedený obrázok zobrazuje všetky dostupné akcie pre vašu kartu:
- AktualizáciaAktualizuje konfiguráciu vašej karty.
- Pridať do WinkLinksPridá kartu k vášmu účtu WinkLinks.
- VložiťUkazuje vám, ako vložiť túto kartu akoKartana vašu webovú stránku.
- Používajte s WordPressomUkáže vám, ako používať našeDoplnok WordPressuvložiť túto kartu na vašu webovú stránku.
Niektoré z týchto možností si podrobnejšie rozoberieme nižšie.
Vložiť
Section titled “Vložiť”<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>
Tu je postup, ako vložiť svoju kartu na svoju stránku:
- Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
- Riadky 6 až 9 ukazujú, ako používaťnačítavač obsahu winkWebový komponent a povedzte mu, aby načítal kartu hosťovskej izby pre váš kód.
- Riadok 11 vám ukazuje, ako vložiť náš Javascript do vašej stránky.
- Riadok 13 ukazuje, ako vložiťnačítavač aplikácií winkWebový komponent a povedzte mu, aby načítal vaše konfiguračné preferencie na úrovni stránky.
Vývojári, ktorí chcú spravovať karty, môžu prejsť naVývojári > API > Inventár.
Ďalšie čítanie
Section titled “Ďalšie čítanie”- Získajte viac informácií o našej kolekciiWebové komponenty.
- Získajte viac informácií oDoplnok Wink pre WordPress.