Cara Membuat Form Konfirmasi Pembayaran di theme eiShop

Dengan menggunakan form konfirmasi pembayaran, pelanggan dapat mengunggah bukti transfer dan mengisi informasi yang diperlukan, sehingga memudahkan admin dalam mencocokkan transaksi dan mempercepat proses verifikasi.

Kapan Harus Menggunakan Form Konfirmasi Pembayaran?

Form konfirmasi pembayaran diperlukan dalam kondisi berikut:

1. Menggunakan Metode Transfer Bank Manual

Jika toko online menerima pembayaran melalui transfer bank, admin perlu memverifikasi setiap pembayaran secara manual.

2. Menggunakan Metode Pembayaran yang Tidak Otomatis Terverifikasi

Beberapa metode pembayaran seperti cash on delivery (COD) atau pembayaran melalui rekening bersama mungkin memerlukan konfirmasi tambahan.

Sebaliknya, jika toko online menggunakan payment gateway seperti Midtrans, Xendit, atau Duitku, maka form konfirmasi pembayaran tidak diperlukan, karena transaksi sudah terverifikasi secara otomatis oleh sistem.

.

Cara Membuat Form Konfirmasi Pembayaran

Pastikan plugin Contact Form 7 sudah terinstall. Biasanya, kalau menggunakan theme eiShop, plugin ini sudah ada.

Namun, jika belum ada, silakan install terlebih dahulu. Masuk ke Dashboard Admin > Plugins > Add New. Cari Contact Form 7 pada kolom pencarian, seperti gambar dibawah ini:

Klik Install Now, lalu Activate.

Sekarang waktunya membuat form di Contact Form 7. Masuk ke Dashboard Admin > Contact > Add New. Isi Title dan ubah kode Form, seperti dibawah ini:

Gunakan kode Form dibawah ini:

<div class="c-input-group">
[text* full-name placeholder "Nama lengkap"]
[email* customer-email placeholder "Email"]
[text* order-number placeholder "No. order"]
[number* tf-amount placeholder "Jumlah transfer"]
[select* bank-name first_as_label "- Pilih Rekening Tujuan -" "BNI" "Bank Mandiri" "BCA" "BRI"]
<span><span>Upload Bukti Transfer:</span><small style="display: block;margin-bottom: 10px;">Format: jpg/png (Ukuran maks. 500 kb)</small></span>[file* your-proof-payment filetypes:jpg|jpeg|png limit:500kb id:your-proof-payment]
[textarea order-notes 5x5 placeholder "Catatan"]
[submit "Konfirmasi Sekarang"]
</div>

.

Konfigurasi Form

Langkah selanjutnya, klik tab Mail, silakan konfigurasi seperti dibawah ini:

To: Masukkan email admin toko online Anda. Email ini akan menerima notifikasi setiap kali pelanggan mengirimkan form konfirmasi pembayaran.

From: Gunakan nama dan email yang sesuai dengan domain website Anda. Contohnya: Eitheme <noreplay@eitheme>.

Subject:

Konfirmasi Pembayaran

Additional headers:

Reply-To: [customer-email]

Message body:

Konfirmasi Pembayaran:

Nama Lengkap: [full-name]
Email: [customer-email]

No. Order: [order-number]
Jumlah Transfer: [tf-amount]

Rekening Tujuan: [bank-name]
Bukti Transfer: [your-proof-payment]

Catatan:
[order-notes]

File attachments:

[your-proof-payment]

.

Notifikasi untuk Pelanggan

Mengirimkan ucapan terima kasih secara otomatis dan memberikan informasi kepada pelanggan bahwa pembayaran mereka sedang dalam proses verifikasi oleh admin.

Dengan begitu, pelanggan akan merasa lebih tenang karena mengetahui bahwa pembayaran mereka telah diterima dan sedang diproses.

Namun, sebelum menggunakan fitur ini, wajib memasang google ReCaptcha untuk melindungi Anda dari spam dan jenis penyalahgunaan otomatis lainnya.

Lihat Cara Memasang Google ReCaptcha. Klik Disini

Setelah berhasil memasang ReCaptcha, dan ingin aktifkan fitur ini, checklist Mail (2).

Langkah selanjutnya, silakan konfigurasi seperti dibawah ini:

To: Gunakan tag [customer-email] agar email dikirim ke pelanggan yang mengisi form.

From: Gunakan nama dan email yang sesuai dengan domain website Anda. Contohnya: Eitheme <noreplay@eitheme>.

Additional headers: Masukkan email admin toko online Anda. Samakan dengan Email yang akan menerima notifikasi setiap kali pelanggan mengirimkan form konfirmasi pembayaran.

Subject:

Konfirmasi Pembayaran

Message body:

Terima kasih [full-name] atas pembayaran yang Anda lakukan. Segera kami proses setelah pembayaran Anda terverifikasi.

Detail Pembayaran:

Nama Lengkap: [full-name]
Email: [customer-email]

No. Order: [order-number]
Jumlah Transfer: [tf-amount]

Rekening Tujuan: [bank-name]
Bukti Transfer: [your-proof-payment]

Catatan:
[order-notes]

File attachments:

[your-proof-payment]

.

Konfigurasi Pesan

Anda dapat mengatur teks yang akan ditampilkan kepada pelanggan setelah mereka mengisi form konfirmasi pembayaran.

Klik tab Messages, untuk mengatur teks sesuai keinginan.

Jika semua sudah sesuai, klik tombol Save.

.

Cara Menampilkan Form ke Halaman Konfirmasi

Silakan buat halaman biasa, tidak perlu menggunakan elementor. Masuk ke Dashboard Admin > Pages > Add New. Contoh: Judul halaman “Konfirmasi Pembayaran“.

Kemudian bagian deskripsi halaman, isi dengan shortcode Contact Form 7 yang sebelumnya sudah dibuat.

Cara mengambil shortcode, masuk ke Dashboard Admin > Contact.

Klik tombol Publish halaman.

Sampai disini untuk membuat “Form Konfirmasi Pembayaran” sudah selesai.

.

Email Tidak Terkirim?

Untuk memastikan admin dan pelanggan menerima email notifikasi dengan lancar, pastikan Anda telah mengatur SMTP di hosting.

Gunakan plugin seperti WP Mail SMTP untuk konfigurasi email yang lebih stabil dan menghindari email masuk ke spam.

Jika SMTP belum dikonfigurasi dengan benar, beberapa tanda yang bisa muncul antara lain:

• Email notifikasi tidak terkirim ke admin atau pelanggan setelah form dikirim.
• Email masuk ke folder spam karena tidak menggunakan autentikasi SMTP.
• Gagal mengirim email dengan pesan error seperti “Could not authenticate” atau “SMTP connect() failed”.
• Tertundanya pengiriman email yang menyebabkan pelanggan tidak segera mendapatkan konfirmasi.

Pastikan admin maupun pelanggan menerima email konfirmasi pembayaran tanpa kendala.