Cards
Un card reprezintă un singur furnizor (de exemplu, hotel sau furnizor de experiențe) sau un inventar (de exemplu, tipul camerei, sala de ședințe, spa etc.) și expune detaliile prin intermediul unei interfețe de utilizator interactive, care poate fi rezervată.
Un utilizator poate interacționa cu un card în următoarele moduri:
- Faceți clic pe
Book
buton. - Faceți clic pe
Gallery
link pentru a vedea toate fotografiile și videoclipurile pentru acest inventar. - Clic
Best deal
link, dacă este disponibil, pentru a vedea camera cu cel mai bun preț. - Clic
Hotel details
link, dacă este disponibil, pentru a vedea informații despre proprietate.
Un card acceptă mai multe fețe pentru a minimiza dimensiunea cardului și pentru a clasifica datele; ceea ce îl face ușor de utilizat de către utilizator și vă oferă o șansă mai mare de a converti utilizatorul într-o rezervare.
O carte are fie două, fie trei fețe:
- O fișă de hotel afișează datele proprietății pe față și cel mai bun tip de cameră pe verso. Prețul, pe ambele părți, afișează cel mai bun preț pentru hotel.
- O fișă cu tipul de cameră afișează datele despre tipul de cameră pe față și datele despre proprietate pe verso. Prețul afișează prețul tipului de cameră pe față și cel mai bun preț pentru hotel pe verso.
- Toate celelalte cărți (de exemplu, restaurant spa etc.) au 3 fețe. Exemplu: Datele despre spa sunt afișate pe prima pagină cu cel mai bun preț al spa-ului. Datele despre tipul de cameră pentru camera cu cel mai bun preț se află pe a doua față. Datele despre proprietate, împreună cu camera cu cel mai bun preț, se află pe a treia față a cărții.
Mai sus este un exemplu de fișă a tipului nostru de cameră. Aceasta conține proprietatea, recenzia și datele camerei, împreună cu politica de anulare și mesele.
Restul acestui articol vă va ghida în crearea, personalizarea și expunerea cardului către utilizatori.
Creați o carte
Section titled “Creați o carte”Mai sus este o imagine preluată de laCăutareși vă arată câteva dintre lucrurile pe care le puteți face cu rezultatele căutării. Una dintre aceste acțiuni esteMake a card
Faceți clic pe acel buton și veți fi redirecționat către pagina noastră cu formularul de card, unde puteți începe să vă personalizați cardul.
Personalizați cardul
Section titled “Personalizați cardul”Formularul vă permite să personalizați cardul în următoarele moduri:
- Dă-i un nume ca să-ți amintești despre ce este vorba pe card.
- Selectați Personalizare vrei să aplici pentru acest card.
- Selectați fața inițială a cărții pe care doriți ca utilizatorii să o vadă prima. În mod implicit, aceasta este fața originală a inventarului respectiv.
- Selectați badge pe care doriți să o utilizați pe card. O insignă permite utilizatorilor să compare inventarul pe baza unei valori agregate, cum ar fi
eco-friendly
. - Adăugați cuvinte cheie, separate prin virgulă, care vor fi utilizate de Crawlere web.
- Adăugați titluri și descrieri în limbile pe care doriți să le vadă utilizatorul.
- Selectați una sau mai multe imagini care vor fi afișate atunci când utilizatorii dau clic pe
Gallery
legătură. - Faceți clic pe
Save
buton pentru a continua.
După ce salvezi cardul, ești redirecționat către pagina cardurilor tale, iar cardul este acum gata de partajare cu întreaga lume.
Card de partajare
Section titled “Card de partajare”Mai sus este o imagine cu toate acțiunile disponibile pentru cardul dvs.:
- ActualizareActualizează configurația cardului tău.
- Adăugați la WinkLinksAdaugă cardul în contul tău WinkLinks.
- ÎncorporareVă arată cum să încorporați acest card caCardpe site-ul dvs. web.
- Utilizare cu WordPressVă arată cum să folosițiPlugin WordPresspentru a încorpora acest card în site-ul dvs. web.
Acoperim câteva dintre aceste opțiuni, mai detaliat, mai jos.
Încorporare
Section titled “Încorporare”<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>
Iată cum să încorporați cardul în site-ul dvs.:
- Linia 3 vă arată cum să încorporați stilurile Wink în site-ul dvs.
- Liniile 6-9 vă arată cum să utilizațiîncărcător-de-conținut-winkComponentă Web și spuneți-i să aducă o carte de cameră pentru oaspeți pentru codul dvs.
- Linia 11 vă arată cum să încorporați Javascript-ul nostru în site-ul dvs.
- Linia 13 vă arată cum să încorporațiîncărcător-aplicații-winkComponentă Web și spuneți-i să preia preferințele dvs. de configurare la nivel de pagină.
API-ul
Section titled “API-ul”Dezvoltatorii care doresc să gestioneze carduri pot accesaDezvoltatori > API > Inventar.
Lectură suplimentară
Section titled “Lectură suplimentară”- Aflați mai multe despre colecția noastră deComponente web.
- Aflați mai multe desprePluginul Wink pentru WordPress.