MENU CONTENT

Intro

Tonjoo Payment Confirmation adalah plugin yang berfungsi untuk membuat halaman konfirmasi pembayaran bagi pelanggan yang telah melakukan pembelian di website kita. Pelanggan meng-upload bukti pembayaran di halaman konfirmasi, kemudian pemilik website akan menerima email pemberitahuan bahwa terdapat konsumen yang melakukan konfirmasi pembayaran.

Tonjoo Payment Confirmation adalah ekstensi dari plugin WooCommerce. Jadi plugin Tonjoo Payment Confirmation hanya bisa berjalan di website WordPress yang sudah terinstal plugin WooCommerce.

Dalam panduan ini akan dijelaskan secara rinci mengenai fitur Konfirmasi Pembayaran Tonjoo mulai dari cara memunculkan fitur ini pada website Anda sampai dengan pengaturannya.

Instalasi

Dashboard WordPress

Cara menginstal plugin Tonjoo Payment Confirmation melalui dashboard WordPress.

  1. Masuk ke dashboard lalu arahkan ke Plugin> Add new.
  2. Klik pada tombol “Upload Plugin” di bagian atas.
  3. Klik pada Pilih File dan pilih file “plugin-konfirmasi.zip”, lalu tekan tombol Install Now.
  4. Setelah mengunggah, Anda akan melihat notifikasi “plugin berhasil dipasang”, lalu tekan tombol “Aktifkan Plugin”.

Menggunakan FTP

Untuk menginstal plugin konfirmasi lewat FTP, Anda dapat menggunakan file manager dari cPanel atau software FTP apapun. Beberapa software FTP yang bagus adalah:

  • FileZilla untuk Linux / windows.
  • Cyberduck untuk Mac

Setelah aplikasi FTP berhasil diinstal, ikuti langkah berikut:

  1. Ekstrak file zip yang telah Anda download dari tonjoostudio.com.
  2. Buka folder yang diekstrak dan ekstrak file “plugin-konfirmasi.zip”, setelah ekstrak Anda harus melihat folder “plugin-konfirmasi”.
  3. Hubungkan ke server Anda dengan aplikasi FTP lalu navigasikan ke / wp-content / plugins /.
  4. Upload folder “plugin-konfirmasi” yang sudah diekstrak.
  5. Masuk ke area admin WordPress Anda dan arahkan ke halaman Plugins, lalu klik ‘Activate’ di bawah Tonjoo Payment Confirmation.

Aktivasi Lisensi

Jika sukses aktivasi plugin Tonjoo Payment Confirmation, maka akan ada menu baru di dashboard WordPress Anda. Silakan klik Payment Confirmation dan klik tab ‘License’.

lisensi

Masukkan lisensi ke dalam form Your license code. Untuk mendapatkan nomor lisensi silakan kunjungi halaman manage plugin.

Pengaturan

Membuat Form Konfirmasi

Untuk membuat form konfirmasi pembayaran, Tonjoo Payment Confirmation menggunakan shortcode. Shortcode adalah fungsi khusus yang akan sering kita gunakan pada WordPress kita, sehingga kita tidak perlu mengulang-ulang prosesnya setiap kali kita membutuhkannya. Shortcode ini bisa dipasang di pos atau halaman. Akan tetapi untuk membuat halaman form konfirmasi lebih disarankan dipasang di halaman.

Shortcode yang digunakan dalam Tonjoo Payment Confirmation adalah [payment-confirmation].

Berikut merupakan contoh halaman konfirmasi pembayaran pada sebuah situs web:

0

Menambahkan form Konfirmasi Pembayaran pada website WooCommerce sangat mudah. Berikut adalah langkah demi langkah membuat halaman konfirmasi pembayaran:

1. Login ke area back-end website Anda: namawebsite.com/wp-admin/

2. Silakan menuju menu Woocommerce->settings->payments–>payment confirmation

3. Klik Generate Page

add form konfirmasi

Selanjutnya jika ingin menampilkan halaman konfirmasi pembayaran di menu, ikuti langkah berikut:

1. pada menu ‘Appearance’ klik ‘Menus’.

6

 

2. Pada kolom Pages akan terlihat pilihan ‘Payment Confirmation’ yang telah Anda buat tadi. Centang kolom ‘Payment Confirmation’ tersebut lalu klik ‘Add to Menu’.

7

 

3. Menu ‘Payment Confirmation’ telah muncul di Menu Structure (seperti pada gambar di bawah). Klik ‘Save Menu’ untuk memunculkan menu ini pada halaman front-end website Anda.

8

 

4. Selesai! Menu Konfirmasi Pembayaran telah berhasil ditampilkan pada website Anda.

9

 

Silakan lihat halaman konfirmasi pembayaran Anda, maka kurang lebih tampilannya akan seperti ini:

Form yang bertanda bintang berarti form tersebut wajib diisi.

Order number adalah nomor order yang didapat pelanggan setelah melakukan checkout. Order number ini harus sesuai dengan order number yang ter-generate oleh plugin WooCommerce (tidak bisa asal-asalan). Jika order number tidak sesuai dengan order number si pelanggan, maka form tidak akan terkirim.

Untuk mendapatkan order number bisa dilihat di My Account –> tab recent orders

order number

 

Pengaturan Email

Ketika ada customer yang melakukan konfirmasi pembayaran, Anda akan mendapatkan sebuah email. Namun pertama-tama Anda harus memasukkan dulu secara manual email yang akan Anda gunakan untuk menerima pemberitahuan konfirmasi pembayaran.

Berikut langkah untuk mengatur email yang akan digunakan:

1. Pada menu ‘Payment Confirmation’, klik ‘Settings’.

1

 

2. Klik tab ‘Email’ untuk mengubah email.

Admins to receive notification = Pemilik akun email yang dicantumkan pada kolom ini akan menerima email ketika ada customer yang melakukan konfirmasi pembayaran.

Pada kolom ini, Anda dapat mengisi lebih dari satu email (jarak tiap email dipisahkan menggunakan tanda baca koma).

2

 

3. Pengaturan email selesai. Berikut email yang akan Anda (admin) dapatkan:

3

 

4. Judul serta isi email tersebut dapat Anda ganti sesuai keinginan dan kebutuhan. Berikut cara menggantinya:

4

4-2

5. Jangan lupa klik ‘Save Settings’.

6. Sekarang judul dan isi email sudah terganti.

5

 

Pengaturan Email

Pengaturan email digunakan untuk membuat template email yang terkirim begitu ada konfirmasi pembayaran.

Untuk mengatur email silakan navigasi ke settings –> email. Pemberitahuan email tersedia untuk admin dan customer.

Admin

Form ini adalah tempat membuat template email pemberitahuan ke adminForm akan terkirim ke email admin, yaitu email yang tertera di settings–>general –>Email Address. Pastikan email tersebut terisi dengan email yang akan digunakan untuk menerima konfirmasi pembayaran.

email admin

Contoh email confirmation ke admin:

Anda baru saja mendapat konfirmasi pembayaran dari pelanggan Anda.

Customer

Form ini adalah tempat membuat template email pemberitahuan ke customer. Email pemberitahuan akan masuk ke email customer di halaman my account.

email customer

Contoh email konfirmasi ke customer:

Anda baru saja mengirim konfirmasi pembayaran ke tonjoostudio.com. Tim kami akan memproses pembayaran Anda. Silakan tunggu beberapa menit lagi.

Terima kasih

Pengaturan Bank

Pastikan akun bank di WooCommerce sudah diisi. Pengaturan bank bisa ditemukan di setting woocommerce > checkout > BACS > Account details. Akun bank ini yang akan ditampilkan di form Bank Transfer Destination.

bank destination

 

Pengaturan Template Notifikasi

Tab Notification digunakan untuk mengatur pesan notifikasi sesaat setelah tombol form konfirmasi diklik.

a. Gagal

Error terjadi jika ada kesalahan dalam pengisian form. Jika terjadi error maka pesan failed confirmation akan muncul. Contoh pesan failed confirmation misalnya: Error, terjadi kesalahan dalam pengisian form.

failed notification

Jika pelanggan gagal mengirim form maka akan muncul pesan gagal di atas form konfirmasi.

error confirmation

Pada pesan di atas tertulis keterangan “Order not found”, itu artinya pelanggan salah memasukkan nomor order.

b. Sukses

Jika sukses maka pesan success confirmation yang akan muncul. Contoh pesan sukses misalnya: Sukses, form konfirmasi sukses terkirim.

sukses confirmation

Jika pelanggan sukses mengirim form maka akan muncul pesan sukses di atas form konfirmasi.

sukses terkirim

 

Lantas, bagaimana cara mengganti template email notifikasi seperti di atas?

Template Pemberitahuan Konfirmasi Sukses secara default (bawaan) adalah seperti pada gambar di bawah ini:

0

Namun apabila Anda ingin mengubahnya sesuai kebutuhan dan selera, Anda dapat mengubahnya pada menu ‘Notification’. Berikut langkah-langkahnya:

1. Login ke area back-end website Anda: namawebsite.com/wp-admin/

2. Pada menu ‘Payment Confirmation’, klik ‘Settings’.

2

3. Klik tab ‘Notification’ untuk mengubah template.

3

4. Anda dapat mengubah isi dari konten pemberitahuan Konfirmasi Gagal pada kolom ‘Failed Confirmation’ dan pemberitahuan Konfirmasi Sukses pada kolom ‘Success Confirmation’. Perhatikan contoh di bawah ini:

4

5. Terakhir, klik ‘Save Settings’ untuk menyimpan perubahan yang telah Anda lakukan.

6. Template telah berhasil diganti.

6

Tampilan ini akan muncul ketika customer mengklik tombol ‘Send’ setelah mengisi form dengan benar.

Pengaturan Ukuran File

Secara default (bawaan), ukuran file yang dapat diunggah oleh pelanggan saat melakukan konfirmasi pembayaran adalah 2048 Kb. File yang berukuran lebih besar dari 2048 Kb tidak dapat terunggah. Namun ukuran ini dapat diubah sesuai dengan kebutuhan Anda.

0

1. Pada menu ‘Payment Confirmation’, klik ‘Settings’.

1

 

2. Anda dapat langsung mengedit ukuran file pada kolom ini.

2

 

3. Jangan lupa klik ‘Save Settings’ untuk menyimpan perubahan yang telah Anda lakukan.

3

 

 

Konfirmasi

Customer

Plugin Konfirmasi Pembayaran berfungsi untuk mempermudah customer Anda dalam melakukan konfirmasi bukti pembayaran. Berikut ini adalah langkah-langkah yang dapat Anda arahkan pada customer setelah mereka melakukan pembayaran.

1. Pada halaman website, pilih menu ‘Payment Confirmation’. Apabila pada website Anda belum tersedia menu ini, silakan baca tutorial berikut: Cara Membuat Form Konfirmasi Pembayaran

1

 

2. Isi form Payment Confirmation dengan lengkap dan benar.

Sistem pengecekan Order Number, Tanggal, serta Email ini digunakan agar tidak ada customer jahil yang meng-input data yang tidak diperlukan ke dalam sistem.

2

 

3. Pengisian form Payment Confirmation harus dilakukan dengan benar agar form dapat terkirim. Kolom ‘Order Number’ diisi dengan nomor order yang didapatkan oleh customer ketika ia membeli barang (seperti yang terdapat pada kotak merah di bawah ini). Jika order number tidak sesuai dengan order number si pelanggan, maka form tidak akan terkirim.

3

 

Sedangkan untuk kolom ‘Payment Amount’, isikan dengan jumlah pembayaran (tanpa tanda baca titik). Berikut adalah contoh pengisian form Payment Confirmation yang benar:

4

 

4. Setelah form diisi dengan lengkap dan bukti pembayaran telah diunggah, klik ‘SEND’.

5. Apabila customer telah berhasil melakukan konfirmasi pembayaran, akan muncul notifikasi seperti berikut:

5

6. Selesai! Setelah customer selesai melakukan konfirmasi pembayaran, Anda dapat melihatnya pada area back-end website Anda.

6

 

Semoga membantu :)

 

 

Cara Memeriksa Konfirmasi Pembayaran (Oleh Admin):

Selanjutnya klik confirm payment. Ini akan merubah status order dari “waiting confirmation” menjadi “processing”.

Setelah kita memastikan dana benar-benar masuk ke rekening kita maka ubah status menjadi completed.

processing to completed

Admin

Setelah customer melakukan konfirmasi pembayaran, status order-nya pada back-end area website Anda akan berubah menjadi ‘Waiting Confirmation’. Maksud dari status ‘Waiting Confirmation’ yaitu sistem sedang menunggu pembeli untuk meng-upload bukti pembayarannya.

Berikut ini adalah langkah demi langkah untuk mengkonfirmasi form Payment Confirmation yang telah diupload oleh customer dari sisi admin:

1. Login ke area back-end website Anda: namawebsite.com/wp-admin/

2. Konfirmasi Pembayaran dapat dilihat dari dua menu, yaitu dari Orders dan Payment Confirmation.

2a

2b

 

3. Admin cukup mengecek dari tab Waiting Confirmation seperti pada kotak merah berikut. Pada contoh di bawah, artinya Anda memiliki 1 order yang menunggu untuk dikonfirmasi. Tab ini akan sangat memudahkan Anda dalam memeriksa konfirmasi pembayaran yang masuk.

3

Order yang dapat dikonfirmasi hanya order yang berstatus ‘On hold’.

4. Anda dari sisi admin dapat memverifikasi kevalidan bukti pembayaran dan mengubah status tersebut menjadi ‘Processing’ yang artinya order dari customer tersebut telah Anda proses.

4a

4b

 

5. Klik ‘Update’.

5

6. Status order telah berubah menjadi ‘Processing’.

6

Selesai. Sekarang, order telah diproses dan konfirmasi pembayaran yang dilakukan oleh customer Anda telah berhasil.

Troubleshoot

Jika Anda menemui kesulitan dan tidak bisa ditemukan dalam halaman dokumentasi ini, silakan ajukan pertanyaan Anda lewat forum Tonjoo di https://forum.tonjoostudio.com.