Cara Membuat Formulir Kontak di WordPress.Com

Bagi pengguna WordPress.Com yang belum memiliki halaman kontak, berikut tutorial untuk membuat formulir kontak pada halaman atau postingan Anda. Formulir kontak (contact-form) adalah formulir yang disediakan untuk mengirim pesan secara pribadi kepada pemilik blog. Berbeda dengan komentar, pesan lewat formulir kontak tidak akan ditampilkan pada halaman blog. Ini biasanya untuk memberikan masukan, kritik atau saran yang sifatnya pribadi kepada si pemilik blog atau website.

Pesan yang dikirim melalui formulir kontak akan diterima dalam bentuk email. Dan email ini pun bisa langsung Anda balas via email juga. Formulir kontak pada WordPress.Com bisa disisipkan pada halaman khusus atau pada tulisan/postingan.

Langsung saja kita coba yuk.

1. Silakan login ke admin WordPress.Com Anda. Buat halaman baru atau postingan baru dengan menu Posts > Add New atau Pages > Add New.

2. Klik icon lambang add custom form pada bagian atas area teks isi tulisan (lihat gambar berikut).

form-kontak-01.png

3. Kemudian akan muncul halaman add a custom form. Klik tab Email Notifications terlebih dahulu.

form-kontak-01a.png

  • Pada kolom Enter your email address, isi dengan alamat email yang nantinya Anda pakai untuk menampung pesan dari halaman kontak blog Anda.
  • Kolom What should the subject line be? isi dengan judul pesan yang Anda kehendaki pada setiap email yang masuk dari halaman kontak. Kemudian klik Save and go back to form builder untuk kembali ke tab Form Builder.

4. Pada tab form builder akan muncul tampilan seperti berikut.

form-kontak-02.png

Secara otomatis akan muncul empat field bawaan, yaitu Name, Email, Website dan Comment. WordPress sengaja menyediakan keempat field ini karena umumnya sebuah halaman kontak berisikan keempat field (kolom) ini. Karena kita berbahasa Indonesia, kita bisa ubah masing-masing judul kolom tersebut ke dalam bahasa Indonesia.

5. Rabalah salah satu field, misalnya field nama. Maka otomatis akan muncul dua link: move dan edit. Silakan klik edit.

form-kontak-04.png

  • Pada Label ketik sesuai keinginan Anda, misalnya kata ‘Name’ diubah menjadi ‘Nama’.
  • Field type adalah jenis atau tipe field (kolom) tersebut. Untuk kolom Nama, biarkan saja jenis kolomnya ‘Name’.
  • Kotak cek Required apabila dicentang, itu artinya Anda mewajibkan kolom ini harus diisi oleh si pengirim pesan. Jika tidak wajib, hilangkan saja centangnya. Ingatlah untuk mengklik Save this field untuk menyimpan perubahan identitas kolom tersebut.

6. Andapun bisa mengubah susunan antar field (kolom) pada formulir kontak (jika perlu). Caranya; raba pada salah satu field. Klik, tahan dan geser (drag) link move naik atau turun sesuai keinginan. Jika posisinya sudah pas, silakan lepas (lihat gambar berikut).

form-kontak-03.png

7. Jika ingin menghapus salah satu field, Anda tinggal mengklik tanda minus (-) pada sebelah kanan masing-masing field.

form-kontak-05.png

8. Jika ingin menambahkan field lagi, klik saja kalimat Add a new field pada bagian paling bawah dari field terakhir.

form-kontak-06.png

Anda kemudian diminta mengisi Label dan jenis kolom (field type). Ada 8 jenis field di sana; Checkbox, Drop down, Email, Name, Radio, Text, Textarea dan Website. Jika Anda memilih jenis kolom Drop down atau Radio Button, maka ada prosedur tambahan untuk Anda, yaitu mengisi Pilihan (Options) dari field tersebut.

form-kontak-08.png

Setelah selesai melengkapi field tambahan, ingat klik Save this field untuk menyimpan perubahan.

9. Jika sudah terasa komplit formulir kontak yang Anda buat, klik Add this form to my post atau Add this form to my page. Ini untuk menyisipkan source-code contact form pada tulisan atau halaman yang Anda buat.

Source-code yang tersisipkan kurang lebih akan terlihat seperti ini:

form-kontak-10.png

Dan tampilan formulir kontaknya nanti akan terlihat seperti ini:

form-kontak-11.png

Selamat mencoba ya. Ingat: ini khusus untuk pengguna WordPress.Com :)

© 2012, tut-in-it. All rights reserved. Dilarang menyalin isi halaman ini tanpa ijin penulis.

1 comment to Cara Membuat Formulir Kontak di WordPress.Com

Leave a Reply

  

  

  


*

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>