İçeriğe geç
Academy

Kartlar

Bir kart, tek bir tedarikçiyi (örneğin 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 ve arka yüzde 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 ve 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 (örneğin spa, restoran vb.) 3 yüze sahiptir. Örnek: Spa verileri ön sayfada en iyi spa fiyatıyla 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

Section titled “Kart oluştur”
İşlemler
Arama sonuçları işlemleri

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 Make a card (Kart oluştur) butonudur.
Bu butona tıklayınca, kartınızı özelleştirmeye başlayabileceğiniz kart formu sayfasına yönlendirilirsiniz.

Kartı özelleştir

Section titled “Kartı özelleştir”

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 bir isim verin.
  2. Bu karta uygulamak istediğiniz Özelleştirmeyi seçin.
  3. Kullanıcıların ilk olarak görmesini istediğiniz kart yüzünü seçin. Varsayılan olarak, o envanterin yerel yüzüdür.
  4. Kartta kullanmak istediğiniz rozet seçin. Rozet, kullanıcıların eko-dostu gibi toplu bir ölçüte göre envanteri karşılaştırmasını sağlar.
  5. Web Tarayıcıları tarafından kullanılacak, virgülle ayrılmış anahtar kelimeler ekleyin.
  6. Kullanıcının görmesini istediğiniz dillerde başlıklar ve açıklamalar ekleyin.
  7. Kullanıcılar Gallery bağlantısına tıkladığında gösterilecek bir veya daha fazla resim seçin.
  8. Devam etmek için Save 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ş

Section titled “Kartı paylaş”
Kart
Daraltılmış işlemler menüsüne sahip kart

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

Section titled “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 ekleyeceğinizi gösterir.
  • 6 ile 9. satırlar arasında, wink-content-loader Web Bileşenini nasıl kullanacağınızı ve misafir odası kartını kodunuz için nasıl getireceğinizi gösterir.
    1. satır, Javascript’imizi sitenize nasıl ekleyeceğinizi gösterir.
    1. satır, wink-app-loader Web Bileşenini nasıl ekleyeceğinizi ve sayfa düzeyi yapılandırma tercihlerinizi nasıl getireceğinizi gösterir.

API

Section titled “API”

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

Daha fazla okuma

Section titled “Daha fazla okuma”