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ėkite
Book
mygtukas. - Spustelėkite
Gallery
nuoroda, skirta peržiūrėti visas šio inventoriaus nuotraukas ir vaizdo įrašus. - Spustelėkite
Best deal
nuoroda, jei yra, norint pamatyti geriausios kainos kambarį. - Spustelėkite
Hotel details
nuoroda, 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.
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ę”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:
- Sugalvok pavadinimą, kad prisimintum, apie ką ta kortelė.
- Pasirinkite Pritaikymas norite pateikti paraišką šiai kortelei.
- Pasirinkite pradinę kortelės pusę, kurią norite, kad vartotojai matytų pirmiausia. Pagal numatytuosius nustatymus tai yra originali tos inventoriaus pusė.
- Pasirinkite badge norite naudoti kortelėje. Ženklelis leidžia vartotojams palyginti atsargas pagal bendrą rodiklį, pvz.,
eco-friendly
. - Pridėkite raktinius žodžius, atskirtus kableliais, kurie bus naudojami Žiniatinklio robotai.
- Pridėkite pavadinimus ir aprašymus kalbomis, kurias norite matyti vartotojui.
- Pasirinkite vieną ar daugiau paveikslėlių, kurie bus rodomi vartotojams spustelėjus
Gallery
nuoroda. - 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ė”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.
Kūrėjai, norintys valdyti korteles, gali apsilankyti adresuKūrėjai > API > Inventorius.
Papildoma literatūra
Section titled “Papildoma literatūra”- Sužinokite daugiau apie mūsų kolekcijąŽiniatinklio komponentai.
- Sužinokite daugiau apie„Wink“ „WordPress“ įskiepis.