Advan – Menambahkan contact form di footer situs web kamu adalah cara yang efektif untuk memastikan pengunjung dapat dengan mudah menghubungi kamu. Dengan Elementor, kamu bisa menambahkan contact form ke footer dengan cepat dan tanpa perlu menulis kode. Ini adalah solusi ideal untuk meningkatkan interaksi dan keterlibatan pengunjung dengan situs web kamu.
Elementor menawarkan fleksibilitas tinggi dalam hal desain dan tata letak halaman, termasuk footer. Dengan menggunakan widget dan template yang disediakan oleh Elementor, kamu bisa membuat footer yang menarik dan fungsional. Panduan ini akan membantu kamu menambahkan contact form di footer Elementor dengan langkah-langkah sederhana.
Langkah-langkah berikut akan memandu kamu untuk menambahkan contact form di footer menggunakan Elementor.
1. Buka Dashboard WordPress
Langkah pertama adalah masuk ke dashboard WordPress kamu. Di sini, kamu akan mengelola semua pengaturan untuk situs web kamu.
2. Buat atau Edit Footer
Jika kamu belum memiliki footer, buatlah menggunakan Elementor Theme Builder. Pergi ke “Templates” > “Theme Builder” dan pilih “Footer”. Jika sudah ada, klik “Edit with Elementor” untuk memulai pengeditan.
3. Tambahkan Section Baru di Footer
Di editor Elementor, tambahkan section baru di area footer tempat kamu ingin menempatkan contact form. Kamu bisa menambahkan kolom untuk mengatur tata letak sesuai keinginan.
4. Pilih Widget Form
Di panel elemen di sebelah kiri, cari widget “Form” dan tarik ke section yang baru saja kamu buat. Jika kamu menggunakan Elementor gratis, kamu mungkin perlu plugin tambahan seperti “WPForms” atau “Contact Form 7”.
5. Sesuaikan Formulir
Sesuaikan field contact form sesuai kebutuhan kamu. Kamu bisa menambahkan field seperti nama, email, nomor telepon, dan pesan. Pastikan semua field yang penting sudah tersedia.
Baca Juga: Wajib Tahu Kelebihan dan Kekurangan Elementor untuk Desain Website Kamu
6. Atur Pengaturan Formulir
Setelah menambahkan field, klik pada tab “Actions After Submit” di panel pengaturan formulir. Tambahkan tindakan seperti “Email” untuk mengirimkan notifikasi ketika form diisi. Isi detail email tujuan dan pesan notifikasi yang ingin kamu terima.
7. Tambahkan Styling
Sesuaikan tampilan contact form agar sesuai dengan desain footer kamu. Gunakan opsi styling di Elementor untuk mengatur warna, margin, padding, dan tipografi.
8. Tambahkan Elemen Tambahan
Jika kamu ingin, tambahkan elemen tambahan seperti teks penjelasan, ikon sosial media, atau peta lokasi di sekitar contact form. Ini bisa memberikan konteks lebih kepada pengunjung.
9. Pratinjau dan Publikasikan
Sebelum mempublikasikan, pratinjau tampilan footer kamu untuk memastikan semuanya berfungsi dengan baik. Jika sudah puas dengan hasilnya, klik tombol “Publish” untuk menyimpan perubahan.
10. Uji Contact Form
Setelah dipublikasikan, uji contact form untuk memastikan pesan terkirim dengan benar. Isi form dan kirim pesan percobaan untuk melihat apakah notifikasi email berfungsi.
Baca Juga: Tips Membuat Halaman Produk di WooCommerce dengan Elementor
Menambahkan contact form di footer menggunakan Elementor adalah cara yang efektif untuk mempermudah pengunjung menghubungi kamu. Dengan mengikuti langkah-langkah di atas, kamu bisa membuat footer yang fungsional dan menarik tanpa perlu keterampilan teknis yang mendalam.
Untuk mendukung produktivitas kamu dalam mendesain dan mengelola situs web dengan Elementor, Advan 360 Stylus 2in1 Touchscreen adalah pilihan yang ideal. Laptop ini dilengkapi dengan prosesor Intel Core i3 dan RAM 8GB, memastikan performa optimal untuk berbagai tugas desain. Layar FHD 14 inci yang jernih memastikan tampilan desain yang akurat, dan fitur touchscreen serta stylus memungkinkan kamu bekerja dengan lebih interaktif dan efisien. Pilih Advan 360 untuk meningkatkan efisiensi dan produktivitas kerjamu.***
Editor: Mahfida Ustadhatul Umma