Cara Membuat Halaman Kontak dengan Form di Elementor

Membuat Halaman Kontak yang Efektif

Halaman kontak yang baik memudahkan pengunjung untuk menghubungi bisnis kamu. Dengan Elementor, kamu bisa menggabungkan form kontak, peta lokasi, dan informasi kontak dalam satu halaman yang menarik.

Plugin Form yang Kompatibel dengan Elementor

Karena Elementor Free tidak menyertakan form builder, kamu perlu plugin tambahan:

• WPForms Lite (gratis, paling mudah)
• Contact Form 7 (gratis, paling populer)
• Elementor Pro: sudah include Form widget bawaan

Langkah Membuat Halaman Kontak

1. Install dan aktifkan plugin WPForms Lite
2. Buat form baru di WPForms → Add New
3. Buat form dengan field: Nama, Email, Nomor HP, Pesan
4. Simpan form dan catat shortcode-nya (misal: [wpforms id="123"])
5. Buka halaman kontak di editor Elementor
6. Buat layout 2 kolom: kiri info kontak, kanan form
7. Di kolom kanan, drag widget Shortcode → paste shortcode form

Menambahkan Google Maps

1. Drag widget Google Maps ke canvas
2. Masukkan alamat lengkap di field Location
3. Atur zoom level (12-15 biasanya bagus untuk bisnis lokal)
4. Sesuaikan tinggi peta: 350-400px

Info Kontak yang Wajib Ada

• Alamat lengkap dengan link ke Google Maps
• Nomor WhatsApp / telepon yang aktif
• Email bisnis (bukan Gmail)
• Jam operasional
• Link ke media sosial