Requirement

  • Swift PWA Checkout

Traveloka Paylater

Image Placeholder

Traveloka PayLater adalah fitur cicilan dari aplikasi Traveloka. Pengguna Traveloka dapat mengkonversi pembayaran Kartu Kredit menjadi cicilan di akun Traveloka mereka. Traveloka Paylater salah satu metode pembayaran yang di support oleh Swift dalam membantu transaksi pembayaran ketika berbelanja. 

Untuk integrasi, tidak ada integrasi secara langsung antara website merchant (Swift) dengan pihak Traveloka. Cara kerjanya adalah dari website merchant akan menyediakan metode pembayaran kartu kredit, misalnya terintegrasi dengan Snap atau Xendit (di Swift terintegrasi dengan Xendit). Begitu tagihan pembayaran berhasil diterima oleh payment gateway, tagihan pembayaran tersebut juga akan masuk ke akun Traveloka dari user tersebut. Di aplikasi Traveloka itulah user dapat mengkonversi tagihan kartu kredit ini menjadi cicilan.

Note dalam menggunakan Traveloka Paylater:

  • MID Merchant harus terdaftar di traveloka.

  • Customers harus apply Traveloka Paylater di aplikasi Traveloka.

  • Merchant terintegrasi dengan payment gateway yang memiliki payment method Kartu Kredit (Xendit).

  • Hanya dapat digunakan di PWA Checkout


Flowchart Traveloka Paylater




Image Placeholder

Gambar 1: Tampilan gambar Flowchart Traveloka Paylater

Note:

  • Merchant tidak perlu tahu apakah user sudah apply paylater di Traveloka atau belum.

  • Tidak ada integrasi antara merchant dan Traveloka.

  • Untuk branding, di halaman checkout harus menampilkan payment method Traveloka, walaupun sebenarnya payment method yang dipakai adalah payment method CC Snap atau Xendit, atau payment gateway lain yang support CC.

  • Tidak ada Admin Dashboard untuk Traveloka Paylater.





Konfigurasi General di Admin

Sudah dijelaskan sebelumnya bahwa pada Traveloka Paylater tidak terintegrasi langsung dengan pihak ketiga atau Traveloka. Di Swift Traveloka Paylater masuk dalam payment gateway Xendit. Untuk credential Traveloka Paylater menggunakan Xendit sebagai payment gateway. 

Berikut langkah dalam konfigurasi di Admin:


Gambar 2: Tampilan gambar pada halaman Backoffice/Admin

  1. Silakan buka Backoffice/Admin > Stores > Configurations > Sales > Payments Methods 

Image Placeholder

Gambar 3: Tampilan gambar pada halaman Payments Methods menu Traveloka Paylater

  1. Untuk mengaktifkan payment method pada bagian Enabled pilih Yes, dan No untuk disabled.

  • Title : masukan nama pembayaran yang akan ditampilkan di halaman checkout atau frontend.

  • Endpoint API : sebelumnya dijelaskan bahwa Traveloka Paylater tidak terintegrasi langsung dengan pihak Traveloka.

  • Endpoint API dapat diisi dari Payment Gateway dari Xendit.

Image Placeholder

Gambar 4: Tampilan gambar pada halaman Payments Methods menu Traveloka Paylater

  • BIN Whitelist : fitur yang memungkinkan merchant hanya menerima Kartu Kredit dalam kumpulan nomor BIN tertentu.

Untuk Production atau ketika website dalam mode Live Anda dapat menggunakan kode 531571 yang sudah disediakan oleh Swift.

Image Placeholder

Gambar 5: Tampilan gambar pada halaman Payments Methods menu Traveloka Paylater

  • New Order Status : status order yang masuk ketika berhasil place orderi menggunakan pembayaran Traveloka Paylater.




Tampilan Frontend

Berikut merupakan tampilan di frontend ketika menggunakan pembayaran Traveloka Paylater:



Gambar 6: Tampilan gambar pada halaman PWA Checkout

Customers harus mengaktifkan Virtual Number pada aplikasi Traveloka terlebih dahulu. Selanjutnya dapat diinputkan di halaman Checkout. Untuk info lebih lengkapnya Anda dapat melihat pada halaman website Traveloka.

Berikut merupakan langkah untuk mendapatkan Virtual Account yang harus diinputkan di halaman Checkout:


Image Placeholder

Gambar 7: Tampilan aplikasi

1. Masuk ke aplikasi Traveloka lalu aktifkan Virtual     Number pada Traveloka Paylater. 


Image Placeholder

Gambar 8: Tampilan aplikasi

  1. Copy-paste Nomor Kartu, CVV dan Tanggal Kadaluwarsa.



Gambar 9: Tampilan form pengisian

  1. Balik kehalaman checkout lalu masukan detail Vitual Number yang sudah didapatkan di aplikasi Traveloka.


4. Place Order pesanan tersebut, lalu Customers harus verfication akun Traveloka yang digunakan.

Image Placeholder

Gambar 11: Tampilan verifikasi