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.
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.
Buat kad
Section titled “Buat kad”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.
Sesuaikan kad
Section titled “Sesuaikan kad”Borang ini membolehkan anda menyesuaikan kad anda dengan cara berikut:
- Beri nama untuk anda mengingati tentang kad itu.
- Pilih Penyesuaian anda ingin memohon kepada kad ini.
- Pilih muka kad awal yang anda mahu pengguna lihat dahulu. Secara lalai, ia ialah wajah asli inventori itu.
- Pilih badge anda mahu gunakan pada kad. Lencana membolehkan pengguna membandingkan inventori pada metrik agregat seperti
eco-friendly
. - Tambah kata kunci, dipisahkan dengan koma, yang akan digunakan oleh Perayap Web.
- Tambahkan tajuk dan penerangan dalam bahasa yang anda mahu pengguna lihat.
- Pilih satu, atau lebih, imej yang akan dipaparkan apabila pengguna mengklik pada
Gallery
pautan. - 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.
Kongsi kad
Section titled “Kongsi kad”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.
Benamkan
Section titled “Benamkan”<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.
Bacaan lanjut
Section titled “Bacaan lanjut”- Ketahui lebih lanjut tentang koleksi kami Komponen Web.
- Ketahui lebih lanjut tentang Pemalam Wink WordPress.