Pāriet uz saturu
Academy

Cards

Karte attēlo vienu piegādātāju (piemēram, viesnīcu vai pieredzes nodrošinātāju) vai inventāru (piemēram, numura tipu, sanāksmju telpu, spa utt.) un sniedz detalizētu informāciju, izmantojot interaktīvu, rezervējamu kartes lietotāja saskarni. Lietotājs var mijiedarboties ar karti šādos veidos:

  • Noklikšķiniet uzBookpoga.
  • Noklikšķiniet uzGallerysaite, lai skatītu visus šī inventāra fotoattēlus un videoklipus.
  • KlikšķisBest dealsaite, ja tāda ir pieejama, lai skatītu numuru ar vislabāko cenu.
  • KlikšķisHotel detailssaite, ja pieejama, lai skatītu informāciju par īpašumu.

Karte atbalsta vairākas sejas, lai samazinātu tās izmēru un kategorizētu datus; padarot to viegli lietojamu lietotājam un dodot lielākas iespējas pārvērst lietotāju rezervācijā.

Kartei ir divas vai trīs skaldnes:

  • Viesnīcas kartes priekšpusē ir norādīti īpašuma dati, bet aizmugurē — labākais numura veids. Cena abās pusēs norāda labāko viesnīcas cenu.
  • Istabas tipa kartītē priekšpusē ir redzami istabas tipa dati, bet aizmugurē — īpašuma dati. Cenas kartītē priekšpusē ir redzama istabas tipa cena, bet aizmugurē — labākā viesnīcas cena.
  • Visām pārējām kartītēm (piemēram, spa restorāns utt.) ir 3 puses. Piemērs: spa dati tiek rādīti pirmajā lapā kopā ar labāko spa cenu. Visizdevīgākās istabas numura tipa dati ir otrajā pusē. Īpašuma dati kopā ar visizdevīgāko istabu ir trešajā kartītes pusē.
Kartītes priekšskatījums
Priekšpusē esoša numura tipa karte ar pieejamību

Augstāk ir redzams mūsu numura tipa kartes piemērs. Tajā ir ietverti īpašuma, atsauksmju un numura dati, kā arī atcelšanas politika un ēdienreizes.

Pārējā šī raksta daļa jūs iepazīstinās ar to, kā izveidot, pielāgot un parādīt karti saviem lietotājiem.

Izveidojiet karti

Section titled “Izveidojiet karti”
Darbības
Meklēšanas rezultātu darbības

Augšpusē ir attēls, kas ņemts noMeklētun parāda dažas lietas, ko varat darīt ar meklēšanas rezultātiem. Viena no šīm darbībām irMake a card. Noklikšķiniet uz šīs pogas, un jūs tiksiet novirzīts uz mūsu kartes veidlapas lapu, kur varēsiet sākt pielāgot savu karti.

Pielāgot karti

Section titled “Pielāgot karti”

Veidlapa ļauj pielāgot karti šādos veidos:

  1. Dodiet kartītei nosaukumu, lai atcerētos, par ko tā ir.
  2. Atlasiet Pielāgošana vēlaties pieteikties šai kartei.
  3. Atlasiet sākotnējo kartes seju, kuru vēlaties, lai lietotāji redzētu vispirms. Pēc noklusējuma tā ir šīs inventāra sākotnējā seja.
  4. Atlasiet badge vēlaties izmantot kartē. Žetons ļauj lietotājiem salīdzināt krājumus pēc apkopota rādītāja, piemēram, eco-friendly.
  5. Pievienojiet atslēgvārdus, atdalītus ar komatu, kurus izmantos Tīmekļa rāpuļprogrammas.
  6. Pievienojiet nosaukumus un aprakstus valodās, kuras vēlaties, lai lietotājs redzētu.
  7. Atlasiet vienu vai vairākus attēlus, kas tiks parādīti, kad lietotāji noklikšķinās uz tiem. Gallery saite.
  8. Noklikšķiniet uz Save pogu, lai turpinātu.

Pēc kartes saglabāšanas jūs tiksiet novirzīts uz savu karšu lapu, un jūsu karte tagad ir gatava kopīgošanai ar visu pasauli.

Kopīgot karti

Section titled “Kopīgot karti”
Karte
Karte ar sakļautu darbību izvēlni

Augstāk redzams attēls ar visām jūsu kartei pieejamajām darbībām:

  • AtjauninājumsAtjaunina jūsu kartes konfigurāciju.
  • Pievienot WinkLinksPievieno karti jūsu WinkLinks kontam.
  • IegultParāda, kā iegult šo karti kāKartejūsu tīmekļa vietnē.
  • Lietojiet kopā ar WordPressParāda, kā lietot mūsuWordPress spraudnislai iegultu šo karti savā tīmekļa vietnē.

Dažas no šīm iespējām mēs aplūkosim sīkāk turpmāk.

Iegult

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

Lūk, kā iegult karti savā vietnē:

  • 3. rindā ir parādīts, kā savā vietnē iegult Wink stilus.
  • 6.–9. rindā ir parādīts, kā lietotwink-content-loaderTīmekļa komponentu un norādiet tam, lai tas ielādē viesu istabas karti jūsu kodam.
  • 11. rindā ir parādīts, kā iegult mūsu Javascript savā vietnē.
  • 13. rindā parādīts, kā iegultwink-app-loaderTīmekļa komponentu un norādiet tam, lai tas ielādē jūsu lapas līmeņa konfigurācijas preferences.

API

Section titled “API”

Izstrādātāji, kuri vēlas pārvaldīt kartes, var doties uzIzstrādātāji > API > Inventārs.

Papildu lasāmviela

Section titled “Papildu lasāmviela”