Tripay merupakan salah payment gateway populer di Indonesia dan sudah menyediakan integrasi dengan WordPress + WooCommerce. Selain syarat pendaftaran yang mudah, Tripay juga menyediakan banyak metode pembayaran yang bisa Anda gunakan, mulai dari virtual account, dompet digital hingga pembayaran lewat mini market.

Nah, pada tutorial kali ini, kita akan belajar cara integrasi Tripay di WooCommerce langkah demi langkah.

Mendaftar Tripay

Tripay merupakan layanan pihak ketiga, jadi untuk dapat menggunakannya Anda harus melakukan pendaftaran terlebih dahulu dan memenuhi syarat dan ketentuan dari penyedia layanan.

Untuk melakukan pendaftaran silakan kunjungi website tripay.co.id

Settings Merchant

Setelah melakukan pendaftaran, hal pertama yang harus kita lakukan adalah membuat Merchant baru. Dengan Tripay kita dapat membuat lebih dari satu merchant untuk digunakan pada website yang berbeda.

Untuk membuat merchant baru, silakan ikuti langkah-langkah berikut:

1. Dari halaman dashboard Tripay, navigasi ke menu Merchant → Tambah Merchant.
2. Isi detail toko seperti Nama Merchant, Logo, URL Website.
3. Isikan juga data login sebagai admin untuk login ke akun WordPress Anda.
4. Untuk bagian URL Callback dan Whitelist IP akan kita isi nanti setelah melakukan instalasi plugin Tripay di WordPress.
5. Catat API Key dan Private Key, karena bagian ini akan kita inputkan saat setting plugin di WordPress atau biarkan saja tab browser ini tetap terbuka agar bisa langsung di copy paste.

Instalasi Plugin

Setelah selesai membuat merchant, sekarang saatnya melakukan integrasi di WordPress. Untuk melakukan hal tersebut, kita membutuhkan sebuah plugin yang disediakan resmi oleh pihak Tripay.

Untuk melakukan instalasi plugin, silakan ikuti langkah berikut:

1. Dari halaman admin, navigasi ke menu Plugins → Add New Plugin.
2. Pada kolom pencarian, ketikan “Tripay”.
3. Klik tombol Install Now kemudian Aktifkan plugin Tripay Payment Gateway.

Setting Plugin

Setelah plugin Tripay Payment Gateway berhasil diinstall dan diaktifkan, sekarang saatnya melakukan pengaturan. Untuk melakukan pengaturan silakan ikuti langkah-langkah berikut:

1. Dari halaman admin, navigasi ke menu WooCommerce → Tripay Global Configuration.
2. Mode integrasi: Pilih Sandbox untuk uji coba atau Production.

Pendaftaran merchant membutuhkan review dari tim Tripay, selama masa review kita tidak bisa menggunakan mode Production. Jadi, pada tutorial ini kita akan melakukan pengaturan dengan mode Sandbox terlebih dahulu.

Nantinya, jika merchant sudah disetujui dan website siap menerima pembayaran ril dari pelanggan, mode bisa kita ganti ke Production.

3. Isi Merchant Code, API Key dan Private Key dengan kode sandbox yang didapatkan dari merchant di halaman admin Tripay.

4. Status Pesanan Awal: Pilih Pending (Pelanggan sudah checkout tapi belum bayar).
5. Status Sukses: Pilih Completed (Pelanggan sudah melakukan pembayaran).
6. Scrool atau kembali ke bagian paling atas, klik tombol Save Changes untuk menyimpan perubahan.

Setting Callback dan IP server

Langkah selanjutnya, kita perlu mengatur callback dan memasukan Whitelist IP di halaman merchant agar plugin dapat menerima notifikasi transaksi.

Dari halaman pengaturan Tripay, WooCommerce → Tripay Global Configuration scrool ke bagian paling bawah kemudian copy Callback URL dan Server IP ke pengaturan Merchant Tripay.

Aktifkan Metode Pembayaran

Pada bagian ini, kita akan mengaktifkan channel pembayaran apa saja yang dibutuhkan. Selain pengaturan di merchant, kita juga harus mengaktifkan pembayaran dari halaman admin WordPress.

Aktifkan Metode Pembayaran di Merchant

Untuk konfigurasi channel pembayaran di merchant Tripay, silakan ikuti langkah-langkah berikut:

1. Dari halaman dashboard Tripay, navigasi ke menu Merchant
2. Klik tombol Opsi, kemudian klik Atur Channel Pembayaran.
3. Aktifkan channel pembayaran yang Anda butuhkan.

Aktifkan Metode Pembayaran di WordPress

Untuk konfigurasi channel pembayaran di pengaturan WordPress, silakan ikuti langkah-langkah berikut:

1. Dari halaman admin, navigasi ke menu WooCommerce → Payment.
2. Aktifkan dengan cara klik tombol Enable pada opsi pembayaran yang dibutuhkan.
3. Klik tombol Manage untuk pengaturan label dan jangka waktu pembayaran.

Pada bagian ini, sesuaikan channel pembayaran dengan channel pembayaran yang diaktifkan dibagian merchant.

Uji Coba Checkout

Setelah proses konfigurasi baik dari halaman merchant Tripay maupun pengaturan Tripay di WordPress sudah dilakukan, sekarang saatnya melakukan uji coba.

Untuk uji coba, silakan lakukan langkah-langkah berikut:

1. Lakukan pembelian produk menggunakan salah satu metode pembayaran.
2. Pastikan setelah checkout pelanggan diarahkan ke halaman checkout Tripay.
3. Pastikan pelanggan menerima email dari tripay untuk detail pembayaran.
4. Cek status pesanan di menu WooCommerce → Order. Pastikan status pesanan sudah sesuai dengan pengaturan yang diisi sebelumnya.

Jika semua berjalan normal, maka sampai disini kita telah sukses melakukan integrasi WooCommerce dengan payment gateways Tripay. Langkah selanjutnya tinggal menunggu akun merchant kita di terima agar dapat digunakan untuk pembelian ril.

Ganti Mode Integrasi

Terakhir, setelah status merchant Anda telah diterima dan website siap untuk menerima pembayaran dari customer, sekarang saatnya mengganti mode integrasi dari Sandbox ke Production.

1. Kembali ke halaman settingan Tripay di WordPress, WooCommerce → Tripay Global Configuration.
2. Ganti Mode Integrasi menjadi Production.
3. Pada bagian Merchant Code, API Key dan Private Key ganti sesuai dengan data yang didapatkan dari halaman merchant di dashboard Tripay.
4. Scroll ke bagian atas, klik Save Changes untuk menyimpan perubahan.

Kesimpulan

Dengan mengikuti langkah-langkah di atas, Anda dapat mengaktifkan berbagai metode pembayaran otomatis dari Tripay, seperti transfer bank, e-wallet, hingga QRIS, langsung di halaman checkout WooCommerce.

Demikian tutorial integrasi Tripay di WooCommerce, jika Anda memiliki kendala atau pertanyaan terkait tutorial ini, silakan tuliskan dikolom komentar.