Cara Membuat dan Mendesain Kolom Contact Form 7 di WordPress

Cara Membuat dan Mendesain Kolom Contact Form 7 di WordPress

Kali ini saya ingin membahas bagaimana caranya membuat kolom contact form 7 di wordpress. Tentu bagi anda yang sering menggunakan contact form 7 sangat familiar cara menggunakannya. Namun bagi yang belum tahu caranya anda bisa cek tutorial nya dibawah ini

Cara Membuat Contact Form

Form merupakan bagian dari website yang fungsinya sebagai alat interaksi, inputan mapun masukan dari pengunjung website anda.

Secara default tampilan contact form terdiri dari beberapa form yanng secara desain tidak menarik, karena inputan form memenuhi tampilan konten dari web kita. Tidak masalah jika field dari form tersebut sedikit misal tidak lebih dari 5 field, namun jika kebutuhan anda banyak maka pastinya akan memenuhi area konten website sampai kebawah.

Bagi anda yang mengerti CSS dan HTML tentu mengerti cara mendesain form untuk membagi beberapa kolom, namun bagi orang yang awam tentu menjadi masalah. Itulah kelebihan wordpress yang memiliki banyak plugin yang memanjakan penggunanya. Yuk langsung kita ikuti tutorial dibawah ini

  1. Install plugin Contact Form 7 dan install dan install juga CF7 Smart Grid Design Extension
  2. Secara Default setelah install Smart Grid maka tampilan saat membuat form baru seperti digambar. Nah anda tinggal menyesuaikan kebutuhan masing-masing form maupun field nya

  1. Setelah siap maka copy shortcode dan letakkan di deskripsi Page atau halaman anda

Semudah itu tutorialnya? Iya memang semudah itu, tp ada beberapa trik yang tidak bisa saya jabarkan di artikel ini, maka lebih baik anda tonton video saya dibawah dan jangan lupa di subscribe ya. Karena tutorial ini bersambung untuk membahas lebih dalam  tentang contact form ini

Leave a comment