İçeriğe geç

Cards

Bir kart, tek bir tedarikçiyi (örneğin otel veya deneyim sağlayıcısı) veya envanteri (yani oda türü, toplantı odası, spa vb.) temsil eder ve ayrıntıları etkileşimli, rezerve edilebilir bir kart kullanıcı arayüzü aracılığıyla ortaya koyar. Bir kullanıcı bir kartla aşağıdaki şekillerde etkileşime girebilir:

  • TıklayınBook düğme.
  • TıklayınGalleryBu envantere ait tüm fotoğraf ve videoları görmek için bağlantıya tıklayın.
  • Tıklamak Best dealEn uygun fiyatlı odayı görmek için varsa bağlantıya tıklayın.
  • Tıklamak Hotel detailsEmlak bilgilerini görmek için varsa bağlantıya tıklayın.

Kartın boyutunu küçültmek ve verileri kategorize etmek için birden fazla yüzü destekler; bu da kartın kullanıcı tarafından kolayca tüketilebilir olmasını sağlar ve kullanıcıyı rezervasyona dönüştürme şansınızı artırır.

Bir kartın iki veya üç yüzü vardır:

  • Bir otel kartı ön tarafta mülk verilerini ve arka tarafta en iyi oda tipini gösterir. Her iki taraftaki fiyat, otel için en iyi fiyatı gösterir.
  • Bir oda tipi kartı ön tarafta oda tipi verilerini ve arka tarafta mülk verilerini gösterir. Fiyat ön tarafta oda tipinin fiyatını ve arka tarafta otel için en iyi fiyatı gösterir.
  • Diğer tüm kartların (ör. spa restoranı vb.) 3 yüzü vardır. Örnek: Spa verileri, spa’nın en iyi fiyatıyla birlikte ön sayfada görüntülenir. En iyi fiyatlı odanın oda tipi verileri ikinci taraftadır. En iyi fiyatlı odayla birlikte mülk verileri üçüncü kart yüzündedir.
Kart önizlemesi
Ön tarafa bakan oda tipi kartı müsaitlik durumuyla birlikte

Yukarıda oda tipi kartımızın bir örneği bulunmaktadır. Tesis, inceleme ve oda verilerinin yanı sıra iptal politikası ve yemekleri içerir.

Bu makalenin geri kalanında kartın nasıl oluşturulacağı, özelleştirileceği ve kullanıcılarınıza nasıl sunulacağı anlatılmaktadır.

Eylemler
Arama sonuçları eylemleri

Yukarıda alınan bir görüntü varAramakve arama sonuçlarınızla yapabileceğiniz bazı şeyleri gösterir. Bu eylemlerden biriMake a card. Bu butona tıkladığınızda kartınızı özelleştirmeye başlayabileceğiniz kart formu sayfamıza yönlendirileceksiniz.

Form, kartınızı aşağıdaki şekillerde özelleştirmenize olanak tanır:

  1. Kartın ne hakkında olduğunu hatırlamanız için ona bir isim verin.
  2. Seçin Özelleştirme Bu karta başvurmak istiyorsunuz.
  3. Kullanıcıların ilk önce görmesini istediğiniz ilk kart yüzünü seçin. Varsayılan olarak, bu envanterin yerel yüzüdür.
  4. Seçin badge kartta kullanmak istediğiniz. Bir rozet kullanıcıların envanteri toplu bir metrikte karşılaştırmasına olanak tanır, örneğin eco-friendly.
  5. Kullanılacak anahtar kelimeleri virgülle ayırarak ekleyin Web Tarayıcıları.
  6. Kullanıcının görmesini istediğiniz dillerde başlık ve açıklamalar ekleyin.
  7. Kullanıcılar tıkladığında gösterilecek bir veya daha fazla resim seçin Gallery bağlantı.
  8. Tıkla Save Devam etmek için düğmeye basın.

Kartınızı kaydettikten sonra kartlar sayfanıza yönlendirileceksiniz ve kartınız artık dünyayla paylaşılmaya hazır.

Kart
Daraltılmış eylem menüsüne sahip kart

Yukarıda kartınız için kullanabileceğiniz tüm eylemleri gösteren bir resim gösterilmektedir:

  • GüncellemeKart yapılandırmanızı günceller.
  • WinkLinks’e ekleKartı WinkLinks hesabınıza ekler.
  • GömmekBu kartın nasıl birKartweb sitenize.
  • WordPress ile kullanınSize nasıl kullanılacağını gösterirWordPress eklentisiBu kartı web sitenize yerleştirmek için.

Bu seçeneklerden bazılarını aşağıda daha detaylı olarak ele alacağız.

<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>

Kartınızı sitenize nasıl yerleştireceğiniz aşağıda açıklanmıştır:

  • 3. satırda Wink stillerini sitenize nasıl yerleştireceğiniz gösterilmektedir.
  • 6’dan 9’a kadar olan satırlar, nasıl kullanılacağını gösterirgöz kırpma-içerik-yükleyiciWeb Bileşenine gidin ve kodunuz için bir misafir odası kartı getirmesini söyleyin.
  • 11. satırda Javascript’imizi sitenize nasıl yerleştireceğiniz gösteriliyor.
  • 13. satır, şunun nasıl yerleştirileceğini gösterir:göz kırpma uygulaması yükleyiciWeb Bileşeni’ne gidin ve sayfa düzeyindeki yapılandırma tercihlerinizi getirmesini söyleyin.

Kartları yönetmek isteyen geliştiriciler şuraya gidebilir:Geliştiriciler > API > Envanter.