How to make contact form with wordpress plugin

wordpress tutorial, tips blogging dan bisnis onlineCara membuat contact form pada website memang sangat banyak sekali modelnya, mulai dari plugin atau contact me form gratis yang pernah saya bahas sebelumnya.

Tutorial wordpress plugin contact form ini akan saya bahas dengan membagi beberapa artikel, supaya tidak terlalu panjang dan mudah dipahami.

Diantaranya nanti saya akan bahas dari bagaimana cara install plugin Fast and Secure Contact form, bagaiman cara settingnya, bagaimana cara custom contact form dengan thanks page, bagaimana cara menambahkan kolom contact form dan bagaimana cara menyembuyikan thanks page di menu  header ataupun sidebar.

Baik teman-teman kita mulai saja….

Teman-teman juga bisa menggunakan link jump down dibawah ini:

[faq summary si contact form1]
[faq summary si contact form2]
[faq summary si contact form3]

[faq list si contact form1]

  • Mudah installnya
  • Tidak perlu paham HTML code ataupun javascript
  • dilengkapi dengan captcha code

[faq list si contact form2]

  • Download >>plugin fast and secure contact form<<
  • Save dan extract zip folder
  • Upload pada web directory
    (public_html=>wp-content-plugin)
    atau anda juga bisa install otomatis pada menu add new plugins di wordpress anda.
  • Aktifkan Plugin
    Plugins=>Installed=>Activated
  • Lanjutkan dengan setting

[faq list si contact form3]

  • Klik pada menu
    Plugins=> SI Contact Form Options

option contact form

Seperti terlihat pada gambar:

1. ada 4 form yang bisa anda buat berbeda beda. Pada tutorial ini anggap saja kita membuat Form 1

2. “Welcome Introduction” Anda bisa isi apa saja, misal “Anda bisa menghubungi saya melalui form dibawah ini”” atau anda kosongkan juga tidak masalah.

3. Email anda, dimana nanti informasi yang masuk pada form akan terkirim pada email anda jadi pastikan alamat email anda benar.

option 2

1. Email subject: adalah judul email yang akan masuk pada email anda sesuai dengan form yang anda buat Misal ” Tukar Link”

2. Enable : Maksudnya adalah menampilakan dari pilihan tersebut.

3. Enable Captcha: direkomendasikan centang pada bagian ini

4. Enable Redirect : Jika anda tidak membuat Thanks page maka setelah form di submit maka terhubung langsung dengan main page / home page.

5. Enable hidden email subject : berfungsi untuk menghilangkan kolom subject jika dicentang. Pengaturan pada kolom tambahan ada pada menu advanced option

6. Enable Hidden message : berfungsi untuk menghilangkan kolom Mesasage jika dicentang. Pengaturan pada kolom tambahan ada pada menu advanced option.

7. Enable double email : Jika tercentang maka pengisi form wajib mengisikan email sebanyak 2 kali. Jika tidak maka pengisi form hanya mengisikan emailnya 1 kali saja.

8. Enable alphabet : mengatur alphabetic form, jika anda tidak memerlukan kosongkan saja.

9. Seperti keterangan yang terlihat pada gambar 9. anda tidak perlu centang semuanya.

10. Advanced Option : disinilah tempat dimana anda bisa mengatur lebih lanjut pada kolom tambahan yang akan saya bahas pada bab selanjutnya.

Setelah selesai pada setting sederhana ini jangan lupa klik Update Option agar tersimpan setting Form 1 yang anda buat.

Setting Form 1 yang sudah anda simpan lanjutkan dengan langkah berikut:

1. Buat Page atau halam baru pada web atau blog anda

Page=>add New

2. Buatlah judul Misal “Contact Me atau Contact Us”

3. Masukan kodenya pada page atau halaman yang anda buat.
Karena kita sedang membuat “form 1” maka kodenya adalah

[si-+contact-form form=’NOMOR FORM’]

pada NOMOR FORM isikan angka 1, hilangkan tanda “+”
sengaja saya buat demikian supaya tidak terhubung dengan form yang sudah saya buat.

4. dan Publish

Selesai sudah setting sederhana contact form anda, tunggu pembahasan selanjutnya.

  • cara custom dengan thanks page,
  • bagaimana cara menambahkan kolom contact form dan
  • bagaimana cara menyembuyikan thanks page di menu  header ataupun sidebar.

Selamat mencoba!