Penataan Bentuk
Auto Form Builder memberi Anda kendali penuh atas penataan formulir. Sesuaikan warna merek Anda, gunakan font pilihan Anda, atur jarak antar elemen, dan rancang formulir yang tampak menyatu dengan situs web Anda.
Mengapa Penataan Bentuk Itu Penting
Situs web Anda memiliki merek. Formulir Anda harus mencerminkannya.
Ketika formulir terlihat berbeda dari bagian situs lainnya, pengunjung akan ragu. Mereka bertanya-tanya apakah mereka masih berada di situs web yang sama. Keraguan itu mengurangi konversi.
Formulir yang ditata dengan baik juga menunjukkan profesionalisme. Formulir yang rapi memberi tahu pengunjung bahwa Anda peduli dengan detail—dan jika Anda peduli dengan desain formulir, Anda mungkin juga peduli dengan data mereka.
Cara Kerja Penataan Bentuk Formulir
Auto Form Builder menyertakan editor gaya visual yang terintegrasi ke dalam antarmuka pembuat formulir.
- Pilih apa yang ingin Anda tata.Pilih dari wadah formulir, label kolom, kolom input, tombol, atau pesan kesalahan.
- Sesuaikan pengaturanGunakan pemilih warna, slider, dan dropdown untuk mengubah nilai. Tidak ada sintaks CSS yang perlu dipelajari atau diingat.
- Pratinjau instanSetiap perubahan akan langsung muncul di pratinjau langsung. Lihat persis tampilan formulir Anda sebelum dipublikasikan.
- Simpan sebagai pengaturan defaultTerapkan gaya Anda ke formulir baru secara otomatis. Buat sekali, gunakan kembali di mana saja.
Apa yang Dapat Anda Sesuaikan
Colors
Kendalikan setiap warna dalam formulir Anda. Warna latar belakang untuk wadah formulir dan setiap kolom. Warna teks untuk label, placeholder, dan teks input. Warna batas untuk status default, fokus, dan kesalahan. Warna tombol untuk latar belakang, teks, dan efek hover.
Tipografi
Pilih font untuk label dan kolom input. Sesuaikan ukuran font secara independen—label yang lebih besar untuk penekanan, teks bantuan yang lebih kecil untuk informasi tambahan. Kontrol ketebalan font untuk label tebal atau teks input yang lebih tipis.
Jarak dan Tata Letak
Atur jarak antar kolom untuk menciptakan ruang yang cukup. Sesuaikan padding di dalam kolom agar teks mudah dimasukkan. Kontrol margin di sekeliling formulir untuk memposisikannya dengan sempurna di dalam tata letak halaman Anda.
Perbatasan dan Sudut
Tentukan lebar, gaya, dan warna batas. Bulatkan sudut untuk tampilan modern atau pertahankan sudut yang tajam untuk desain minimalis. Terapkan gaya batas yang berbeda untuk status formulir yang berbeda—batas halus secara default, batas menonjol saat fokus.
kancing-kancing
Rancang tombol kirim yang sesuai dengan merek Anda. Warna latar belakang, warna teks, radius border, padding, ukuran font, dan ketebalan font. Sesuaikan status hover dan aktif agar tombol terasa responsif dan mudah diklik.
FormContainer
Atur gaya keseluruhan pembungkus formulir. Tambahkan warna latar belakang atau biarkan transparan. Terapkan bayangan kotak untuk memberikan kedalaman. Atur radius batas untuk wadah formulir yang membulat. Kontrol lebar maksimum agar formulir tidak terlalu lebar.
Skenario Penataan Bentuk Formulir Umum
Sesuai dengan Pedoman Merek
Perusahaan Anda memiliki warna khusus—#0F2D5F untuk warna utama, #F59E0B untuk warna aksen. Masukkan nilai-nilai tersebut di editor gaya. Tombol formulir menggunakan warna aksen Anda. Label formulir menggunakan warna utama Anda. Konsistensi merek yang sempurna.
Buat Bentuk Kontras Tinggi
Situs web dengan latar belakang gelap? Buat formulir terang yang menonjol. Latar belakang terang? Gunakan formulir berbingkai dengan bayangan halus untuk menentukan area formulir tanpa bersaing secara visual.
Desain Bentuk Minimalis
Hilangkan garis tepi, kurangi jarak antar elemen, gunakan latar belakang transparan. Buat formulir yang terasa menyatu dengan halaman, bukan hanya berada di dalam kotak terpisah.
Buat Formulir Ajakan Bertindak yang Menarik
Tombol besar, warna mencolok, jarak antar elemen yang luas. Buat formulir yang menarik perhatian untuk halaman penghasil prospek terpenting Anda.
Formulir yang Sesuai dengan Tema Apa Pun
Auto Form Builder kompatibel dengan semua tema WordPress. Formulir yang Anda rancang akan beradaptasi dengan konteks desain apa pun.
Menggunakan Woodmart, Astra, GeneratePress, Divi, atau tema lainnya? Formulir Anda akan terlihat seperti bawaan sistem. Editor gaya memberi Anda kendali yang cukup untuk menyesuaikan dengan sistem desain apa pun.
Tidak ada konflik tema. Tidak ada masalah pewarisan gaya. Hanya formulir yang terlihat persis seperti yang Anda inginkan.
Tidak memerlukan CSS
Anda tidak perlu menulis CSS khusus untuk menata formulir Anda. Editor visual menangani semuanya.
Namun jika Anda menginginkan kontrol CSS, Auto Form Builder mendukung CSS kustom per formulir. Tambahkan penggantian untuk kasus-kasus khusus atau terapkan penataan gaya tingkat lanjut yang tidak tersedia di editor visual. Pengguna tingkat lanjut mendapatkan fleksibilitas yang mereka butuhkan.
