Skip to content
Academy

Kad

Kad mewakili satu pembekal tunggal (contohnya hotel atau penyedia pengalaman) atau inventori (iaitu jenis bilik, bilik mesyuarat, spa dan lain-lain) dan memaparkan butiran melalui UI kad interaktif yang boleh ditempah. Pengguna boleh berinteraksi dengan kad dalam cara berikut:

  • Klik butang Tempah.
  • Klik pautan Galeri untuk melihat semua foto dan video bagi inventori ini.
  • Klik pautan Tawaran terbaik, jika ada, untuk melihat bilik dengan harga terbaik.
  • Klik pautan Butiran hotel, jika ada, untuk melihat maklumat hartanah.

Kad menyokong pelbagai muka untuk meminimumkan saiz kad dan mengkategorikan data; menjadikannya mudah dihadam oleh pengguna dan memberi anda peluang lebih tinggi untuk menukar pengguna kepada tempahan.

Kad mempunyai dua atau tiga muka:

  • Kad hotel memaparkan data hartanah di hadapan dan jenis bilik terbaik di belakang. Harga, pada kedua-dua sisi, memaparkan harga terbaik untuk hotel tersebut.
  • Kad jenis bilik memaparkan data jenis bilik di hadapan dan data hartanah di belakang. Harga memaparkan harga jenis bilik di hadapan dan harga terbaik untuk hotel di belakang.
  • Semua kad lain (contohnya spa, restoran dan lain-lain) mempunyai 3 muka. Contoh: Data spa dipaparkan di muka hadapan dengan harga terbaik spa tersebut. Data jenis bilik untuk bilik dengan harga terbaik berada di muka kedua. Data hartanah bersama bilik dengan harga terbaik berada di muka ketiga kad.
Pratonton kad
Kad jenis bilik hadapan dengan ketersediaan

Di atas adalah contoh kad jenis bilik kami. Ia mengandungi data hartanah, ulasan dan bilik bersama polisi pembatalan dan makanan.

Selepas ini, artikel ini membimbing anda cara untuk mencipta, menyesuaikan dan memaparkan kad kepada pengguna anda.

Cipta kad

Section titled “Cipta kad”
Tindakan
Tindakan hasil carian

Di atas adalah imej yang diambil dari Carian dan menunjukkan beberapa perkara yang anda boleh lakukan dengan hasil carian anda. Salah satu tindakan itu ialah Buat kad. Klik pada butang itu dan ia akan mengarahkan anda ke halaman borang kad kami di mana anda boleh mula menyesuaikan kad anda.

Sesuaikan kad

Section titled “Sesuaikan kad”

Borang membolehkan anda menyesuaikan kad anda dalam cara berikut:

  1. Berikan nama supaya anda ingat apa kandungan kad tersebut.
  2. Pilih Penyesuaian yang anda mahu gunakan pada kad ini.
  3. Pilih muka kad awal yang anda mahu pengguna lihat terlebih dahulu. Secara lalai, ia adalah muka asli inventori tersebut.
  4. Pilih lencana yang anda mahu gunakan pada kad. Lencana membolehkan pengguna membandingkan inventori berdasarkan metrik agregat seperti mesra alam.
  5. Tambah kata kunci, dipisahkan dengan koma, yang akan digunakan oleh Perayap Web.
  6. Tambah tajuk dan deskripsi dalam bahasa yang anda mahu pengguna lihat.
  7. Pilih satu atau lebih imej yang akan dipaparkan apabila pengguna klik pada pautan Galeri.
  8. Klik butang Simpan untuk meneruskan.

Selepas menyimpan kad anda, anda akan diarahkan ke halaman kad anda dan kad anda kini sedia untuk dikongsi dengan dunia.

Kongsi kad

Section titled “Kongsi kad”
Kad
Kad dengan menu tindakan yang diruntuhkan

Di atas menunjukkan imej dengan semua tindakan yang tersedia untuk kad anda:

  • Kemas kini Mengemas kini konfigurasi kad anda.
  • Tambah ke WinkLinks Menambah kad ke akaun WinkLinks anda.
  • Sisipkan Menunjukkan cara untuk menyisipkan kad ini sebagai Kad ke dalam laman web anda.
  • Gunakan dengan WordPress Menunjukkan cara menggunakan plugin WordPress kami untuk menyisipkan kad ini ke dalam laman web anda.

Kami terangkan beberapa pilihan ini dengan lebih terperinci di bawah.

Sisipkan

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

Berikut adalah cara untuk menyisipkan kad anda ke dalam laman anda:

  • Baris 3 menunjukkan cara untuk menyisipkan gaya Wink ke dalam laman anda.
  • Baris 6 hingga 9 menunjukkan cara menggunakan Komponen Web wink-content-loader dan memberitahu ia untuk mengambil kad bilik tetamu untuk kod anda.
  • Baris 11 menunjukkan cara menyisipkan Javascript kami ke dalam laman anda.
  • Baris 13 menunjukkan cara menyisipkan Komponen Web wink-app-loader dan memberitahu ia untuk mengambil keutamaan konfigurasi peringkat halaman anda.

API

Section titled “API”

Pembangun yang ingin menguruskan kad boleh ke Pembangun > API > Inventori.

Bacaan lanjut

Section titled “Bacaan lanjut”