Kartlar

Bir kart, tek bir tedarikçiyi (ör. otel veya deneyim sağlayıcı) veya envanteri (yani oda tipi, toplantı odası, spa vb.) temsil eder ve detayları etkileşimli, rezervasyon yapılabilir bir kart kullanıcı arayüzü aracılığıyla sunar.
Bir kullanıcı bir kartla aşağıdaki şekillerde etkileşimde bulunabilir:

Book butonuna tıklamak.
Bu envantere ait tüm fotoğraf ve videoları görmek için Gallery bağlantısına tıklamak.
Mevcutsa, en iyi fiyatlı odayı görmek için Best deal bağlantısına tıklamak.
Mevcutsa, mülk bilgilerini görmek için Hotel details bağlantısına tıklamak.

Bir kart, kartın boyutunu küçültmek ve verileri kategorize etmek için birden fazla yüzü destekler; böylece kullanıcı tarafından kolayca tüketilebilir 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 yüzde mülk verilerini, arka yüzde ise en iyi oda tipini gösterir. Her iki taraftaki fiyat, otel için en iyi fiyatı gösterir.
Bir oda tipi kartı, ön yüzde oda tipi verilerini, arka yüzde mülk verilerini gösterir. Ön yüzde oda tipinin fiyatı, arka yüzde ise otel için en iyi fiyat gösterilir.
Diğer tüm kartlar (ör. spa, restoran vb.) 3 yüze sahiptir. Örnek: Spa verileri ön sayfada ve spa için en iyi fiyatla gösterilir. En iyi fiyatlı oda için oda tipi verileri ikinci yüzdedir. Mülk verileri ve en iyi fiyatlı oda üçüncü kart yüzünde yer alır.

Kart önizlemesi — *Ön yüzü oda tipi kartı, müsaitlik ile*

Yukarıda, oda tipi kartımıza bir örnek verilmiştir. İçinde mülk, değerlendirme ve oda verileri ile iptal politikası ve yemekler yer almaktadır.

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

Kart oluştur

Yukarıda, Arama sayfasından alınmış bir görsel var ve arama sonuçlarınızla yapabileceğiniz bazı işlemleri gösteriyor. Bu işlemlerden biri Kart oluşturdur.
Bu butona tıklayın, sizi kart formu sayfamıza yönlendirecek ve kartınızı özelleştirmeye başlayabileceksiniz.

Kartı özelleştir

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

Kartın ne hakkında olduğunu hatırlamanız için bir isim verin.
Bu karta uygulamak istediğiniz Özelleştirme seçeneğini seçin.
Kullanıcıların ilk olarak görmesini istediğiniz başlangıç kart yüzünü seçin. Varsayılan olarak, o envanterin yerel yüzüdür.
Kartta kullanmak istediğiniz rozet seçin. Bir rozet, kullanıcıların çevre dostu gibi toplu bir ölçüte göre envanteri karşılaştırmasını sağlar.
Web Tarayıcıları tarafından kullanılacak, virgülle ayrılmış anahtar kelimeler ekleyin.
Kullanıcının görmesini istediğiniz dillerde başlıklar ve açıklamalar ekleyin.
Kullanıcılar Gallery bağlantısına tıkladığında gösterilecek bir veya daha fazla resim seçin.
Devam etmek için Kaydet butonuna tıklayın.

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

Kartı paylaş

Yukarıda, kartınız için mevcut tüm işlemleri gösteren bir görsel var:

Güncelle Kart yapılandırmanızı günceller.
WinkLinks’e Ekle Kartı WinkLinks hesabınıza ekler.
Göm Bu kartı web sitenize Kart olarak nasıl gömeceğinizi gösterir.
WordPress ile Kullan Bu kartı web sitenize gömmek için WordPress eklentimizi nasıl kullanacağınızı gösterir.

Bu seçeneklerden bazılarını aşağıda daha ayrıntılı ele alıyoruz.

Göm

<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 gömmek için:

1. satır, Wink stillerini sitenize nasıl gömeceğinizi gösterir.
6 ile 9. satırlar arasında, wink-content-loader Web Bileşenini nasıl kullanacağınızı ve ona misafir odası kartı getirmesini nasıl söyleyeceğinizi gösterir.
1. satır, Javascript’imizi sitenize nasıl gömeceğinizi gösterir.
1. satır, wink-app-loader Web Bileşenini nasıl gömeceğinizi ve sayfa düzeyi yapılandırma tercihlerinizi nasıl getireceğinizi gösterir.

API

Kartları yönetmek isteyen geliştiriciler, Geliştiriciler > API > Envanter sayfasına gidebilirler.

Daha fazla okuma

Web Bileşenleri koleksiyonumuz hakkında daha fazla bilgi edinin.
Wink WordPress eklentisi hakkında daha fazla bilgi edinin.