Cara Membuat Form Konfirmasi Pembayaran di Zoho.com dan Memasangnya ke Blogger (GRATIS)

Tutorial dan cara membuat halaman form konfirmasi pembayaran di zoho.com dan memasangnya ke blogger lengkap dengan gambar.
Jundi Alfaruqi
Cara Membuat Form Konfirmasi Pembayaran di Zoho.comFormulir konfirmasi pembayaran adalah 'media' yang diperuntukkan kepada buyer agar dapat memberitahukan kepada seller bahwa buyer telah melakukan pembayaran.

Tujuannya, adalah agar mempermudah proses transaksi antara seller dengan buyer...

Biasanya di dalam form ini disediakan beberapa field yang nantinya akan diisi oleh buyer seperti, field nama, alamat email, nomor order, no rekening, rekening bank tujuan, hingga upload file bukti pembayaran.

Untuk membuat form ini kita dapat memanfaatkan zoho.com yang menyediakan layanan untuk membuat formulir secara mudah dan juga gratis.

Berikut ini adalah alasan kenapa menggunakan zoho.com

  1. Gratis
  2. Proses pembuatan form mudah
  3. Fitur lengkap
  4. Disain cantik dan responsive
  5. Support untuk Blogger

Salah satu fitur yang menurut saya paling keren adalah fitur untuk field upload gambar dan push notification.

Dengan adanya push notification, Kita akan mendapatkan pemberitahuan secara real time melalui gadget apabila ada buyer yang mengirim konfirmasi pembayaran.

Berikut ini adalah panduan membuat halaman form konfirmasi pembayaran di blogger secara gratis melalui website zoho.com.

1. Membuat Akun Zoho.com


Untuk membuat akun di zoho, silahkan kunjungi www.zoho.com atau klik disini

.. Silahkan isi email, password dan negara lalu klik 'signup'
Buat akun zoho

2. Konfirmasi Akun


Zoho akan mengirim pesan untuk mengkonfirmasi account melalui email,

… Silahkan buka email untuk mengkonfirmasi account anda.

3. Pilih Form


Pada halaman home,

… Geser kebawah di bagian 'Sales & Marketing' silahkan pilih menu 'Forms'

Pembuatan form

4. Create New Form 


Pada halaman ini silahkan pilih 'Blank Form' dan isikan 'Form Name' nya terserah anda,

… Kemudian klik 'Create'.

Pembuatan form

5. Mulai Membuat Form 


Selanjutnya kita akan membuat form,

Basic Field: Field untuk isi form. Field ini dapat anda pilih sesuai keinginan atau kebutuhan. Cara menggunakan field adalah dengan cara drag and drop ke bagian form layout yang ada di tengah.

Layout (Konfirmasi Pembayaran): Tempat field akan ditampilkan

Properties: Tempat mengatur properti dari field yang sudah masuk ke dalam layout. Anda dapat mengatur field label,  memberi validasi, dll.

Pembuatan form

6. Save Form 


Jika sudah selesai membuat form layout, jangan lupa di save dengan cara klik tombol save.

7. Mengatur Notifikasi


Agar field yang telah diisi buyer dapat terkirim secara otomatis ke email kita, maka kita harus mengatur konfigurasi email,

… caranya klik tombol gambar surat yang ada dibagian sebelah kanan

Mengatur notifikasi

8. Konfigurasi Email 


Pada menu 'Email & Notification klik Configure',

… Kemudian isi:

  1. To: adalah alamat email akun zoho anda. Jika ingin menambahkan alamat email lain, maka anda harus membayar.
  2. Subject: Subject yang akan tampil saat email masuk.
  3. Message: Kosongkan saja
  4. Ceklist: Include form submission in the body of the email

Konfigurasi email

Jangan lupa klik 'Save'

9. Generate Code 


Kembali ke halaman sebelumnya, lalu klik 'Embed Form' untuk mendapatkan kode untuk dipasang ke blogger.

Embed code
Copy kode.

10. Pasang ke Blogger 


Masuk ke blogger, kemudian pilih 'halaman' dan pilih buat 'halaman baru'.

Pasang kode ke blogger

11. Publish


Silahkan isi 'judul' halaman terlebih dahulu. Masuk ke mode post HTML lalu paste code yang sudah di generate tadi.

Publish halaman form konfirmasi pembayaran

Langkah terakhir adalah klik 'Publikasikan'.

Sekarang anda sudah berhasil membuat halaman form konfirmasi pembayaran. Anda dapat mengambil link url halaman tersebut dan meletakkannya di menu pada blog.

Lihat: Demo

Untuk notifikasi, pastikan aplikasi Gmail ada di gadget anda dan telah login menggunakan email yang telah di daftarkan ke zoho tadi.

Dengan menggunakan form pembayaran ini, ada beberapa keuntungan yang akan kita dapatkan salah satunya adalah meningkatkan profesionalitas blog olshop yang kita miliki dan memudahkan proses transaksi.
Komentar
Untuk menambahkan gambar:
[image] image_url [/image]

Untuk menambahkan blok kode:
[code] your_code [/code]

Untuk menambahkan kutipan:
[quote] your_quote [/quote]

Untuk menambahkan tautan:
[link] your_link_text | link_url [/link]
Pemosting Komentar
tks minnn