Siirry sisältöön
Academy

Kortit

Kortti edustaa yhtä toimittajaa (esim. hotelli tai elämysjärjestäjä) tai varastoa (eli huonetyyppi, kokoushuone, spa jne.) ja esittää tiedot interaktiivisessa, varattavassa korttikäyttöliittymässä. Käyttäjä voi olla vuorovaikutuksessa kortin kanssa seuraavilla tavoilla:

  • Klikkaa Varaa-painiketta.
  • Klikkaa Galleria-linkkiä nähdäksesi kaikki kuvat ja videot tästä varastosta.
  • Klikkaa Paras tarjous -linkkiä, jos saatavilla, nähdäksesi parhaan hintaisen huoneen.
  • Klikkaa Hotellin tiedot -linkkiä, jos saatavilla, nähdäksesi kiinteistön tiedot.

Kortti tukee useita puolia kortin koon minimoimiseksi ja tietojen luokittelemiseksi; näin käyttäjän on helppo omaksua tiedot ja sinulla on paremmat mahdollisuudet muuttaa käyttäjä varaukseksi.

Kortilla on joko kaksi tai kolme puolta:

  • Hotellikortti näyttää kiinteistötiedot etupuolella ja parhaan huonetyypin takapuolella. Hinta molemmilla puolilla näyttää hotellin parhaan hinnan.
  • Huonetyypin kortti näyttää huonetyypin tiedot etupuolella ja kiinteistötiedot takapuolella. Hinta näyttää huonetyypin hinnan etupuolella ja hotellin parhaan hinnan takapuolella.
  • Kaikilla muilla korteilla (esim. spa, ravintola jne.) on 3 puolta. Esimerkki: Spa-tiedot näkyvät etusivulla parhaan spa-hinnan kanssa. Parhaan hinnan huonetyypin tiedot ovat toisella puolella. Kiinteistötiedot yhdessä parhaan hinnan huoneen kanssa ovat kolmannella kortin puolella.
Kortin esikatselu
Etupuolen huonetyypin kortti saatavuustiedoilla

Yllä on esimerkki huonetyypin kortistamme. Se sisältää kiinteistön, arvostelut ja huonetiedot sekä peruutusehdot ja ateriat.

Loput tästä artikkelista opastavat sinua kortin luomisessa, muokkaamisessa ja esittämisessä käyttäjillesi.

Luo kortti

Osio nimeltä “Luo kortti”
Toiminnot
Hakutulosten toiminnot

Yllä on kuva Haku -sivulta, joka näyttää joitakin asioita, joita voit tehdä hakutuloksillasi. Yksi näistä toiminnoista on Luo kortti. Klikkaa tätä painiketta, niin sinut ohjataan korttilomakkeeseemme, jossa voit aloittaa korttisi muokkaamisen.

Muokkaa korttia

Osio nimeltä “Muokkaa korttia”

Lomake antaa sinun muokata korttiasi seuraavilla tavoilla:

  1. Anna kortille nimi, jotta muistat, mistä kortti kertoo.
  2. Valitse Mukautus, jonka haluat soveltaa tähän korttiin.
  3. Valitse kortin alkuperäinen puoli, jonka haluat käyttäjien näkevän ensin. Oletuksena se on kyseisen varaston alkuperäinen puoli.
  4. Valitse merkki, jota haluat käyttää kortissa. Merkki antaa käyttäjille mahdollisuuden vertailla varastoa kokonaismittarin, kuten ympäristöystävällinen, perusteella.
  5. Lisää avainsanoja pilkuilla erotettuna, joita Verkkohakukoneet käyttävät.
  6. Lisää otsikot ja kuvaukset kielillä, joilla haluat käyttäjän näkevän ne.
  7. Valitse yksi tai useampi kuva, jotka näytetään, kun käyttäjät klikkaavat Galleria-linkkiä.
  8. Klikkaa Tallenna-painiketta jatkaaksesi.

Kun olet tallentanut korttisi, sinut ohjataan korttisivullesi ja korttisi on nyt valmis jaettavaksi maailmalle.

Jaa kortti

Osio nimeltä “Jaa kortti”
Kortti
Kortti, jossa on supistettu toimintovalikko

Yllä näet kuvan, jossa näkyvät kaikki kortillesi saatavilla olevat toiminnot:

  • Päivitä Päivittää korttisi asetukset.
  • Lisää WinkLinkseihin Lisää kortin WinkLinks-tilillesi.
  • Upota Näyttää, miten tämä kortti upotetaan Korttina verkkosivustollesi.
  • Käytä WordPressin kanssa Näyttää, miten käytät WordPress-laajennustamme upottaaksesi tämän kortin verkkosivustollesi.

Käymme joitakin näistä vaihtoehdoista tarkemmin alla.

Upota

Osio nimeltä “Upota”
<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>

Näin upotat korttisi sivustollesi:

  • Rivi 3 näyttää, miten Wink-tyylit upotetaan sivustollesi.
  • Rivillä 6–9 näytetään, miten käytetään wink-content-loader Web-komponenttia ja kerrotaan sille, että haetaan vierashuonekortti koodillesi.
  • Rivi 11 näyttää, miten upotetaan Javascript-skripti sivustollesi.
  • Rivi 13 näyttää, miten upotetaan wink-app-loader Web-komponentti ja kerrotaan sille, että haetaan sivutason konfiguraatioasetuksesi.

API

Osio nimeltä “API”

Kehittäjät, jotka haluavat hallita kortteja, voivat siirtyä kohtaan Kehittäjät > API > Varasto.

Lisälukemista

Osio nimeltä “Lisälukemista”