Dalam era digital ini, memiliki formulir kontak yang responsif dan berfungsi dengan baik di situs Anda sangat penting. Contact Form 7 adalah salah satu plugin populer yang digunakan oleh pengguna WordPress untuk tujuan ini.

Artikel ini akan memandu Anda melalui langkah demi langkah untuk mengatur plugin ini dengan benar, dengan memanfaatkan beberapa template message body yang telah kami sediakan.

Memahami Dasar Konfigurasi Form

Pembukaan

Halaman ini merupakan panduan untuk melakukan setup Contact 7 Form menggunakan beberapa panduan di beberapa halaman berikut ini:

Persiapan

Menyiapkan sebuah formulir kontak yang optimal memerlukan perhatian khusus terhadap berbagai detail. Mulai dari data dasar yang diperlukan hingga pemahaman mendalam tentang cara kerja formulir tersebut. Sebelum Anda mendalaminya lebih jauh, mari kita pertimbangkan apa yang Anda butuhkan dan apa yang perlu Anda ketahui:

Data

Sebelum memulai, Anda perlu menyiapkan beberapa data seperti:

Nama Situs.
URL Situs.
Alamat Email customer service masing- masing penyedia layanan.
Alamat Email Supervisor atau Departement Audit Internal.
URL Halaman Tank You

Hal yang perlu dimengerti

Penting untuk mengerti beberapa aspek sebelum memulai, seperti:

Semua form dibuat di dalam satu situs.
Nama layanan biasanya menggunakan extensi belakang (untuk SEO). Namun, nama layanan yang benar adalah di bagian depan saja setelah tanda “|”.
Form Elemen dengan tanda * (bintang) wajib di isi.
Section file attachment di gunakan pada konfigurasi pada kolom lain nya.
Autoresponder dengan keterangan “Tidak perlu di aktifkan !!!” berarti tidak perlu di konfigurasi.
Ubah text berwarna merah sesuai nilai konfigurasi nya.
Copas terlebih dahulu Text di postingan baru. Kemudian ganti nilai nya, lalu dapatkan kode text nya untuk dimasukan di dalam konfigurasi Contact Form 7.

Prosedur

Dalam pengembangan sebuah website, memastikan setiap elemen berfungsi dengan baik adalah kunci untuk memberikan pengalaman yang memuaskan kepada pengguna. Salah satu elemen krusial di situs Anda adalah formulir kontak.

Formulir kontak yang baik tidak hanya memungkinkan pengguna untuk berkomunikasi dengan Anda, tetapi juga mencerminkan profesionalisme dan perhatian Anda terhadap detail. Untuk memastikan formulir kontak Anda disetup dengan benar dan efisien, ikuti prosedur berikut dengan seksama:

Cek Contact Form. Bila sudah ada, tidak perlu membuat baru. Bila tidak ada, buatlah baru.
Masukan Form Element.
Masukan Judul pada Notification. Ubah nama layanan nya.
Konfigurasi notifikasi lebih lanjut, lihat di bagian “Konfigurasi Notifikasi”.
Buat post baru. Masukan judul pesan. Ubah text nya. Ubah warna nya. Dapatkan kode HTML nya. Copas di kolom “Messages Body”. Jangan lupa centang “Use HTML content type”.
Masukan shortcode “File Attachment” bila ada.
Bila membutuhkan konfigurasi Autoresponder, centang “Mail 2”. Konfigurasi notifikasi lebih lanjut mengenai Autoresponder, lihat di bagian “Konfigurasi Autoresponder”.
Masukan Messages Body, dll, sesuai dengan cara sebelum nya.

Dengan mengikuti prosedur di atas, Anda akan memiliki formulir kontak yang berfungsi dengan optimal dan siap menerima masukan atau pertanyaan dari pengunjung situs Anda.

Konfigurasi

Dalam memastikan keberhasilan komunikasi melalui formulir kontak pada website Anda, konfigurasi pengaturan email notifikasi dan autoresponder sangat penting. Ketika pengguna mengirim pesan melalui formulir kontak, Anda tentunya ingin memastikan bahwa pesan tersebut sampai kepada pihak yang tepat.

Sementara itu, pengguna juga berhak mendapatkan pemberitahuan bahwa pesannya telah berhasil dikirim. Berikut adalah panduan rinci tentang bagaimana Anda harus mengatur notifikasi dan autoresponder dalam formulir kontak Anda:

Mail 1 (Notifikasi)

To: cs@namadomain.com
From: Nama Situs <noreply@namadomain.com>
Subject: Tergantung template.
Additional headers: Reply-To: [your-email] (atau tergantung konfigurasi).
Message body: Konfigurasi mengikuti panduan sebelum nya.
File attachments: Konfigurasi mengikuti panduan sebelum nya.

Mail 2 (Autoresponder)

To: [your-email]
From: Nama Situs <noreply@namadomain.com>
Subject: Tergantung template.
Additional headers: Reply-To: noreply@namadomain.com
Message body: Konfigurasi mengikuti panduan sebelum nya.
File attachments: Konfigurasi mengikuti panduan sebelum nya.

Penutup

Dengan mengikuti panduan ini, Anda seharusnya dapat mengatur Contact Form 7 di situs Anda dengan mudah dan efisien. Ingatlah untuk selalu melakukan pengujian setelah melakukan konfigurasi untuk memastikan bahwa semuanya berfungsi dengan baik.

Dengan formulir yang berfungsi dengan baik, Anda akan dapat berkomunikasi dengan pengunjung situs Anda dengan lebih efektif. Selamat mencoba!