Preskočiť na obsah

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 naBooktlačidlo.
  • Kliknite naGalleryodkaz na zobrazenie všetkých fotografií a videí k tomuto inventáru.
  • KlikniteBest dealodkaz, ak je k dispozícii, na zobrazenie izby s najlepšou cenou.
  • KlikniteHotel detailsodkaz, 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.
Náhľad karty
Karta s typom izby s výhľadom do prednej časti s informáciami o dostupnosti

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.

Akcie
Akcie s výsledkami vyhľadávania

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.

Formulár vám umožňuje prispôsobiť si kartu nasledujúcimi spôsobmi:

  1. Dajte jej názov, aby ste si pamätali, o čom karta je.
  2. Vyberte Prispôsobenie chcete požiadať o túto kartu.
  3. Vyberte úvodnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
  4. 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.
  5. Pridajte kľúčové slová oddelené čiarkou, ktoré bude používať Webové prehľadávače.
  6. Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
  7. Vyberte jeden alebo viac obrázkov, ktoré sa zobrazia po kliknutí používateľov na Gallery odkaz.
  8. 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.

Karta
Karta so zbalenou ponukou akcií

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.

<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.