Skip to content

Cards

Kad mewakili pembekal tunggal (cth. penyedia hotel atau pengalaman) atau inventori (iaitu jenis bilik, bilik mesyuarat, spa dll) dan mendedahkan butiran melalui UI kad yang interaktif, boleh ditempah. Pengguna boleh berinteraksi dengan kad dengan cara berikut:

  • Klik pada Book butang.
  • Klik pada Gallery pautan untuk melihat semua foto dan video untuk inventori ini.
  • klik Best deal pautan, jika ada, untuk melihat bilik dengan harga terbaik.
  • klik Hotel details pautan, jika tersedia, untuk melihat maklumat hartanah.

Kad menyokong berbilang muka untuk meminimumkan saiz kad dan untuk mengkategorikan data; menjadikannya mudah digunakan oleh pengguna dan memberi anda peluang yang lebih besar untuk menukar pengguna kepada tempahan.

Kad mempunyai dua atau tiga muka:

  • Kad hotel menunjukkan data hartanah di bahagian hadapan dan jenis bilik terbaik di bahagian belakang. Harga, di kedua-dua belah pihak, memaparkan harga terbaik untuk hotel.
  • Kad jenis bilik menunjukkan 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 (cth. restoran spa dll) mempunyai 3 muka. Contoh: Data spa dipaparkan di muka depan dengan harga terbaik spa. Data jenis bilik untuk bilik dengan harga terbaik adalah di sebelah kedua. Data hartanah bersama-sama dengan bilik harga terbaik terdapat pada muka kad ketiga.
Pratonton kad
Kad jenis bilik yang menghadap ke hadapan dengan ketersediaan

Di atas adalah contoh kad jenis bilik kami. Ia mengandungi data hartanah, ulasan dan bilik berserta dengan dasar pembatalan dan makanan.

Selebihnya artikel ini membimbing anda tentang cara membuat, menyesuaikan dan mendedahkan kad kepada pengguna anda.

Tindakan
Tindakan hasil carian

Di atas adalah imej yang diambil daripada Cari dan menunjukkan kepada anda beberapa perkara yang boleh anda lakukan dengan hasil carian anda. Salah satu tindakan tersebut ialah Make a card. Klik pada butang itu dan ia akan mengubah hala anda ke halaman borang kad kami di mana anda boleh mula menyesuaikan kad anda.

Borang ini membolehkan anda menyesuaikan kad anda dengan cara berikut:

  1. Beri nama untuk anda mengingati tentang kad itu.
  2. Pilih Penyesuaian anda ingin memohon kepada kad ini.
  3. Pilih muka kad awal yang anda mahu pengguna lihat dahulu. Secara lalai, ia ialah wajah asli inventori itu.
  4. Pilih badge anda mahu gunakan pada kad. Lencana membolehkan pengguna membandingkan inventori pada metrik agregat seperti eco-friendly.
  5. Tambah kata kunci, dipisahkan dengan koma, yang akan digunakan oleh Perayap Web.
  6. Tambahkan tajuk dan penerangan dalam bahasa yang anda mahu pengguna lihat.
  7. Pilih satu, atau lebih, imej yang akan dipaparkan apabila pengguna mengklik pada Gallery pautan.
  8. Klik pada Save butang untuk meneruskan.

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

Kad
Kad dengan menu tindakan yang diruntuhkan

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

  • Kemas kini Mengemas kini konfigurasi kad anda.
  • Tambahkan pada WinkLinks Menambahkan kad pada akaun WinkLinks anda.
  • Benamkan Menunjukkan kepada anda cara membenamkan kad ini sebagai a Kad ke dalam laman web anda.
  • Gunakan dengan WordPress Menunjukkan kepada anda cara menggunakan kami Pemalam WordPress untuk membenamkan kad ini ke dalam tapak web anda.

Kami merangkumi beberapa pilihan ini, dengan lebih terperinci, di bawah.

<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 ialah cara untuk membenamkan kad anda ke dalam tapak anda:

  • Baris 3 menunjukkan kepada anda cara membenamkan gaya Wink ke dalam tapak anda.
  • Baris 6 hingga 9 menunjukkan kepada anda cara menggunakan wink-content-loader Komponen Web dan suruh ia mengambil kad bilik tetamu untuk kod anda.
  • Baris 11 menunjukkan kepada anda cara untuk membenamkan Javascript kami ke dalam tapak anda.
  • Baris 13 menunjukkan kepada anda cara membenamkan wink-app-loader Komponen Web dan beritahu ia untuk mengambil pilihan konfigurasi peringkat halaman anda.

Pembangun yang ingin mengurus kad boleh pergi ke Pembangun > API > Inventori.