Kustomisasi

Kustomisasi adalah fitur kuat yang dapat Anda gunakan untuk mengontrol setiap aspek integrasi dengan Wink tanpa harus menulis kode. Setiap inventaris yang Anda jual dapat dikustomisasi. Tambahkan atau hapus fitur, ubah skema warna, dan banyak lagi.

Entri Kustomisasi

Saat berada di halaman Customization, klik tombol Actions di bawah kustomisasi yang ingin Anda kerjakan dan klik Update. Anda sudah memiliki entri default yang tersedia saat membuat akun. Entri ini tidak dapat dihapus.

Ini akan membawa Anda ke formulir kustomisasi di mana Anda dapat melihat 5 - 7 tab (tergantung pada jenis akun Anda).

Umum

Berikut adalah opsi yang tersedia di bawah tab General.

• Name Beri nama kustomisasi Anda agar mudah diingat. misalnya Untuk blog perjalanan saya
• Display currency Pilih mata uang awal yang akan dilihat pengguna di samping inventaris perjalanan yang dapat dipesan. misalnya USD
• Display language Pilih bahasa awal yang akan ditemui pengguna. misalnya Bahasa Inggris
• Append to page title Anda dapat mengontrol apa yang ditambahkan ke judul halaman (judul yang Anda lihat di tab browser). Ini terutama digunakan untuk mesin pemesanan kami. misalnya Jika Anda membuka https://ota.wink.travel, secara default, Anda akan melihat Home | Traveliko - Hotels with Benefits. Anda dapat mengubah semua yang ada setelah tanda ’|’ (pipe).

Tema

Tab Theme memungkinkan Anda menyesuaikan tampilan dan nuansa situs web booking engine, situs web WinkLinks, dan semua Web Components kami.

Konfigurasi

Bagian ini memungkinkan Anda mengonfigurasi desain dan tata letak kartu. Saat ini, hanya ada satu desain; yaitu Wink.

Tata letak kartu mengontrol apakah Anda ingin pengguna melihat kartu transaksi secara horizontal atau vertikal. Informasinya sama.

Catatan

Tidak ada perbedaan tata letak kartu saat melihat kartu transaksi kami dari perangkat seluler. Namun, Anda dapat melihat perbedaannya pada iPad mini dan resolusi yang lebih besar.

Tips Pro

Gunakan tata letak horizontal jika Anda hanya memiliki < 4 inventaris perjalanan (misalnya tipe kamar) dalam daftar… tampilannya akan lebih baik.

Warna

Warna mengontrol bagaimana pengguna melihat komponen UI dan situs web kami. Gunakan untuk menyesuaikan dengan skema warna Anda yang sudah ada [jika ada].

Kami sudah memiliki banyak pilihan warna yang telah ditentukan sebelumnya yang bisa Anda coba. Tema yang telah ditentukan akan mengubah warna di bidang formulir di bawah ini. Anda juga dapat menggunakan warna Anda sendiri sepenuhnya.

Formulir Warna

Uji skema warna Anda di sandbox pengembang kami di bawah ini.

Theming

Catatan

Kami mendasarkan konvensi penamaan skema warna pada Bootstrap CSS. Baca lebih lanjut tentang nama-nama warna di situs Bootstrap CSS.

Tips Pro

Sandbox pengembang memungkinkan Anda mengubah lebar setiap kartu dengan menyeret persegi panjang abu-abu yang terletak di sisi kanan kartu, untuk melihat tampilannya pada resolusi berbeda.

Analitik

Kami mendukung analitik GA4 secara langsung. Jika Anda ingin melacak seluruh jalur konversi ecommerce yang ditingkatkan, dari awal hingga akhir, siapkan ID pengukuran Anda dan masukkan di bidang di bawah tab Analytics.

Pengingat

Jangan lupa tambahkan i.trvl.as, book.wink.travel dan ota.wink.travel ke properti stream GA4 Anda.

Peta

Untuk menyematkan peta kami ke situs Anda dengan menggunakan plugin WordPress atau Web Components, Anda perlu memberikan kunci API Google Maps Anda sendiri.

Catatan

Buat kunci API Google Maps di sini

Setelah Anda membuat kunci dan mengonfigurasinya untuk situs Anda, masukkan di bawah tab Analytics.

Itinerary

Tab Itinerary mungkin yang paling menarik dalam hal memastikan harga muncul untuk inventaris yang Anda pilih. Karena penentuan harga inventaris perjalanan cukup kompleks, Wink perlu mengetahui itinerary pengguna sebelum dapat menampilkan harga yang akurat.

Bagian ini memungkinkan Anda mengatur itinerary default untuk menampilkan harga di semua aset digital kami, seperti:

• Gambar ramah sosial kami dengan overlay harga.
• Grid, kartu, dan tautan WinkLinks.
• Web Components
• Mesin pemesanan

Tanggal

Anda dapat memilih apakah ingin mengatur rentang tanggal statis atau bergulir.

• Pilih rentang tanggal statis jika Anda menggunakan kustomisasi untuk acara tertentu yang terjadi pada tanggal tertentu.
• Pilih rentang tanggal bergulir jika Anda ingin:
  1. Default ke hari ini + 1 malam, seperti yang dilakukan sebagian besar OTA, ATAU.
  2. Default ke tanggal di masa depan yang selalu harus tersedia.

Konfigurasi kamar

Secara default, itinerary diatur untuk 2 dewasa, karena ini adalah pengaturan paling umum untuk kebanyakan pelancong. Ini dapat dengan mudah diubah dan Anda dapat menambahkan beberapa kamar dengan beberapa penghuni; baik dewasa maupun anak-anak.

Promosi

Promosi adalah fitur praktis yang menghemat waktu pengguna Anda. Jika sebuah properti memberikan kode promo yang dapat Anda bagikan dengan teman, Anda dapat memasukkannya di sini. Siapa pun yang masuk melalui tautan Anda, atau serupa, akan secara otomatis mendapatkan kode promo tersebut ditambahkan ke itinerary mereka dan mereka akan melihat harga diskon diterapkan secara otomatis.

Integrasi

Tab Integration ditujukan untuk hotel, integrator, dan agen perjalanan yang ingin memiliki kontrol lebih atas bagaimana pemesanan di Wink didistribusikan.

Notifikasi

Ini memberi opsi kepada hotel dan integrator untuk membiarkan Wink memberi tahu semua pihak terkait saat terjadi pemesanan. Ini termasuk memberi tahu channel manager.

Secara default, semua opsi ini diaktifkan. Kasus penggunaan di mana integrator mungkin ingin menonaktifkan satu atau lebih fitur ini adalah:

• Agen perjalanan terintegrasi di tingkat API dan ingin mengirim email konfirmasi sendiri.
• Hotel sedang menguji integrasinya dan tidak ingin mengganggu staf penjualan mereka.
• Hotel tidak peduli dengan email dan hanya ingin diberi tahu melalui PMS mereka.

Logo email

Untuk integrator yang ingin menggunakan layanan notifikasi email kami, mereka dapat menyesuaikan email agar terlihat seperti berasal dari mereka.

Catatan

Dimensi yang disarankan adalah lebar 300px x tinggi 75px

Khusus Hotel

Di bawah tab Hotel-specific terdapat opsi yang memungkinkan hotel mengontrol apa yang ditampilkan di halaman landing mereka pada mesin pemesanan kami dan apa yang ditampilkan saat tidak ada inventaris untuk itinerary yang diminta.

• Rankings: Properti yang belum memiliki peringkat berarti mungkin memilih untuk menonaktifkan fitur ini.

Catatan

Properti tidak dapat mengontrol bagaimana afiliasi memilih menampilkan halaman landing hotel… Itu adalah dua konfigurasi yang berbeda.

• Availability: Memungkinkan properti memilih apakah akan terus menampilkan inventaris meskipun tidak ada ketersediaan.

Catatan

Dalam kebanyakan kasus, properti ingin memberi pengguna cara untuk mengklik tombol Book untuk melanjutkan ke halaman landing mereka di mana mereka dapat mengubah itinerary dan mencoba menemukan tanggal yang tersedia. Aktifkan saklar ini jika Anda ingin memblokir pengguna untuk melanjutkan.

Cara menggunakan

Dalam sebagian besar skenario, Anda akan memilih Customization mana yang akan diterapkan pada tautan, kartu, peta, dan grid Anda.

Berikut adalah saat-saat ketika Anda mungkin ingin menerapkan konfigurasi secara manual:

• Manual override Anda ingin membagikan tautan langsung ke mesin pemesanan kami, dan tidak menggunakan fitur Shareable Links, dengan konfigurasi kustom Anda diterapkan.
• Plugin WordPress Tambahkan konfigurasi ke Plugin WordPress Wink Anda di Settings.
• Integrasi kustom Terapkan secara manual ke integrator kustom Anda dengan menggunakan wink-app-loader Web Component kami.

Manual override

Berikut contoh sederhana cara menerapkan ID konfigurasi Anda, dengan semua pengaturan Anda, ke URL utama mesin pemesanan kami.

https://ota.wink.travel?configurationId=MY-UNIQUE-ID

Catatan

Saat pengguna mengklik tautan ini, Anda juga akan mengatur cookie atribusi afiliasi Anda.

Plugin WordPress

Kunjungi Plugin WordPress Wink untuk mempelajari lebih lanjut.

Integrasi kustom

Kontrol semua Web Components Wink yang disematkan di halaman dengan wink-app-loader Web Component.

Di bawah ini adalah contoh yang menggunakan MY-UNIQUE-ID sebagai ID konfigurasi.

<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>

    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>

    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="MY-UNIQUE-ID"
    ></wink-app-loader>
  </body>
</html>

API

Pengembang yang ingin mengelola kustomisasi dapat menuju ke Developers > API > Inventory.