wpcamp.web.id

Tutorial WordPress untuk audiens Indonesia, plugin pilihan, troubleshooting umum

Cara Membuat Halaman Kontak WordPress dengan Formulir

by Dewi Larasati
Cara Membuat Halaman Kontak WordPress dengan Formulir

Halaman kontak adalah bagian penting dari website bisnis kamu. Tanpa halaman kontak yang jelas, calon pelanggan kesulitan menghubungi kamu, dan peluang bisnis hilang begitu saja.

Masalahnya, banyak pemilik website baru tidak tahu cara membuat halaman kontak WordPress dengan formulir yang benar-benar berfungsi. Mereka takut harus belajar coding atau khawatir email tidak sampai.

Di artikel ini, kamu akan belajar cara membuat halaman kontak WordPress dengan formulir yang siap digunakan dalam waktu kurang dari 15 menit. Tidak perlu coding, hanya klik-klik sederhana.

Apa yang Akan Kamu Capai

Setelah mengikuti panduan ini, kamu akan memiliki:

  • Halaman kontak yang terlihat profesional
  • Formulir yang dapat menerima pesan dari pengunjung
  • Email notifikasi otomatis ke inbox kamu
  • Halaman terima kasih untuk pengunjung setelah mereka mengirim pesan

Langkah 1: Pasang Plugin Contact Form 7

Plugin adalah seperti aplikasi tambahan untuk WordPress. Contact Form 7 adalah plugin paling populer untuk membuat formulir kontak (gratis dan terpercaya).

Cara memasang plugin:

  1. Masuk ke dashboard WordPress kamu (halaman admin).
  2. Di menu sebelah kiri, klik Plugins → Add New.
  3. Di kotak pencarian, ketik "Contact Form 7".
  4. Tunggu hasilnya muncul. Cari yang logo-nya warna biru dengan tulisan "Contact Form 7" dari Takashi Endo.
  5. Klik tombol Install Now (warna biru).
  6. Setelah selesai, tombolnya berubah menjadi Activate. Klik tombol itu.

Sekarang plugin Contact Form 7 sudah aktif di website kamu. Kamu akan melihat menu baru di sebelah kiri dashboard bernama Contact.

Langkah 2: Buat Formulir Kontak Baru

  1. Di dashboard, klik Contact → Contact Forms.
  2. Klik tombol Create atau Add New (warna biru) di bagian atas.
  3. Beri nama formulir kamu, misalnya "Formulir Kontak Utama".
  4. Di bawahnya, kamu akan melihat template siap pakai. Pilih template Contact form (yang paling sederhana).
  5. Klik Create.

Sekarang kamu melihat editor formulir. Jangan khawatir dengan kode yang terlihat aneh — kamu tidak perlu mengubah apa pun untuk saat ini. Formulir default sudah cukup baik dengan field:

  • Nama (Name)
  • Email
  • Subjek (Subject)
  • Pesan (Message)

Langkah 3: Atur Email Penerima

Ini penting: kamu harus memberi tahu plugin kemana email dari pengunjung harus dikirim.

  1. Di halaman editor formulir, cari tab Mail (biasanya di sebelah tab "Form").
  2. Di bagian To, kamu akan melihat email yang sudah terisi otomatis (biasanya email admin WordPress kamu).
  3. Periksa email itu benar. Ini adalah alamat email yang akan menerima pesan dari pengunjung.
  4. Di bagian Subject, tulis topik email, misalnya "Pesan Baru dari Halaman Kontak".
  5. Bagian Message Body sudah berisi template otomatis — biarkan saja.
  6. Klik Save (tombol biru di bawah).

Tip: Jika kamu punya email bisnis (misalnya info@tokomu.com), gunakan email itu di bagian "To" supaya lebih profesional.

Langkah 4: Buat Halaman Kontak Baru

Sekarang kamu perlu membuat halaman baru di website untuk menempatkan formulir itu.

  1. Di dashboard, klik Pages → Add New.
  2. Beri judul halaman: "Kontak" atau "Hubungi Kami".
  3. Di area penulisan, klik tombol + atau Add Block untuk menambahkan konten.
  4. Cari block bernama Contact Form 7 (atau search "Contact").
  5. Klik block itu.
  6. Pilih formulir yang baru kamu buat ("Formulir Kontak Utama").
  7. Formulir akan muncul di preview halaman — itu artinya sudah benar.
  8. Klik Publish (tombol biru di sebelah kanan atas).

Sekarang halaman kontak kamu sudah hidup! Kamu bisa lihat URL-nya di bagian atas browser. Catat URL itu — ini yang akan kamu bagikan ke pelanggan.

Langkah 5: Uji Formulir Kamu

Jangan langsung percaya. Uji formulir supaya memastikan email benar-benar sampai.

  1. Buka halaman kontak kamu (bisa buka di tab baru atau lihat preview).
  2. Isi formulir dengan data dummy:
    • Nama: "Test"
    • Email: email pribadi kamu (yang aktif)
    • Subjek: "Test"
    • Pesan: "Ini pesan test"
  3. Klik Send atau Kirim.
  4. Kamu akan melihat pesan "Thank you for your message" atau "Terima kasih atas pesan Anda".
  5. Buka email kamu (yang kamu masukkan di Step 3) dan cek apakah email masuk.

Jika email tidak masuk dalam 5 menit:

  • Cek folder Spam atau Junk.
  • Pastikan alamat email di setting Mail sudah benar (buka lagi Contact Form 7 → Contact Forms → Edit formulir → Mail tab).
  • Hubungi support hosting kamu — mungkin ada masalah dengan email server.

Langkah 6: Tambahkan Pesan Terima Kasih (Opsional tapi Bagus)

Kamu bisa menampilkan halaman terima kasih khusus setelah pengunjung mengirim pesan. Ini membuat pengalaman lebih profesional.

  1. Di dashboard, buat halaman baru: Pages → Add New.
  2. Beri judul: "Terima Kasih".
  3. Tulis pesan ramah, misalnya: "Terima kasih sudah menghubungi kami. Kami akan membalas pesan kamu dalam waktu 24 jam. Sampai jumpa!"
  4. Publish halaman itu.
  5. Salin URL halaman (misalnya: www.tokomu.com/terima-kasih).
  6. Kembali ke Contact → Contact Forms → Edit formulir kamu.
  7. Klik tab Additional Settings.
  8. Di bagian Success message, paste URL halaman terima kasih kamu.
  9. Save.

Sekarang, setelah pengunjung klik Send, mereka akan diarahkan ke halaman terima kasih.

Tips Penting Sebelum Meluncurkan

Tempat Formulir yang Baik: Jangan hanya letakkan formulir sendirian. Tambahkan informasi kontak lain di halaman yang sama:

  • Nomor WhatsApp atau telepon
  • Alamat fisik (jika ada)
  • Jam operasional

Ini membuat pelanggan punya pilihan cara menghubungi kamu.

Keamanan: Contact Form 7 sudah dilengkapi perlindungan spam dasar. Jika kemudian kamu dapat banyak spam, install plugin Akismet (gratis untuk blog personal) atau WP-SpamShield. Selain itu, mengaktifkan verifikasi dua langkah pada akun email dan dashboard WordPress kamu juga sangat dianjurkan untuk menjaga keamanan secara menyeluruh.

Mobile-Friendly: Formulir Contact Form 7 sudah responsif (tampil bagus di HP). Tapi cek sendiri dengan buka halaman kontak dari smartphone kamu.

Langkah Berikutnya

Setelah halaman kontak jalan lancar, kamu bisa:

  1. Tambahkan link ke halaman kontak di menu navigasi utama website kamu.
  2. Promosikan halaman kontak di halaman "Tentang Kami" atau di footer website.
  3. Monitor email masuk dan buat SOP** (standar operasional) untuk membalas dalam waktu maksimal 24 jam — ini penting untuk kepuasan pelanggan.

Halaman kontak yang responsif adalah investasi kecil dengan hasil besar. Pelanggan potensial yang bisa menghubungi kamu dengan mudah adalah pelanggan yang lebih mungkin membeli dari kamu.

Berhasil membuat halaman kontak? Bagus! Sekarang fokus pada konten halaman lain supaya pengunjung punya alasan untuk menghubungi kamu. Sampai jumpa di artikel WordPress berikutnya!