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 na
Book
tlačítko. - Klikněte na
Gallery
odkaz pro zobrazení všech fotografií a videí k tomuto inventáři. - Klikněte
Best deal
odkaz, pokud je k dispozici, pro zobrazení nejlevnějšího pokoje. - Klikněte
Hotel details
odkaz, 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.
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.
Vytvořte kartu
Section titled “Vytvořte kartu”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.
Přizpůsobit kartu
Section titled “Přizpůsobit kartu”Formulář vám umožňuje přizpůsobit si kartu následujícími způsoby:
- Dejte kartě název, abyste si pamatovali, o čem je.
- Vyberte Přizpůsobení chcete o tuto kartu požádat.
- 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.
- 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
. - Přidejte klíčová slova oddělená čárkou, která budou použita Webové prohledávače.
- Přidejte názvy a popisy v jazycích, které chcete, aby uživatel viděl.
- Vyberte jeden nebo více obrázků, které se zobrazí po kliknutí uživatelů na
Gallery
odkaz. - 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.
Sdílená karta
Section titled “Sdílená karta”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.
Vložit
Section titled “Vložit”<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ář.
Další čtení
Section titled “Další čtení”- Zjistěte více o naší kolekciWebové komponenty.
- Zjistěte více oPlugin Wink pro WordPress.