Ingin tahu cara membuat formulir kontak di Elementor?
Halaman kontak adalah salah satu halaman penting dari sebuah situs web. Ini sering digunakan sebagai parameter disetujui atau tidaknya sebuah situs web. Elementor dilengkapi dengan widget asli - widget Formulir - untuk memungkinkan Anda menambahkan formulir ke halaman. Artikel ini akan menunjukkan caranya.
Widget Formulir itu sendiri hanya tersedia di Elementor Pro. Yang artinya anda harus upgrade ke versi pro jika masih menggunakan versi gratisnya. Anda tidak hanya dapat menggunakan widget Formulir untuk membuat formulir kontak, tetapi Anda juga dapat menggunakannya untuk membuat formulir jenis lain termasuk formulir pendaftaran email, formulir pendaftaran pengguna, formulir unggah file file, dll ...
Cara membuat formulir kontak di Elementor
Saat Anda membuat formulir kontak Menggunakan widget Formulir Elementor, Anda dapat mengatur lokasi pengiriman data formulir. Baik di akun email Anda atau di manajer pengiriman formulir default Elementor.
Pada artikel ini, kita akan langsung menambahkan widget Formulir ke kotak edit Elementor. Cukup tambahkan widget Formulir dari panel widget ke kotak edit sebagai berikut:
Seperti yang Anda lihat, widget Formulir secara otomatis membuat formulir yang terdiri dari tiga bidang.
Baca juga: Bagaimana cara menambahkan kisi harga di Elementor
Untuk mengedit bidang yang ada, Anda cukup membukanya. Anda dapat mengubah jenis bidang, mengganti label dan tempat penampung default, dan mengaturnya sebagai bidang wajib jika Anda mau.
Untuk menghapus bidang yang ada, Anda cukup mengklik X bidang yang ingin Anda hapus.
Untuk menambahkan bidang baru, Anda cukup mengklik tombol TAMBAHKAN ELEMEN. Widget Formulir itu sendiri mendukung dua puluh jenis bidang.
Mendefinisikan bentuk tindakan
Seperti yang kami sebutkan sebelumnya, Anda dapat mengirim data formulir (pengiriman) ke akun email Anda atau ke pengiriman formulir bawaan Elementor. Untuk mengatur tujuan, Anda dapat membuka blok Setelah Menyerahkan Tindakan di bawah tab Isi dari panel pengaturan.
Lihat juga: Cara membuat gambar bulat di Elementor
Pilih tindakan yang ingin Anda tentukan pada bidang yang tersedia (Anda dapat menambahkan beberapa tindakan). Dalam contoh ini, kami memilih E-mail.
Jika Anda juga mengatur tindakan formulir di Email, Anda dapat membuka blok E-mail untuk menentukan alamat email untuk menerima data formulir. Seperti yang Anda lihat, Anda juga dapat mengatur subjek jika Anda mau.
Secara default, Elementor menyertakan konten semua bidang pada formulir. Jika Anda hanya ingin menyertakan konten dari bidang tertentu, Anda dapat menempelkan kode pendek bidang pilihan Anda ke bidang tersebut. Pesan.
Misalnya, pengaturan di bawah ini hanya akan mengirim isi kolom pesan.
Untuk mendapatkan shortcode dari sebuah field, Anda bisa klik pada tab MAJU di bidang terkait dari blok Bidang formulir.
Definisi pesan
Ketika data formulir berhasil dikirim, pengunjung Anda akan melihat pesan berhasil di bawah formulir. Demikian juga, mereka juga akan melihat pesan kesalahan ketika data formulir tidak dikirimkan.
Lihat juga: Cara membuat bagian anggota tim dengan Elementor
Anda dapat mengganti pesan default ini, serta dua pesan lainnya, dari blok Opsi tambahan di bawah tab Isi dari panel pengaturan. Aktifkan Pesan khusus untuk mengganti pesan default.
Menyesuaikan formulir
Setelah Anda selesai membuat pengaturan dasar di bawah tab Konten dari panel pengaturan, Anda dapat beralih ke Gaya untuk menyesuaikan formulir. Ada lima blok yang bisa Anda buka di sini.
Bentuk
Anda dapat membuka blok ini untuk menentukan ruang antara kolom dan baris formulir, spasi label, tipografi (keluarga font, ukuran font, gaya font, dll.) dari label formulir dan warna teks yang terakhir.
- Bidang
Anda dapat membuka blok ini untuk menentukan tipografi teks bidang serta warna, warna latar belakang bidang formulir, ukuran, warna batas, dan radius batas bidang formulir.
- kancing-kancing
Anda dapat membuka blok ini untuk menyesuaikan tombol kirim. Anda dapat mengatur hal-hal seperti tipografi teks tombol serta warna, warna latar belakang, radius batas, ukuran batas, warna batas, dan isian teks. Untuk mengatur ukuran tombol, Anda dapat melakukannya dari blok kancing-kancing di bawah tab Konten.
- Pesan
Anda dapat membuka blok ini untuk menentukan tipografi serta warna teks pesan.
- Tangga
Anda dapat membuka blok ini hanya jika Anda ingin membuat formulir multi-langkah.
Setelah Anda selesai menyesuaikan formulir, serta halaman, Anda dapat mempublikasikan halaman Anda.
Potensi kesalahan
Salah satu kesalahan umum saat Anda mengatur tindakan formulir ke E-mail adalah bahwa formulir tidak dikirim. Sebagai gantinya, Anda akan melihat pesan berikut.
Elementor dan sebagian besar plugin formulir kontak - termasuk Formulir Kontak 7 - gunakan fitur pengiriman email default WordPress yang disebut wp_mail. Fungsi ini tergantung pada fungsi kirim_mail yang tergantung pada PHP untuk berfungsi.
Baca juga: Bagaimana cara menambahkan slider testimonial di Elementor
Sayangnya, semua penyediaHosting web jangan aktifkan fungsinya kirim_mail dari PHP. Jika demikian, formulir Anda tidak akan dikirim. Sebagai gantinya, Anda akan mendapatkan pesan kesalahan seperti di atas.
Untuk mengatasi masalah ini, Anda dapat menginstal dan mengonfigurasi layanan pengiriman email khusus di WordPress Anda. Atau, jika memungkinkan, Anda dapat meminta penyedia hosting Anda untuk mengaktifkan fitur tersebut kirim_mail dari PHP.
Pada akhirnya
Elementor adalah salah satu plugin pembuat halaman terlengkap. Muncul dengan sejumlah elemen desain (disebut widget) agar Anda dapat dengan mudah menambahkan elemen ke halaman, termasuk formulir kontak.
Meskipun Anda dapat menggunakan widget Formulir untuk membuat formulir kontak dari awal dengan desain Anda sendiri, Elementor juga menawarkan templat formulir yang dapat Anda gunakan. Anda bahkan bisa membuat halaman kontak (lengkap dengan contact form tentunya) dari template.
Dapatkan Elementor Pro Sekarang!
Kesimpulan
Disini adalah ! Itu saja untuk artikel ini yang menunjukkan cara membuat formulir kontak di Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana fberi tahu kami di komentar.
Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...
