Přeskočit na obsah
Academy

Karty

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

  • Kliknout na tlačítko Rezervovat.
  • Kliknout na odkaz Galerie a zobrazit všechny fotografie a videa tohoto inventáře.
  • Kliknout na odkaz Nejlepší nabídka, pokud je k dispozici, a zobrazit nejvýhodnější cenu pokoje.
  • Kliknout na odkaz Detaily hotelu, pokud je k dispozici, a zobrazit informace o objektu.

Karta podporuje více stran, aby minimalizovala velikost karty a kategorizovala data; což usnadňuje uživateli jejich konzumaci a zvyšuje šanci na konverzi uživatele na rezervaci.

Karta má dvě nebo tři strany:

  • Karta hotelu zobrazuje na přední straně data o objektu a na zadní straně nejlepší typ pokoje. Cena na obou stranách zobrazuje nejlepší cenu hotelu.
  • Karta typu pokoje zobrazuje na přední straně data o typu pokoje a na zadní straně data o objektu. Cena na přední straně zobrazuje cenu typu pokoje a na zadní straně nejlepší cenu hotelu.
  • Všechny ostatní karty (např. spa, restaurace atd.) mají 3 strany. Příklad: Data spa jsou zobrazena na přední straně s nejlepší cenou spa. Data typu pokoje pro nejvýhodnější pokoj jsou na druhé straně. Data o objektu spolu s nejvýhodnějším pokojem jsou na třetí straně karty.
Náhled karty
Přední strana karty typu pokoje s dostupností

Výše je příklad naší karty typu pokoje. Obsahuje data o objektu, recenze a informace o pokoji spolu s podmínkami storna a stravováním.

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

Vytvoření karty

Section titled “Vytvoření karty”
Akce
Akce ve výsledcích vyhledávání

Výše je obrázek z Vyhledávání, který ukazuje některé z možností, co můžete s výsledky vyhledávání dělat. Jednou z těchto akcí je Vytvořit kartu. Klikněte na toto tlačítko a budete přesměrováni na stránku s formulářem karty, kde můžete začít kartu přizpůsobovat.

Přizpůsobení karty

Section titled “Přizpůsobení karty”

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

  1. Dejte jí název, abyste si pamatovali, o čem karta je.
  2. Vyberte Přizpůsobení, které chcete na tuto kartu aplikovat.
  3. Vyberte počáteční stranu karty, kterou chcete, aby uživatelé viděli jako první. Ve výchozím nastavení je to nativní strana daného inventáře.
  4. Vyberte odznak, který chcete na kartě použít. Odznak umožňuje uživatelům porovnávat inventář podle souhrnného kritéria, jako je ekologický.
  5. Přidejte klíčová slova oddělená čárkou, která budou použita webovými roboty.
  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í, když uživatelé kliknou na odkaz Galerie.
  8. Klikněte na tlačítko Uložit 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 k sdílení se světem.

Sdílení karty

Section titled “Sdílení karty”
Karta
Karta se sbalenou nabídkou akcí

Výše je obrázek se všemi dostupnými akcemi pro vaši kartu:

  • Aktualizovat Aktualizuje konfiguraci vaší karty.
  • Přidat do WinkLinks Přidá kartu do vašeho účtu WinkLinks.
  • Vložit Ukáže vám, jak vložit tuto kartu jako Card do vašeho webu.
  • Použít s WordPress Ukáže vám, jak použít náš WordPress plugin k vložení této karty do vašeho webu.

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

Vložení

Section titled “Vložení”
<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 vaši kartu na váš web:

  • Řádek 3 ukazuje, jak vložit styly Wink do vašeho webu.
  • Řádky 6 až 9 ukazují, jak použít Web Componentu wink-content-loader a říct jí, aby načetla kartu typu hostinského pokoje pro váš kód.
  • Řádek 11 ukazuje, jak vložit náš Javascript do vašeho webu.
  • Řádek 13 ukazuje, jak vložit Web Componentu wink-app-loader a říct jí, aby načetla vaše konfigurační preference na úrovni stránky.

API

Section titled “API”

Vývojáři, kteří chtějí spravovat karty, mohou přejít na Developers > API > Inventory.

Další čtení

Section titled “Další čtení”