Skip to content
Academy

Kortelės

Kortelė reprezentuoja vieną tiekėją (pvz., viešbutį ar patirties teikėją) arba inventorių (t.y. kambario tipą, susitikimų kambarį, SPA ir pan.) ir pateikia detales per interaktyvų, užsakymui tinkamą kortelės UI. Vartotojas gali sąveikauti su kortele šiais būdais:

  • Spustelėti mygtuką Užsakyti.
  • Spustelėti nuorodą Galerija, kad pamatytų visas šio inventoriaus nuotraukas ir vaizdo įrašus.
  • Spustelėti nuorodą Geriausias pasiūlymas, jei ji yra, kad pamatytų geriausiai įkainotą kambarį.
  • Spustelėti nuorodą Viešbučio informacija, jei ji yra, kad pamatytų objekto informaciją.

Kortelė palaiko kelis vaizdus, kad sumažintų kortelės dydį ir kategorizuotų duomenis; tai leidžia vartotojui lengviau suvokti informaciją ir suteikia didesnę galimybę paversti vartotoją užsakymu.

Kortelė turi dvi arba tris puses:

  • Viešbučio kortelė rodo objekto duomenis priekyje ir geriausią kambario tipą gale. Kaina abiejose pusėse rodo geriausią viešbučio kainą.
  • Kambario tipo kortelė rodo kambario tipo duomenis priekyje ir objekto duomenis gale. Kaina priekyje rodo kambario tipo kainą, o gale – geriausią viešbučio kainą.
  • Visos kitos kortelės (pvz., SPA, restoranas ir pan.) turi 3 puses. Pavyzdžiui: SPA duomenys rodomi priekinėje pusėje su geriausia SPA kaina. Kambario tipo duomenys su geriausia kaina yra antroje pusėje. Objekto duomenys kartu su geriausia kambario kaina yra trečioje kortelės pusėje.
Kortelės peržiūra
Priekinė kambario tipo kortelės pusė su prieinamumu

Aukščiau pateiktas pavyzdys yra mūsų kambario tipo kortelė. Joje yra objekto, atsiliepimų ir kambario duomenys kartu su atšaukimo politika ir maitinimu.

Likusiame straipsnyje paaiškinama, kaip sukurti, pritaikyti ir pateikti kortelę savo vartotojams.

Sukurti kortelę

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

Aukščiau pateikta nuotrauka iš Paieškos ir rodo kai kuriuos veiksmus, kuriuos galite atlikti su savo paieškos rezultatais. Vienas iš tų veiksmų yra Sukurti kortelę. Spustelėkite tą mygtuką, ir būsite nukreipti į mūsų kortelės formos puslapį, kur galėsite pradėti pritaikyti savo kortelę.

Pritaikyti kortelę

Section titled “Pritaikyti kortelę”

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

  1. Pavadinkite ją, kad prisimintumėte, apie ką yra kortelė.
  2. Pasirinkite Pritaikymą, kurį norite taikyti šiai kortelei.
  3. Pasirinkite pradinę kortelės pusę, kurią vartotojai pamatys pirmiausia. Pagal numatytuosius nustatymus tai yra natūrali to inventoriaus pusė.
  4. Pasirinkite ženkliuką, kurį norite naudoti kortelėje. Ženkliukas leidžia vartotojams palyginti inventorių pagal bendrą metriką, pvz., ekologiškas.
  5. Pridėkite raktinius žodžius, atskirtus kableliais, kuriuos naudos Tinklo naršyklės.
  6. Pridėkite pavadinimus ir aprašymus kalbomis, kurias norite, kad vartotojas matytų.
  7. Pasirinkite vieną ar daugiau nuotraukų, kurios bus rodomos, kai vartotojai spustelės nuorodą Galerija.
  8. Spustelėkite mygtuką Išsaugoti, kad tęstumėte.

Išsaugojus kortelę, būsite nukreipti į savo kortelių puslapį ir jūsų kortelė bus paruošta dalintis su pasauliu.

Dalintis kortele

Section titled “Dalintis kortele”
Kortelė
Kortelė su sutrauktu veiksmų meniu

Aukščiau pateikta nuotrauka rodo visas galimas veiksmų parinktis jūsų kortelei:

  • Atnaujinti Atnaujina jūsų kortelės konfigūraciją.
  • Pridėti prie WinkLinks Prideda kortelę prie jūsų WinkLinks paskyros.
  • Įterpti Parodo, kaip įterpti šią kortelę kaip Kortelę į savo svetainę.
  • Naudoti su WordPress Parodo, kaip naudoti mūsų WordPress įskiepį šiai kortelei įterpti į savo svetainę.

Kai kurias iš šių parinkčių aptariame išsamiau žemiau.

Į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 savo kortelę į svetainę:

  • 3 eilutė rodo, kaip įterpti Wink stilius į savo svetainę.
  • 6–9 eilutės rodo, kaip naudoti wink-content-loader Web komponentą ir nurodyti jam gauti svečių kambario kortelę pagal jūsų kodą.
  • 11 eilutė rodo, kaip įterpti mūsų Javascript į savo svetainę.
  • 13 eilutė rodo, kaip įterpti wink-app-loader Web komponentą ir nurodyti jam gauti jūsų puslapio lygio konfigūracijos nustatymus.

API

Section titled “API”

Kūrėjai, norintys valdyti korteles, gali eiti į Kūrėjai > API > Inventorius.

Tolimesnis skaitymas

Section titled “Tolimesnis skaitymas”