Apakah Anda ingin menyesuaikan formulir kontak 7 dengan plugin Essential Addons Elementor?
Formulir Kontak 7 adalah salah satunya plugin WordPress pembuat formulir paling populer. Ini benar-benar gratis dan Anda dapat menggunakannya untuk membuat formulir kontak di situs WordPress Anda.
Anda juga dapat membuat banyak jenis formulir seperti formulir reservasi atau formulir unggah file. Ini menawarkan 14 jenis bidang yang dapat Anda gunakan saat membuat formulir.
Lihat juga: Cara Menggunakan Widget/Templat Elementor sebagai Blok Gutenberg
Salah satu masalah umum dengan plugin formulir kontak 7 adalah proses penyesuaiannya. Formulir Kontak 7 menggunakan gaya default Anda tema WordPress aset. Anda dapat menggunakan gaya yang berbeda, tetapi keterampilan CSS akan dibutuhkan. Jika Anda tidak memiliki keterampilan CSS apa pun, Anda dapat menggunakan modul Addon Penting untuk menata formulir Anda.
Addons Esensial adalah add-on Elementor yang menyempurnakan proses penyesuaian formulir Formulir Kontak 7 Anda dengan Elementor. Elementor dan Addons Esensial adalah plugin freemium. Anda dapat menggunakan versi gratis keduanya untuk menata formulir Formulir Kontak 7 Anda.
Cara Menata Formulir Kontak 7 dengan Essential Addons
Sebelum Anda mulai menata formulir Anda, pastikan Anda telah menginstalnya Elementor et Addon Penting. Setelah diinstal dan diaktifkan, buat halaman baru (Halaman – > Tambah) dan edit dengan Elementor.
Sebelum memulai proses penyesuaian, atur tata letak halaman dengan mengklik ikon roda gigi di pojok kiri bawah. Atur tata letak dari menu drop-down.
Tambahkan bagian baru dengan mengeklik ikon tambah di kotak edit dan menyeret widget Formulir Kontak EA7 dari panel kiri di editor.
Buka panel kiri dan pilih formulir yang gayanya ingin Anda sesuaikan.
Setelah memilih formulir, navigasikan ke tab Gaya. Seperti yang Anda lihat, Anda dapat mengatur beberapa opsi gaya. Berikut adalah opsi gaya umum yang dapat Anda atur.
- Lebar formulir, perataan, dan latar belakang
Di bawah blok FormContainer, klik pemilih warna di bagian tersebut Jenis latar belakang dan atur warna yang diinginkan untuk latar belakang formulir. Anda dapat menggunakan warna solid atau warna gradien sebagai latar belakang.
Baca juga: Elementor: Cara mengimpor atau mengekspor template
Untuk mengatur perataan formulir, cukup pilih opsi perataan pilihan Anda di bagian tersebut Penyelarasan Bentuk.
Untuk mengatur lebar formulir, atur nilai lebar maksimum formulir di bidang Lebar Bentuk Maks.
- Bidang latar belakang, lebar batas, dan radius
Untuk menentukan latar belakang bidang, lebar, dan radius batas, Anda dapat membuka bagian tersebut Area Masukan & Teks. Klik pemilih warna bidang Warna latar belakang untuk mengatur latar belakang.
Anda juga dapat mengatur warna latar bidang dalam mode debug dengan mengklik tab FOKUS.
Untuk menentukan lebar bidang, Anda dapat menentukan nilai di bidang Lebar Masukan. Di bagian ini Anda juga dapat mengatur lebar bidang kotak teks Lebar bidang teks.
Untuk mengatur radius batas, cukup edit bidang Radius Perbatasan dan atur nilai batas yang Anda inginkan. Anda juga dapat mengatur tipografi (jenis font, ukuran font, gaya font) dengan mengklik ikon pensil di kolom tipografi.
- Label
Addons Esensial juga memungkinkan Anda menyesuaikan gaya label formulir Anda. Anda dapat mengatur warna teks serta tipografi. Untuk melakukan ini, buka opsi Label. Atur warna teks dengan mengklik pemilih warna di lapangan Warna teks.
Untuk mengatur tipografi, klik ikon pensil di lapangan Tipografi.
- tombol kirim
Untuk menyesuaikan gaya tombol kirim, buka blok Kirim Tombol. Dari sini Anda dapat mengatur perataan tombol, lebar, warna latar belakang, warna teks, radius batas, serta tipografi.
- Pesan eror
Untuk menyesuaikan gaya pesan kesalahan, Anda dapat membuka blok kesalahan. Anda dapat mengatur warna teks pesan kesalahan, tipografi, warna latar belakang kesalahan validasi, warna teks kesalahan validasi, dll….
Anda dapat menyetel beberapa opsi gaya lainnya. Anda dapat bermain-main dengan panel kiri sampai Anda puas dengan gaya formulir Anda.
Anda dapat menambahkan beberapa elemen lain ke halaman Anda menggunakan widget yang tersedia yang ditawarkan oleh Elementor dan Essential Addons. Setelah selesai, klik tombol MENERBITKAN di bagian bawah panel kiri untuk menerbitkan halaman Anda.
Mengintegrasikan formulir ke halaman biasa
Setelah mengklik tombol MENERBITKAN, halaman kontak Anda pada dasarnya telah dipublikasikan. Halaman itu sendiri didukung oleh Elementor. Jika Anda lebih suka menambahkan Anda formulir kontak 7 ke halaman biasa (halaman yang dibuat dengan Gutenberg, editor default WordPress), Anda dapat menginstal plugin Blok Elementor untuk Gutenberg. Plugin ini akan mengubah template Elementor menjadi blok Gutenberg.
Untuk mendaftarkan Anda formulir kontak 7 sebagai template Elementor, klik tombol panah di sebelah tombol PUBLIKASIKAN / PERBARUI di panel kiri dan pilih Simpan sebagai Templat.
Beri nama template Anda dan klik tombolnya PENDAFTARAN.
Buat halaman baru (Halaman – > Tambah) dan beri nama seperti "hubungi kami", "kontak" atau nama lain yang Anda suka.
Tambahkan blok baru dan pilih Perpustakaan Elemen dan pilih Templat formulir kontak yang baru saja Anda buat.
Dan sekarang Anda baru saja mempersonalisasi formulir Formulir Kontak 7 Anda.
Dapatkan Elementor Pro Sekarang!!!
Kesimpulan
Di Sini ! Itu saja untuk artikel ini yang menunjukkan cara menyesuaikan formulir kontak 7 dengan Essential Addons. 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.
...
