Preskočiť na obsah
Academy

Karty

Karta predstavuje jedného dodávateľa (napr. hotel alebo poskytovateľa zážitkov) alebo inventár (t.j. typ izby, zasadacia miestnosť, wellness atď.) a zobrazuje detaily prostredníctvom interaktívneho, rezervovateľného používateľského rozhrania karty. Používateľ môže s kartou interagovať nasledujúcimi spôsobmi:

  • Kliknúť na tlačidlo Book.
  • Kliknúť na odkaz Gallery a pozrieť si všetky fotografie a videá k tomuto inventáru.
  • Kliknúť na odkaz Best deal, ak je k dispozícii, a zobraziť najlepšiu cenu izby.
  • Kliknúť na odkaz Hotel details, ak je k dispozícii, a zobraziť informácie o nehnuteľnosti.

Karta podporuje viacero strán, aby sa minimalizovala veľkosť karty a kategorizovali sa údaje; čo umožňuje používateľovi jednoduchšie ich spracovať a zvyšuje šancu na konverziu používateľa na rezerváciu.

Karta má dve alebo tri strany:

  • Hotelová karta zobrazuje údaje o nehnuteľnosti na prednej strane a najlepší typ izby na zadnej strane. Cena na oboch stranách zobrazuje najlepšiu cenu pre hotel.
  • Karta typu izby zobrazuje údaje o type izby na prednej strane a údaje o nehnuteľnosti na zadnej strane. Cena na prednej strane zobrazuje cenu typu izby a na zadnej strane najlepšiu cenu pre hotel.
  • Všetky ostatné karty (napr. wellness, reštaurácia atď.) majú 3 strany. Príklad: Údaje o wellness sa zobrazujú na prednej strane spolu s najlepšou cenou wellness. Údaje o type izby s najlepšou cenou sú na druhej strane. Údaje o nehnuteľnosti spolu s najlepšou cenou izby sú na tretej strane karty.
Náhľad karty
Predná strana karty typu izby s dostupnosťou

Vyššie je príklad našej karty typu izby. Obsahuje údaje o nehnuteľnosti, recenzie a údaje o izbe spolu s podmienkami storna a stravovaním.

Zvyšok tohto článku vás prevedie tým, ako kartu vytvoriť, prispôsobiť a sprístupniť používateľom.

Vytvoriť kartu

Section titled “Vytvoriť kartu”
Akcie
Akcie vo výsledkoch vyhľadávania

Vyššie je obrázok z Vyhľadávania, ktorý vám ukazuje niektoré z možností, ktoré môžete so svojimi výsledkami vyhľadávania robiť. Jednou z týchto akcií je Make a card. Kliknite na toto tlačidlo a budete presmerovaní na stránku s formulárom karty, kde môžete začať kartu prispôsobovať.

Prispôsobiť kartu

Section titled “Prispôsobiť kartu”

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

  1. Pomenujte ju, aby ste si zapamätali, o čom karta je.
  2. Vyberte Prispôsobenie, ktoré chcete na túto kartu použiť.
  3. Vyberte počiatočnú stranu karty, ktorú chcete, aby používatelia videli ako prvú. Predvolene je to natívna strana daného inventára.
  4. Vyberte odznak, ktorý chcete na karte použiť. Odznak umožňuje používateľom porovnávať inventár podľa agregovaného kritéria, napríklad eko-priateľský.
  5. Pridajte kľúčové slová oddelené čiarkou, ktoré budú používať Web Crawlers.
  6. Pridajte názvy a popisy v jazykoch, ktoré chcete, aby používateľ videl.
  7. Vyberte jeden alebo viac obrázkov, ktoré sa zobrazia, keď používatelia kliknú na odkaz Gallery.
  8. Kliknite na tlačidlo Save pre pokračovanie.

Po uložení karty budete presmerovaní na stránku s kartami a vaša karta je pripravená na zdieľanie so svetom.

Zdieľať kartu

Section titled “Zdieľať kartu”
Karta
Karta so zbaleným menu akcií

Vyššie vidíte obrázok so všetkými dostupnými akciami pre vašu kartu:

  • Update Aktualizuje konfiguráciu vašej karty.
  • Add to WinkLinks Pridá kartu do vášho účtu WinkLinks.
  • Embed Ukáže vám, ako vložiť túto kartu ako Card do vašej webovej stránky.
  • Use with WordPress Ukáže vám, ako použiť náš WordPress plugin na vloženie tejto karty do vašej webovej stránky.

Niektoré z týchto možností podrobnejšie popisujeme nižšie.

Vloženie

Section titled “Vloženie”
<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 návod, ako vložiť vašu kartu do vašej stránky:

  • Riadok 3 ukazuje, ako vložiť štýly Wink do vašej stránky.
  • Riadky 6 až 9 ukazujú, ako použiť Web Component wink-content-loader a povedať mu, aby načítal kartu izby pre váš kód.
  • Riadok 11 ukazuje, ako vložiť náš Javascript do vašej stránky.
  • Riadok 13 ukazuje, ako vložiť Web Component wink-app-loader a povedať mu, aby načítal vaše preferencie konfigurácie na úrovni stránky.

API

Section titled “API”

Vývojári, ktorí chcú spravovať karty, môžu prejsť na Developers > API > Inventory.

Ďalšie čítanie

Section titled “Ďalšie čítanie”