Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis.

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 sendiri hanya tersedia di Elementor Pro. Yang berarti Anda perlu meningkatkan ke versi pro jika Anda masih menggunakan versi gratis. Anda tidak hanya dapat menggunakan widget Formulir untuk membuat formulir kontak, tetapi Anda juga dapat menggunakannya untuk membuat jenis formulir lainnya, termasuk formulir pendaftaran email, formulir pendaftaran email, pengguna, formulir unggah file file, dll ...

Cara membuat formulir kontak di Elementor

Saat Anda membuat formulir kontak menggunakan widget Formulir Elementor, Anda dapat menentukan ke mana data formulir akan dikirim. Baik itu 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

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda membuat Mudah dan Gratis desain situs web atau blog apa pun dengan tampilan profesional. Berhentilah membayar banyak untuk situs web yang dapat Anda lakukan sendiri.

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

Apakah Anda ingin menjual produk Anda di internet?

Unduh WooCommerce secara gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress dan dengan mudah membuat toko online Anda. Sempurna untuk pemula.

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.

Cara membuat formulir kontak di Elementor

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.

Cara membuat formulir kontak di Elementor

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 send_mail yang tergantung pada PHP untuk berfungsi.

Baca juga: Bagaimana cara menambahkan slider testimonial di Elementor

Sayangnya, tidak semua penyedia hosting web mengaktifkan fitur ini send_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 send_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 memiliki beberapa Templat formulir yang dapat Anda gunakan. Anda bahkan dapat membuat halaman kontak (lengkap dengan formulir kontak, tentu saja) 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.

...

0 saham
saham
menciak
Register