Přeskočit na obsah

Cards

Karta představuje jednoho dodavatele (např. hotel nebo poskytovatele zážitků) nebo inventář (např. typ pokoje, zasedací místnost, lázně atd.) a zobrazuje podrobnosti prostřednictvím interaktivního uživatelského rozhraní karty s možností rezervace. Uživatel může s kartou interagovat následujícími způsoby:

  • Klikněte naBooktlačítko.
  • Klikněte naGalleryodkaz pro zobrazení všech fotografií a videí k tomuto inventáři.
  • KlikněteBest dealodkaz, pokud je k dispozici, pro zobrazení nejlevnějšího pokoje.
  • KlikněteHotel detailsodkaz, pokud je k dispozici, pro zobrazení informací o nemovitosti.

Karta podporuje více stran, aby se minimalizovala její velikost a data se kategorizovala, což usnadňuje její používání uživatelem a dává vám větší šanci na provedení rezervace.

Karta má buď dvě, nebo tři strany:

  • Hotelová karta zobrazuje na přední straně údaje o ubytování a na zadní straně nejlepší typ pokoje. Cena na obou stranách zobrazuje nejlepší cenu pro daný hotel.
  • Karta typu pokoje zobrazuje na přední straně údaje o typu pokoje a na zadní straně údaje o ubytování. Cena zobrazuje na přední straně cenu typu pokoje a na zadní straně nejlepší cenu pro daný hotel.
  • Všechny ostatní karty (např. lázeňská restaurace atd.) mají 3 strany. Příklad: Data o lázních se zobrazují na titulní straně s nejlepší cenou lázní. Data o typu pokoje s nejvýhodnější cenou jsou na druhé straně. Data o ubytování spolu s nejvýhodnější cenou pokoje jsou na třetí straně karty.
Náhled karty
Karta s typem pokoje s výhledem do přední části s uvedením dostupnosti

Výše uvedený příklad karty typu pokoje obsahuje informace o ubytování, recenzi a pokoji spolu se storno podmínkami a informacemi o stravování.

Zbytek tohoto článku vás provede tím, jak kartu vytvořit, přizpůsobit a zobrazovat uživatelům.

Akce
Akce s výsledky vyhledávání

Nahoře je obrázek pořízený zVyhledávánía ukazuje vám některé věci, které můžete s výsledky vyhledávání dělat. Jednou z těchto akcí jeMake a card. Klikněte na toto tlačítko a budete přesměrováni na naši stránku s formulářem karty, kde si můžete začít s úpravami karty.

Formulář vám umožňuje přizpůsobit si kartu následujícími způsoby:

  1. Dejte kartě název, abyste si pamatovali, o čem je.
  2. Vyberte Přizpůsobení chcete o tuto kartu požádat.
  3. Vyberte počáteční stranu karty, kterou chcete uživatelům zobrazit jako první. Ve výchozím nastavení se jedná o nativní stranu daného inventáře.
  4. Vyberte badge chcete na kartě použít. Odznak umožňuje uživatelům porovnávat inventář na základě souhrnné metriky, jako je eco-friendly.
  5. Přidejte klíčová slova oddělená čárkou, která budou použita Webové prohledávače.
  6. Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
  7. Vyberte jeden nebo více obrázků, které se zobrazí po kliknutí uživatelů na Gallery odkaz.
  8. Klikněte na Save tlačítko pro pokračování.

Po uložení karty budete přesměrováni na stránku s kartami a vaše karta je nyní připravena ke sdílení se světem.

Karta
Karta se sbalenou nabídkou akcí

Na obrázku výše jsou uvedeny všechny dostupné akce pro vaši kartu:

  • AktualizovatAktualizuje konfiguraci vaší karty.
  • Přidat do WinkLinksPřidá kartu k vašemu účtu WinkLinks.
  • VložitUkazuje, jak vložit tuto kartu jakoKartana váš web.
  • Použití s ​​WordPressemUkáže vám, jak používat našePlugin pro WordPressvložit tuto kartu na váš web.

Některé z těchto možností si podrobněji rozebereme níže.

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

Zde je návod, jak vložit kartu na váš web:

  • Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
  • Řádky 6 až 9 ukazují, jak používatwink-content-loaderWebovou komponentu a řekněte jí, aby pro váš kód načetla kartu pokoje pro hosty.
  • Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
  • Řádek 13 ukazuje, jak vložitzavaděč aplikací winkWebovou komponentu a řekněte jí, aby načetla vaše konfigurační předvolby na úrovni stránky.

Vývojáři, kteří chtějí spravovat karty, se mohou obrátit naVývojáři > API > Inventář.