Sari la conținut
Academy

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 peBookbuton.
  • Faceți clic peGallerylink pentru a vedea toate fotografiile și videoclipurile pentru acest inventar.
  • ClicBest deallink, dacă este disponibil, pentru a vedea camera cu cel mai bun preț.
  • ClicHotel detailslink, 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.
Previzualizare card
Fișă de disponibilitate pentru tipul de cameră orientată spre față

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”
Acțiuni
Acțiuni în rezultatele căutării

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 cardFaceț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:

  1. Dă-i un nume ca să-ți amintești despre ce este vorba pe card.
  2. Selectați Personalizare vrei să aplici pentru acest card.
  3. 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.
  4. 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.
  5. Adăugați cuvinte cheie, separate prin virgulă, care vor fi utilizate de Crawlere web.
  6. Adăugați titluri și descrieri în limbile pe care doriți să le vadă utilizatorul.
  7. Selectați una sau mai multe imagini care vor fi afișate atunci când utilizatorii dau clic pe Gallery legătură.
  8. 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”
Card
Card cu meniu de acțiuni restrâns

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ă”