Cara Membuat Form Di WordPress Menggunakan CF7

Apakah Kamu membutuhkan formulir kontak untuk melakukan register, form karir dan lainnya? Banyak plugin contact form yang gratis dan juga berbayar untuk digunakan website WordPress. Plugin CF 7 adalah salah satu plugin untuk membuat contact form dengan mudah dan salah satu plugin yang paling populer untuk membuat form dengan mudah.

Bagaimana cara Kita dalam menggunakan plugin CF 7 dalam pembuatan form untuk wordpress ini?

Cara Menggunakan Contact Form 7

Langkah-langkah untuk melakukan instalasi plugin ini seperti hal biasa yang Kamu lakukan dengan plugin WordPress lainnya, langkahnya berikut:

  • Buka Dasbor Admin (login wordpress)
  • Pilih Plugin – Tambah Baru
  • Temukan Formulir Kontak 7
  • Pasang (install) dan aktifkan (actived)

Cara Membuat Form Di WordPress Menggunakan CF7

  • Install plugin contact form 7 di wordpress

cara install plugin contact form 7 di wordpress

 

  • Mengaktifkan plugin contact form 7

Menggunakan plugin contact form 7

Cara Membuat Contact Form

Setelah melakukan instalasi, Kamu akan melihat item menu yang baru yakni Contact disisi kiri WordPress.

Kemungkinan Kontak From sudah tersedia secara default untuk bisa kamu gunakan. Tepat di sebelah kanan nama Form kontak 1, Kamu pasti melihat kode pendek (short code) seperti ini [contact-form-7 404 "Not Found"].

Menampilkan Form Di Post atau Page

Untuk menampilkan from tersebut didalam postingan artikel atau halaman (page) tertentu, Kamu bisa menggunakan short code tersebut. Langkahnya adalah dengan mengcopy short code tersebut lalu letakan (paste) kedalam post atau page yang menjadi kebutuhan untuk digunakan.

Baca juga yang ini :  Bagaimana Cara Mendapatkan Penghasilan Dari Website

menampilkan form contact ke post

Kontak Form pertama yang sudah ada untuk digunakan, Kamu juga bisa melakukan perubahan atau juga membuat baru isi form dengan melakukan mengeditnya, membuat duplikat, atau membuat yang baru.

  • Klik “Tambah baru”. (add new)
  • Pilih bahasa default. Jika bahasa Inggris, cukup klik tombol biru. Untuk bahasa lain, pilih dari daftar di bawah tombol.
  • Edit nama formulir kontak. Apa pun yang kamu masukkan field di bidang itu akan muncul di dalam website pada post atau halaman kontak. Klik “simpan”.

membuat baru contact form 7

Tab dibagian di atas area teks digunakan untuk memasukan beberapa tag yang diperlukan dalam membuat form. Seperti bila kamu ingin menggunakan pilihan dalam formulir maka bisa juga mempergunakan tag drop down.

Tag Drop Down CF 7

menu drop down (tarik-turun) ke dalam formulir kontak. Di area atas, pilih tombol dan kamu dapat memasukkan informasi yang relevan. Setelah selesai, klik Sisipkan Tag untuk menambahkan elemen ke teks formulir.

drop down contact form 7

  • Field Type – Pilihan bagian ini dianggap perlu untuk mengirimkan formulir kontak atau tidak.
  • Name – Ini menunjukkan nama yang digunakan dalam field tag. Itu tidak akan muncul untuk pengunjung tetapi membantu dalam memudahkan kamu untuk mengingat tujuan tag dan juga mengkonfigurasi email yang dikirim ke akun Anda nanti.
  • Options – Masukkan beberapa item pilihan yang tersedia untuk pengunjung menggunakan menu drop-down. Masukkan satu per-baris. Kamu juga memiliki opsi untuk mengizinkan beberapa pilihan dan menggunakan item kosong sebagai standar.
Baca juga yang ini :  Themeforest Gratis Download Template WordPress Premium

Edit Bagian Pengaturan Email

Selanjutnya dalam cara membuat kontak formulir di wordpress menggunakan CF7, Kamu harus mengkonfigurasi email yang dikirimkan kepada Anda dari formulir kontak. Edit bagian ini di bawah tab Mail berikut.

edit kirim email di kontak form 7

Kamu bisa mengedit atau meribah dibagian yang sudah diisi sebelumnya dengan tag yang sama dengan yang kamu buat seperti formulir kontak sebelumnya.

Ini juga memberi field tag bagian yang tersedia termasuk yang baru dibuat sebelumnya. Kamu dapat menggunakannya untuk menyesuaikan dalam menerima pesan email dari formulir kontak.

Leave a Comment

Your email address will not be published. Required fields are marked *

Optimized with PageSpeed Ninja