Studi Kasus : Membuat form pendaftaran dengan plugin CForms.

Kebutuhan : CMS WordPress, already installed. CForms Plugin, download disini.

Content Management System sejatinya membuat kita dapat mendevelop website / blog dengan lebih personalize, namun tetap semudah membuat blog. Kekurangan dari sebuah CMS, kita belum tentu dapat mengoprek seluruh code-nya… jadi… CMS tidak akan memberikan apa yang kita mau seperti ketika kita mendevelop website from the scratch (alias coding dari nol…).

Disinilah plugin berperan. Kita masih dapat membuat website CMS kita dengan lebih personalize menggunakan plugin. CForms merupakan salah satu plugin wordpress yang membantu kita dalam membuat form, sebagai contoh membuat form kontak, form pendaftaran, dll.

Here we go..

Step 1 : Instalasi CForms

  1. Masuk ke dashboard halaman wp-admin wordpress, pilih menu Plugins.
  2. Klik add new.
  3. Pada menu install plugin, pilih tab upload.
  4. Browse file zip cform plugin yang telah di download.
  5. Lalu pilih install now.
  6. Maka akan ditampilkan konfirmasi sukses instal seperti gambar dibawah.

    Install cforms success

  7. Klik activate plugin.
  8. Setelah plugin aktif, akan muncul menu baru dalam dashboard halaman wordpress seperti gambar dibawah.

    cformsII menu

Step 2 : Membuat Form

  1. Masuk ke dashboard, menu cformsII, pilih Form Settings.
  2. Pada kolom Form Name, buat form baru dengan nama formdaftar, seperti pada gambar dibawah.

    form name

  3. Pada sample form, sudah terdapat field-field default seperti pada gambar dibawah. Anda bisa menambahkan sendiri field dengan mengklik tombol add dibawah deskripsi field-field (lingkaran merah ke 1 pada gambar), kemudian mengatur sendiri tipe – tipe field yang diinginkan. Untuk me-remove field, klik pada tombol remove (lingkaran merah ke 2 pada gambar).
  4. Untuk mengedit field, klik tombol edit seperti dibawah (lingkaran merah ke 3 pada gambar).

    Fields Setting

  5. Untuk validasi field, atur pada bagian samping kanan field. Misal, apabila field email, maka beri centang pada setting-an validasi email. Lihat gambar dibawah.

    Field Validation

  6. Update settings (tombol bagian kanan).

Step 3 : Setting Admin Email.

Pada cform, isian form akan dikirimkan via email. Admin email adalah alamat email yang akan menerima isian dari form hasil submit pengguna.

  1. Masuk ke menu Form Settings – Admin Email Message Option
  2. Pada kasus ini kita akan membuat isian form dikirimkan ke email saya, dan email juga berasal dari saya (menggunakan satu email untuk mengirim dan menerima). Atur seperti gambar dibawah, sesuaikan dengan akun email anda.

    Admin Email Setting

  3. Update Settings.

Step 4 : Setting Mail Server

  1. Masuk ke menu Global Settings – Mail Server Settings
  2. Isikan seperti gambar dibawah (sesuaikan dengan akun email anda – untuk setting server, anda bisa meng-google nya. Berikut adalah contoh setting jika anda menggunakan account Yahoo untuk admin email)

    Mail Server Setting

  3. Update Settings.

Step 5 : Memasang Form

  1. Masuk ke Post atau Page dimana anda ingin memasang form daftar.
  2. Maka akan muncul tombol baru cform didereten pengaturan penulisan post seperti pada gambar.

    cforms button

  3. Klik pada tombol tersebut, dan pilih form yang ingin di-insert-kan pada post/page tersebut.

    Insert Form to Post

  4. Klik Publish.

Step 6 : Testing Form

  1. View Post/Page yang berisi formdaftar.
  2. Maka anda akan melihat form anda sudah terbentuk seperti gambar dibawah :)

    Form Daftar :)

  3. Isi form tersebut, kemudian submit.
  4. Setelah muncul konfirmasi sukses, cek email anda :D

    Submission form di Email

p.s. Jika anda tidak menemukan email dari form tersebut, jangan khawatir. Coba cek folder spam. Mungkin nyasar disana :D

Happy WordPress-ing ! :)

Hal yang juga menarik:

Hak Cipta

Semua skrip dan teknik dalam artikel di itx.web.id boleh digunakan sebagaimana kehendakmu tanpa perlu mencantumkan sumber. Kamu tidak boleh mengkopi seluruh artikel, dalam Bahasa Indonesia ataupun diterjemahkan ke dalam bahasa lain.

Pencarian ke sini:


Related Articles:

Artikel terkait:

About the author

obviously, a girl. with sweet smile, off course. turning her 21 years trapped on Informatics departement and just started to having some crush with it lately. she uses wordpress. she loves php. she lo

12 Comments

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

x( X-( B-) ;-) :wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :D :?: :-| :-x :-o :-P :-D :-? :-)) :-) :-( :-& :) :( :!: 8-O 8-) 8) (Русский) (yahoo) (worship) (woot) (wave) (unsure) (tongue) (thinking) (tears) (taser) (smileydance) (sleeping) (sick) (scenic) (rofl) (rock) (party) (panic) (okok) (nottalking) (ninja) (music) (muscle) (muhaha) (money) (mmm) (lonely) (lol) (lmao) (idiot) (hungry) (highfive) (heart_beat) (heart) (headspin) (hassle) (haha) (gym) (griltongue) (goodluck) (girlkiss) (funkydance) (fish_hit) (eyeroll) (evilsmirk) (evil_grin) (drinking) (doh) (devil) (dance) (cry) (cozy) (coffee) (brokenheart) (bringit) (blush) (bigeyes) (beer) (banana_rock) (banana_ninja) (banana_cool) (applause) (annoyed) (angry) (K) (: