Skip to content
Academy

Cards

Kortelė nurodo vieną tiekėją (pvz., viešbutį ar patirties teikėją) arba atsargas (pvz., kambario tipą, posėdžių salę, SPA centrą ir kt.) ir pateikia išsamią informaciją per interaktyvią, rezervuojamą kortelės vartotojo sąsają. Vartotojas gali sąveikauti su kortele šiais būdais:

  • SpustelėkiteBookmygtukas.
  • SpustelėkiteGallerynuoroda, skirta peržiūrėti visas šio inventoriaus nuotraukas ir vaizdo įrašus.
  • SpustelėkiteBest dealnuoroda, jei yra, norint pamatyti geriausios kainos kambarį.
  • SpustelėkiteHotel detailsnuoroda, jei yra, norint peržiūrėti informaciją apie objektą.

Kortelė palaiko kelis veidus, kad būtų sumažintas jos dydis ir suskirstyti duomenys į kategorijas; todėl vartotojas gali lengvai ją naudoti ir suteikia didesnę tikimybę, kad vartotojas pateiks užsakymą.

Kortelė turi du arba tris veidus:

  • Viešbučio kortelėje priekinėje pusėje pateikiami duomenys apie objektą, o kitoje – geriausias kambario tipas. Abiejose pusėse nurodyta kaina rodo geriausią viešbučio kainą.
  • Kambario tipo kortelėje priekinėje pusėje rodomi kambario tipo duomenys, o kitoje – viešbučio duomenys. Kainos kortelės priekyje rodoma kambario tipo kaina, o kitoje – geriausia viešbučio kaina.
  • Visos kitos kortelės (pvz., SPA restoranas ir kt.) turi 3 puses. Pavyzdys: SPA duomenys rodomi pirmame puslapyje su geriausia SPA kaina. Geriausios kainos kambario tipo duomenys pateikiami antroje pusėje. Apgyvendinimo įstaigos duomenys kartu su geriausios kainos kambariu pateikiami trečioje kortelės pusėje.
Kortelės peržiūra
Priekyje esančio kambario tipo kortelė su laisvomis vietomis

Aukščiau pateiktas mūsų kambario tipo kortelės pavyzdys. Joje pateikiami viešbučio, atsiliepimo ir kambario duomenys, taip pat atšaukimo politika ir maitinimas.

Likusioje šio straipsnio dalyje paaiškinama, kaip sukurti, pritaikyti ir parodyti kortelę savo vartotojams.

Sukurkite kortelę

Section titled “Sukurkite kortelę”
Veiksmai
Paieškos rezultatų veiksmai

Viršuje yra paveikslėlis, paimtas išPaieškair parodo kai kuriuos dalykus, kuriuos galite atlikti su paieškos rezultatais. Vienas iš šių veiksmų yraMake a card. Spustelėkite tą mygtuką ir būsite nukreipti į mūsų kortelės formos puslapį, kuriame galėsite pradėti tinkinti savo kortelę.

Tinkinti kortelę

Section titled “Tinkinti kortelę”

Forma leidžia jums pritaikyti savo kortelę šiais būdais:

  1. Sugalvok pavadinimą, kad prisimintum, apie ką ta kortelė.
  2. Pasirinkite Pritaikymas norite pateikti paraišką šiai kortelei.
  3. Pasirinkite pradinę kortelės pusę, kurią norite, kad vartotojai matytų pirmiausia. Pagal numatytuosius nustatymus tai yra originali tos inventoriaus pusė.
  4. Pasirinkite badge norite naudoti kortelėje. Ženklelis leidžia vartotojams palyginti atsargas pagal bendrą rodiklį, pvz., eco-friendly.
  5. Pridėkite raktinius žodžius, atskirtus kableliais, kurie bus naudojami Žiniatinklio robotai.
  6. Pridėkite pavadinimus ir aprašymus kalbomis, kurias norite matyti vartotojui.
  7. Pasirinkite vieną ar daugiau paveikslėlių, kurie bus rodomi vartotojams spustelėjus Gallery nuoroda.
  8. Spustelėkite Save mygtuką, kad tęstumėte.

Išsaugoję kortelę, būsite nukreipti į savo kortelių puslapį ir dabar jūsų kortelė paruošta bendrinti su pasauliu.

Bendrinimo kortelė

Section titled “Bendrinimo kortelė”
Kortelė
Kortelė su sutrauktu veiksmų meniu

Aukščiau pateiktas paveikslėlis su visais jūsų kortelei galimais veiksmais:

  • AtnaujinimasAtnaujina jūsų kortelės konfigūraciją.
  • Pridėti prie „WinkLinks“Prideda kortelę prie jūsų „WinkLinks“ paskyros.
  • ĮterptiParodo, kaip įterpti šią kortelę kaipKortelėį savo svetainę.
  • Naudoti su WordPressParodo, kaip naudotis mūsųWordPress įskiepisįterpti šią kortelę į savo svetainę.

Žemiau aptarsime kai kurias iš šių parinkčių išsamiau.

Įterpti

Section titled “Įterpti”
<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>

Štai kaip įterpti kortelę į savo svetainę:

  • 3 eilutėje parodyta, kaip įterpti „Wink“ stilius į savo svetainę.
  • 6–9 eilutėse parodyta, kaip naudoti„wink“ turinio įkėlėjasŽiniatinklio komponentą ir nurodykite jam gauti svečių kambario kortelę pagal jūsų kodą.
  • 11 eilutėje parodyta, kaip įterpti mūsų „Javascript“ kodą į savo svetainę.
  • 13 eilutėje parodyta, kaip įterpti„wink-app-loader“Žiniatinklio komponentą ir nurodykite jam gauti jūsų puslapio lygio konfigūracijos nuostatas.

API

Section titled “API”

Kūrėjai, norintys valdyti korteles, gali apsilankyti adresuKūrėjai > API > Inventorius.

Papildoma literatūra

Section titled “Papildoma literatūra”