Shopify
Wink Shopify App memungkinkan operator tur, penjual pengalaman, dan pedagang perhotelan menampilkan inventaris Wink secara langsung di toko Shopify mereka — berdampingan dengan produk, di halaman arahan, atau di mana saja dalam tema.
wink-travel/wink-shopify-plugin on GitHub Kode sumber, panduan pengaturan pengembang, dan instruksi kontribusi.
Instalasi
Section titled “Instalasi”- Buka Shopify App Store dan cari Wink Travel.
- Klik Add app dan ikuti alur OAuth untuk mengotorisasi.
- Di pengaturan aplikasi Wink, masukkan Client ID dan Client Secret Anda. Buka Applications untuk mengambil kredensial Anda.
- Klik Verify & Save. Pesan sukses akan mengonfirmasi koneksi.
Aktifkan App Embed Block
Section titled “Aktifkan App Embed Block”App Embed Block secara otomatis menyisipkan skrip dan stylesheet Wink ke setiap halaman — Anda tidak perlu mengedit kode tema.
- Di Shopify Admin, buka Online Store → Themes → Customize.
- Klik App embeds di panel kiri.
- Aktifkan Wink Travel.
- Klik Save.
Tambahkan komponen ke halaman
Section titled “Tambahkan komponen ke halaman”- Di editor tema, buka halaman atau bagian tempat Anda ingin menampilkan konten Wink.
- Klik Add block dan pilih dari blok Wink:
- Wink Content — kartu hotel, grid, atau peta
- Wink Lookup — bilah pencarian destinasi
- Wink Search — tombol pemilih itinerary
- Wink Account — tombol masuk
- Wink Itinerary — tombol status itinerary
- Wink Cart — tombol keranjang belanja
- Untuk Wink Content, pilih Layout Type dan masukkan Layout ID dari Wink Studio.
- Klik Save.
Blok tema yang tersedia
Section titled “Blok tema yang tersedia”| Blok | Tujuan |
|---|---|
| Wink Content | Menampilkan kartu hotel, grid berperingkat, peta, dan lainnya |
| Wink Lookup | Bilah pencarian untuk destinasi dan hotel |
| Wink Search | Tombol ikon yang membuka pemilih itinerary |
| Wink Account | Tombol masuk / akun pengguna |
| Wink Itinerary | Tombol itinerary yang menampilkan perjalanan saat ini |
| Wink Cart | Tombol ringkasan keranjang belanja |