Buat formulir kontak dengan Contact Form 7 untuk situs web Anda

Semua video tutorial

Dalam panduan berikut, kamu akan menerima instruksi rinci untuk membuat formulir kontak menggunakan plugin yang populer Contact Form 7. Kamu akan belajar bagaimana cara menginstal plugin, mengkonfigurasi formulir kontak sederhana yang fungsional, dan menyematkannya di situs web kamu. Mari kita mulai langsung!

Hal-hal terpenting yang perlu diketahui

  • Dengan Contact Form 7, kamu bisa membuat formulir kontak dengan cepat dan mudah.
  • Field yang dapat disesuaikan memungkinkan kamu untuk meminta informasi spesifik dari pengguna.
  • Formulir yang dibuat dapat dengan mudah disematkan ke dalam halaman atau pos menggunakan shortcode.

Langkah 1: Membuat formulir kontak

Pertama, kamu perlu pergi ke "WPFs" di area admin WordPress kamu. Di sini, kamu memiliki opsi untuk melihat semua formulir yang sudah ada atau untuk membuat formulir baru. Pilih “Tambahkan formulir baru” untuk membuat formulir kontak baru.

Buat formulir kontak dengan Contact Form 7 untuk situs web Anda

Kamu akan masuk ke layar konfigurasi, di mana kamu dapat menyesuaikan formulirmu. Pilih template untuk formulir kontak. Biasanya, sebuah formulir kontak sederhana sudah cukup, tetapi kamu juga bisa membuat formulir untuk pendaftaran newsletter jika diperlukan.

Membuat formulir kontak dengan Contact Form 7 untuk situs web Anda

Langkah 2: Menyesuaikan field

Sekarang saatnya untuk mendesain formulir sesuai keinginanmu. Kamu bisa memutuskan field mana yang benar-benar kamu perlukan. Dalam hal ini, kita menambahkan field untuk nama, alamat email, dan pesan. Untuk memberikan kesan yang lebih informal, pilih layout yang sesuai dengan menetapkannya dalam lebar penuh.

Membuat formulir kontak dengan Contact Form 7 untuk situs web Anda

Jika kamu ingin meminta lebih banyak informasi dari pengguna kamu, kamu juga bisa menambahkan kotak centang. Misalnya, kamu harus mengintegrasikan kotak centang untuk ketentuan privasi dan secara jelas menyatakan bahwa pengguna telah membaca dan menerima hal tersebut.

Buat formulir kontak dengan Contact Form 7 untuk situs web Anda

Ingatlah untuk menandai kotak centang sebagai field yang wajib diisi, sehingga pengguna tidak dapat mengabaikannya. Dengan cara ini, kamu memastikan bahwa semua informasi yang diperlukan dimasukkan sebelum formulir dikirimkan.

Buat formulir kontak dengan Contact Form 7 untuk situs web Anda

Langkah 3: Menyimpan formulir

Setelah kamu mengkonfigurasi semua field yang diperlukan, kamu harus menyimpan formulir tersebut. Juga periksa notifikasi yang akan dikirim ke administrator situs ketika seseorang mendaftar melalui formulir kontak.

Membuat formulir kontak dengan Contact Form 7 untuk situs web Anda

Di sini kamu dapat menentukan nama pengirim serta alamat balasan untuk pesan yang masuk. Pastikan semua field ditampilkan dengan benar saat kamu menyimpan notifikasi.

Langkah 4: Mengatur pesan konfirmasi

Pesan konfirmasi yang ditampilkan setelah pengiriman formulir juga sangat penting. Kamu dapat memasukkan pesan yang dipersonalisasi yang akan muncul kepada pengguna setelah mereka mengirimkan kontak mereka.

Buat formulir kontak dengan Contact Form 7 untuk situs web Anda

Langkah 5: Menyematkan formulir kontak ke halaman

Sekarang, setelah formulir dibuat dan dikonfigurasi, kamu perlu menyematkannya ke dalam salah satu halaman web kamu. Buat halaman baru di WordPress dan pilih editor Elementor.

Buat formulir kontak dengan Contact Form 7 untuk situs web Anda

Cari elemen WP dan sematkan formulir kontak menggunakan shortcode. Sekarang kamu seharusnya bisa menampilkan formulir kontakmu di halaman tersebut.

Buat formulir kontak dengan Contact Form 7 untuk situs web Anda

Langkah 6: Menguji formulir kontak

Penting untuk menguji formulir sekarang untuk memastikan semuanya berfungsi. Isi field dengan informasi dan klik "Kirim". Perhatikan bahwa pesan konfirmasi ditampilkan dengan benar, dan periksa apakah email dikirim ke alamat yang ditentukan.

Membuat formulir kontak dengan Contact Form 7 untuk situs web Anda

Ringkasan - Membuat formulir kontak dengan Contact Form 7

Dengan panduan ini, kamu telah belajar bagaimana cara membuat formulir kontak dengan plugin Contact Form 7. Dari konfigurasi field hingga menyematkan formulir di situs web kamu – semua langkah telah dijelaskan secara rinci.

FAQ

Bagaimana cara menginstal plugin Contact Form 7?Kamu dapat mencari dan menginstal plugin langsung melalui dasbor WordPress di bawah "Plugin" > "Instal."

Bisakah saya menyesuaikan desain formulir?Ya, kamu bisa menyesuaikan desain formulir kontak dengan mengatur lebar, warna, dan field sesuai keinginanmu.

Bagaimana saya menerima pesan dari formulir kontak?Pesan akan dikirim ke alamat email yang ditentukan dalam pengaturan notifikasi.