Skip to content
Academy

Cards

Kortti edustaa yksittäistä toimittajaa (esim. hotellia tai elämyspalveluntarjoajaa) tai varastoa (esim. huonetyyppiä, kokoustilaa, kylpylää jne.) ja näyttää tiedot interaktiivisen, varattavissa olevan korttikäyttöliittymän kautta. Käyttäjä voi olla vuorovaikutuksessa kortin kanssa seuraavilla tavoilla:

  • KlikkaaBookpainiketta.
  • KlikkaaGallerylinkki kaikkien tämän inventaarion kuvien ja videoiden katseluun.
  • KlikkaaBest deallinkki, jos saatavilla, nähdäksesi parhaan hintaisen huoneen.
  • KlikkaaHotel detailslinkki, jos saatavilla, kiinteistötietojen näkemiseen.

Kortti tukee useita eri tapoja pienentää kortin kokoa ja luokitella tiedot, mikä tekee siitä helposti käyttäjän käytettävissä ja antaa sinulle paremmat mahdollisuudet muuntaa käyttäjä varaukseksi.

Kortilla on joko kaksi tai kolme puolta:

  • Hotellikortissa näkyvät majoituspaikan tiedot etupuolella ja paras huonetyyppi takapuolella. Molemmilla puolilla oleva hinta näyttää hotellin parhaan hinnan.
  • Huonetyyppikortissa huonetyypin tiedot näkyvät etupuolella ja majoituspaikan tiedot takapuolella. Hinta-kohdassa näkyy huonetyypin hinta etupuolella ja hotellin paras hinta takapuolella.
  • Kaikilla muilla korteilla (esim. kylpyläravintola jne.) on kolme sivua. Esimerkki: Kylpylän tiedot näkyvät etusivulla kylpylän parhaan hinnan kanssa. Edullisimman huoneen huonetyypin tiedot ovat toisella puolella. Majoituspaikan tiedot ja edullisin huone ovat kortin kolmannella sivulla.
Kortin esikatselu
Etupuolelle päin oleva huonetyyppikortti saatavuuden mukaan

Yllä on esimerkki huonetyyppikortistamme. Se sisältää majoituspaikan, arvostelun ja huoneen tiedot sekä peruutusehdot ja ateriat.

Tämän artikkelin loppuosa opastaa sinua kortin luomisessa, mukauttamisessa ja käyttäjille näyttämisessä.

Luo kortti

Section titled “Luo kortti”
Toiminnot
Hakutulosten toiminnot

Yllä oleva kuva on otettu osoitteestaHakuja näyttää joitakin asioita, joita voit tehdä hakutuloksillesi. Yksi näistä toiminnoista onMake a card. Klikkaa kyseistä painiketta, niin sinut ohjataan korttilomakesivullemme, jossa voit aloittaa korttisi mukauttamisen.

Mukauta korttia

Section titled “Mukauta korttia”

Lomakkeen avulla voit mukauttaa korttiasi seuraavilla tavoilla:

  1. Keksi kortille nimi, jotta muistat, mistä siinä on kyse.
  2. Valitse Mukauttaminen haluat hakea tätä korttia.
  3. Valitse kortin alkuperäinen kuva, jonka haluat käyttäjien näkevän ensin. Oletusarvoisesti se on kyseisen varaston alkuperäinen kuva.
  4. Valitse badge haluat käyttää kortissa. Tunnuksen avulla käyttäjät voivat vertailla varastoa koostemittarin, kuten eco-friendly.
  5. Lisää pilkulla erotettuina avainsanat, joita käytetään Verkkoindeksoijat.
  6. Lisää otsikot ja kuvaukset kielillä, jotka haluat käyttäjän näkevän.
  7. Valitse yksi tai useampi kuva, joka näytetään, kun käyttäjät napsauttavat Gallery linkki.
  8. Klikkaa Save -painiketta jatkaaksesi.

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

Jaa kortti

Section titled “Jaa kortti”
Kortti
Kortti, jossa on tiivistetty toimintovalikko

Yllä olevassa kuvassa näkyvät kaikki kortissasi käytettävissä olevat toiminnot:

  • PäivittääPäivittää korttisi asetukset.
  • Lisää WinkLinksiinLisää kortin WinkLinks-tilillesi.
  • UpottaaNäyttää, miten tämä kortti upotetaanKorttiverkkosivustollesi.
  • Käytä WordPressin kanssaNäyttää, miten käytät meidänWordPress-laajennusupottaaksesi tämän kortin verkkosivustollesi.

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

Upottaa

Section titled “Upottaa”
<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 sivustoosi:

  • Rivi 3 näyttää, miten Wink-tyylit upotetaan sivustoosi.
  • Rivit 6–9 näyttävät, miten käytätwink-content-loaderVerkkokomponentti ja käske sitä hakemaan vierashuoneen kortti koodiasi varten.
  • Rivi 11 näyttää, miten voit upottaa Javascriptimme sivustoosi.
  • Rivi 13 näyttää, miten upotetaanwink-sovelluksen latausohjelmaVerkkokomponentti ja käske sitä hakemaan sivutason määritysasetuksesi.

API

Section titled “API”

Kehittäjät, jotka haluavat hallita kortteja, voivat siirtyä osoitteeseenKehittäjät > API > Mainosalue.

Lisälukemista

Section titled “Lisälukemista”