Pada artikel ini Anda akan mengetahui cara membuat formulir dengan Elementor gratis.
Meskipun widget Formulir hanya tersedia di Elementor Pro, bukan berarti Anda tidak dapat membuat formulir di Elementor versi gratis.
Jika Anda perlu menambahkan formulir ke halaman yang Anda buat dengan Elementor versi gratis, Anda dapat menggunakan dua metode yang akan kami bahas di artikel ini.
Elementor, baik versi pro maupun versi gratis, hadir dengan dua widget yang dapat Anda gunakan untuk membuat formulir. Ini adalah widget HTML dan Shortcode. Dengan widget HTML, Anda dapat menyematkan formulir HTML, sedangkan widget Shortcode memungkinkan Anda menyematkan formulir dari plugin formulir yang menggunakan kode pendek seperti Formulir Kontak 7.
Buat Formulir dengan Elementor Versi Gratis Menggunakan Widget HTML
Metode ini mengharuskan Anda memiliki keterampilan HTML untuk membuat formulir. Atau, Anda bisa mengunduh Templat formulir HTML dari Internet. W3docs memiliki lebih dari 60 Templat formulir HTML yang dapat Anda unduh secara gratis.
Untuk memulai, buat halaman baru dan edit dengan Elementor (Halaman – > Tambah). Tentu saja, Anda juga dapat mengedit halaman yang sudah ada. Jika Anda ingin membuat formulir di halaman baru, ingatlah untuk mengatur tata letak formulir dengan mengklik ikon roda gigi di panel kiri bawah.
Tambahkan bagian baru dengan mengklik tombol tambah di area pengeditan dan tambahkan formulir HTML dengan menyeretnya dari panel kiri ke area pengeditan. Tempatkan di area yang Anda inginkan. Lalu pergi ke panel kiri dan rekatkan kode HTML formulir di lapangan Kode HTML di bawah tab Isi.
Publikasikan/perbarui halaman setelah Anda selesai mengeditnya.
Lihat juga: Cara Menggunakan Widget/Templat Elementor sebagai Blok Gutenberg
Hal. Jika formulir HTML Anda menggunakan CSS eksternal, gambar, atau JavaScript untuk gaya, pastikan untuk mengunggah folder yang berisi kode CSS, gambar, dan JavaScript ke direktori akar situs web Anda.
Buat formulir di Elementor gratis menggunakan formulir kontak 7
Jika Anda tidak memiliki keterampilan HTML apa pun dan tidak ingin menggunakan templat formulir HTML, Anda dapat membuat formulir di Elementor versi gratis menggunakan plugin Hubungi bentuk 7. Sebenarnya masih banyak plugin form lainnya. Kami merekomendasikan Hubungi Formulir 7 karena ini adalah plugin bentuk paling populer untuk WordPress dan sepenuhnya gratis.
Pertama, instal plugin Formulir Kontak 7. Untuk melakukan ini, buka Ekstensi – > Tambah. Ketik "formulir kontak 7" di kotak pencarian dan klik tombol install sekarang setelah Anda menemukannya.
Aktifkan plugin segera setelah diinstal.
Formulir Kontak 7 dilengkapi dengan formulir default (a formulir kontak ). Anda dapat menggunakannya jika Anda mau. Jika Anda ingin membuat formulir baru, Anda bisa pergi ke Kontak – > Tambah. Beri nama formulir Anda sehingga Anda dapat dengan mudah mengidentifikasinya di masa mendatang.
Secara default, formulir Anda akan terdiri dari empat bidang: nama, email, subjek, dan pesan.
Jika Anda ingin menambahkan bidang baru, tempatkan penunjuk di area tempat Anda ingin menambahkan bidang baru (Anda dapat menempatkannya di bawah atau di atas bidang yang sudah ada). Tambahkan label untuk bidang formulir baru dalam format <label> votre label préféré </label>.
Tempatkan penunjuk tepat setelah label dan pilih bidang di tab bidang. Anda dapat menambahkan jeda baris baru untuk membuat bidang baru Anda lebih bersih dari bidang lain yang sudah ada.
Isi kolom dan klik Masukkan tag (Anda dapat membiarkan semuanya sebagai default).
Formulir Kontak 7 akan mengirimkan kiriman yang dikirimkan melalui formulir Anda ke email. Anda dapat mengatur email dari tab E-mail.
Anda dapat pergi ke tab Pesan jika Anda ingin mengganti pesan default. Anda dapat menyesuaikan pesan yang muncul setelah pengunjung Anda berhasil mengirimkan formulir atau pesan kesalahan saat formulir tidak dikirimkan, dll.
Klik pada tombol Register setelah Anda selesai mengedit formulir dan menyalin kode pendek.
Untuk menambahkan formulir yang baru saja Anda buat ke halaman Elementor, buat halaman baru dan edit dengan Elementor, atau Anda juga dapat mengedit halaman yang sudah ada.
Baca juga: Cara Menonaktifkan Popup Elementor di Ponsel Cerdas
Tambahkan bagian baru untuk menempatkan formulir dan tambahkan Widget kode pendek. Setelah widget Shortcode ditambahkan, buka panel kiri dan tempel kode pendek yang Anda salin ke dalam bidang Kode pendek di bawah tab Isi.
Publikasikan/perbarui halaman Anda setelah Anda selesai mengeditnya.
Formulir Kontak 7 menggunakan format gaya dari tema WordPress yang Anda gunakan. Anda dapat menata formulir Formulir Kontak 7 Anda, tetapi keterampilan CSS diperlukan. Anda juga dapat melihat artikel ini di Cara menyesuaikan formulir Formulir Kontak 7 dengan Essential Addons dan Elementor.
Dapatkan Elementor Pro Sekarang!!!
Kesimpulan
Jadi ! Itu saja untuk artikel ini yang menunjukkan cara membuat formulir dengan Elementor gratis. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana, beri tahu mereka 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.
...
