HakCipta Irfan Khairi Sdn. Bhd.

Transkripsi

1

2 Panduan ini akan menunjukkan cara untuk menghasilkan borang pembayaran atau borang hubungi. 1. Login ke Dashboard Wp-Admin anda. Contoh : (gantikan ikwebhosting dengan link website anda)

3 2. Klik pada Plugin Add new 3. Taip Contact Form 7 dalam kotak dan tekan Enter di keyboard computer / laptop anda.

4 4. Kemudian anda akan lihat banyak senarai plugin dan apa yang perlu anda buat adalah pilih pada Contact Form 7 dengan klik pada Install Now. 5. Kemudian, klik Activate Plugin.

5 6. Selepas itu, anda akan lihat satu menu baru akan muncul dibahagian kiri iaitu CONTACT. Klik pada CONTACT.

6 7. Selepas itu, anda klik pada Add New 8. Klik sekali lagi pada Add New.

7 9. Di bahagian ini, anda boleh letakkan apa sahaja nama. Ianya hanya sebagai rujukan anda. Sebagai contoh, saya letak sebagai PEMBAYARAN.

8 10. Kemudian, anda scroll ke bawah dan anda akan lihat bahagian FORM seperti ini : Jika anda lihat gambar diatas, hasil form tersebut akan jadi seperti ini :

9 11. Oleh itu, jika anda mahu membuat borang pengesahan pembayaran, anda perlu menambahkan lagi beberapa option seperti alamat, pilihan produk, atau lain-lain lagi. Pertama sekali anda perlu membuat jarak dibahagian untuk anda letakkan ruangan tambahan tersebut. Untuk contoh ini, saya akan membuat penambahan ruangan Pilihan Produk. Saya mahu letakkan ruangan Pilihan Produk tersebut dibahagian sebelum butang Send. Jadi, saya buat ruangan kosong diatas butang send tersebut iaitu seperti diatas. Ianya terpulang pada anda untuk letak dimana-mana bahagian. Samada mahu letak dibahagian bawah Your Name, anda cuma perlu membuat ruangan kosong sahaja seperti yang saya tunjukkan diatas.

10 12. Untuk contoh ini, saya pilih pada Drop-down menu.

11 13. Paparan seperti ini akan muncul. Anda perlu mengisi ruang kosong yang disediakan. Sebagai contoh, untuk menu drop down akan keluar ruangan kosong seperti di atas. Hanya isikan dibahagian option sahaja seperti contoh diatas. Jika sudah selesai, klik pada Insert Tag.

12 14. Satu code khas akan muncul diruangan kosong yang telah anda buat tadi. Kemudian, diatas code tersebut, anda boleh tambah ayat seperti Pilihan Produk atau apa-apa sahaja pilihan anda. Jika anda buat ruangan untuk alamat, maka anda boleh letakkan seperti ini : <p>alamat<br /> Jika anda buat menu untuk Pilihan Produk, maka anda perlu letak seperti ini : <p>pilihan Produk<br /> Jangan lupa untuk letakkan juga </p> di hujung code tadi. Contohnya seperti yang saya tunjukkan dibawah. Anda boleh menambah beberapa lagi jenis ruangan ke dalam form. Ulang sahaja langkah pada no.12 untuk memilih jenis ruangan yang lain.

13 15. Jika anda sudah selesai memasukkan kesemua ruangan tambahan yang anda inginkan, klik pada SAVE. 16. Kemudian, pergi ke bahagian Mail.

14 17. Satu perkara yang paling penting sekali adalah dibahagian TO. Pastikan anda mengisi alamat anda yang aktif. Ini kerana, borang yang telah diisi oleh pelanggan, akan dihantar kedalam yang telah anda isikan diruangan ini. Abaikan sahaja pada ruangan yang lain. Anda hanya perlu usik di dua bahagian sahaja. Iaitu dibahagian TO dan juga Message Body. Disini, anda perlu copy code [menu-85] ke bahagian dalam Message Body. *code tersebut mungkin berlainan mengikut jenis menu yang anda pilih sebelum ini. Sila abaikan 4 code pertama yang tertera iaitu [your-name] [your- ] [yoursubject] dan [your-message] Jika sebelum ini anda ada membuat penambahan sebanyak 3 ruangan, maka akan ada 3 code tambahan yang muncul disitu dan anda perlu copy ketiga-tiga code baru tersebut kedalam ruangan Message Body. Jika semuanya sudah selesai, klik SAVE.

15 18. Setelah anda klik save, page tersebut akan di refresh secara automatik. Kemudian anda akan lihat code baru akan keluar dibawah tajuk form yang telah anda buat tadi. Seperti contoh dibawah: Anda perlu copy code tersebut.

16 19. Kemudian, anda klik pada PAGES dan klik edit pada PAGE yang telah anda hasilkan. Anda boleh letakkan code tadi pada Page Utama, Page Hubungi, atau Page Pembayaran. Terpulang pada anda. Jika anda belum mempunyai page hubungi atau page pembayaran, anda boleh hasilkan dengan klik pada Add New. Jika tidak, anda letakkan sahaja pada Page Utama yang telah anda hasilkan untuk laman web anda.

17 20. Apa yang perlu anda buat seterusnya adalah, paste kan code yang telah anda copy tadi. Anda perlu letakkan code tadi pada ruangan yang anda mahu borang tersebut muncul. Jika anda mahu borang tersebut muncul di bahagian bawah laman web, anda boleh paste kan code tersebut di bahagian bawah sekali di laman web anda. 21. Jika sudah selesai, klik UPDATE

18 22. Anda boleh masuk ke website dan lihat hasilnya. Gambar dibawah ini adalah hasil yang telah saya buat tadi.

19 ** Jika borang anda tidak memerlukan ruangan subject dan message, anda boleh delete bahagian code tersebut. ** Anda boleh edit semula form yang telah anda buat. Caranya adalah dengan pergi ke CONTACT, dan klik edit.

20 TAMAT