Membuat Form Kontak yang Fleksibel

Baru-baru ini, ada fitur baru dari wordpress.com yang diberi nama custom contact form. Postingan kali ini bisa dibilang lanjutan dari postingan tentang form kontak sebelumnya.

Jika contact form edisi lama dibuat dengan cara mengetikkan kode [ contact-form ] (hilangkan tanda spasi yang ada di kode tersebut) di kotak posting artikel/halaman pada modus html; maka contact form yang bisa dicustom ini lain lagi cara membuatnya.

Berikut adalah tahapannya.

1. Login ke wordpress.com

2. Klik menu Post-Add New (buat tulisan baru).

3. Klik tombol untuk membuat custom contact form. Tombol tersebut dapat dilihat pada gambar berikut (yang diberi kotak warna biru muda).

4. Berikut adalah tampilan menunya. Kita bisa menambah field dengan cara klik add a new field

5. Jika tombol add a new field di klik, tampilannya akan seperti ini. Field baru ini bisa diatur namanya, tipenya dan juga isiannya required atau tidak.

6. Jika required dicontreng, apabila pengunjung yang akan mengontak pemilik blog tidak mengisi field tersebut, pesannya tidak akan diproses.

7. Jenis field yang bisa dipilih meliputi checkbox, dropdown, email, name, radio, text, textarea, dan website.

8. Sebagai tambahan, pesan yang diisi oleh pengunjung blog bisa dikirimkan ke alamat email tertentu (tidak harus email yang digunakan untuk akun wordpress.com). Subjek pesan juga bisa disetting. Hal ini berguna untuk memfilter pesan tersebut agar masuk folder tertentu (yahoomail) atau label tertenu (gmail) di akun email penerima.

Jika sudah selesai, jangan lupa disave (baik menu custom contact form-nya maupun postingannya).

Download tulisan

Membuat Form Kontak yang Fleksibel.pdf

Membuat Form Kontak yang Fleksibel.ps

Semoga bermanfaat. Salam ngeblog dari Petamburan!

Update:
link download file tutorial (pdf dan ps) sudah OK. Sebelumnya terjadi error karena ada perubahan domain dimana file tersebut disimpan.

Leave a comment

No comments yet.

Comments RSS TrackBack Identifier URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

  • Enter your email address to follow this blog and receive notifications of new posts by email.

    Join 1 other follower

  • toptop