Pag-istilo ng Anyo
Binibigyan ka ng Auto Form Builder ng kumpletong kontrol sa estilo ng form. Itugma ang mga kulay ng iyong brand, gamitin ang iyong mga font, ayusin ang espasyo, at idisenyo ang mga form na mukhang natural na bahagi ng iyong site.
Bakit Mahalaga ang Pag-istilo ng Anyo
May tatak ang website mo. Dapat itong maipakita sa mga form mo.
Kapag ang mga form ay iba ang hitsura mula sa iba pang bahagi ng iyong site, nag-aalangan ang mga bisita. Iniisip nila kung nasa parehong website pa rin sila. Ang pag-aalangan na iyon ay nagkakahalaga ng mga conversion.
Ang mga naka-istilong porma ay nagpapakita rin ng propesyonalismo. Ang isang pinakintab na porma ay nagsasabi sa mga bisita na mahalaga sa iyo ang mga detalye—at kung mahalaga sa iyo ang disenyo ng porma, malamang na mahalaga rin sa iyo ang kanilang datos.
Paano Gumagana ang Pag-istilo ng Pormularyo
Kasama sa Auto Form Builder ang isang visual style editor na nakapaloob sa interface ng form builder.
- Piliin kung ano ang iistiloPumili mula sa lalagyan ng form, mga label ng field, mga input field, mga button, o mga mensahe ng error.
- Ayusin ang mga settingGumamit ng mga color picker, slider, at dropdown para baguhin ang mga value. Walang CSS syntax na kailangang matutunan o matandaan.
- I-preview agadAng bawat pagbabago ay agad na lilitaw sa live preview. Tingnan nang eksakto kung ano ang magiging hitsura ng iyong form bago i-publish.
- I-save bilang mga defaultAwtomatikong ilapat ang iyong estilo sa mga bagong anyo. Gumawa nang isang beses, gamitin muli kahit saan.
Ano ang Maaari mong I-customize
Kulay
Kontrolin ang bawat kulay sa iyong form. Mga kulay ng background para sa lalagyan ng form at mga indibidwal na field. Mga kulay ng teksto para sa mga label, placeholder, at input text. Mga kulay ng border para sa default, focus, at mga estado ng error. Mga kulay ng button para sa background, teksto, at mga hover effect.
Palalimbagan
Pumili ng mga font para sa mga label at input field. Ayusin ang laki ng font nang hiwalay—mas malalaking label para sa diin, mas maliliit na helper text para sa pangalawang impormasyon. Kontrolin ang bigat ng font para sa mga naka-bold na label o mas magaan na input text.
Spacing at Layout
Magtakda ng espasyo sa pagitan ng mga field para makapagbigay ng espasyo. Ayusin ang padding sa loob ng mga field para sa komportableng pagpasok ng teksto. Kontrolin ang mga margin sa buong form para maiposisyon ito nang perpekto sa loob ng layout ng iyong pahina.
Mga Hangganan at Sulok
Tukuyin ang lapad, estilo, at kulay ng border. Gumawa ng mga bilugan na sulok para sa modernong hitsura o panatilihing matalas ang mga ito para sa minimalistang disenyo. Maglagay ng iba't ibang istilo ng border sa iba't ibang estado ng anyo—mga banayad na border bilang default, mga kitang-kitang border ang naka-focus.
Mga Pindutan
Idisenyo ang mga button na pang-submit na tumutugma sa iyong brand. Kulay ng background, kulay ng text, radius ng border, padding, laki ng font, at bigat ng font. I-customize ang hover at active state para maging responsive at madaling i-click ang mga button.
FormContainer
Idisenyo ang kabuuang pambalot ng form. Magdagdag ng kulay ng background o panatilihin itong transparent. Maglagay ng mga box shadow para sa lalim. Itakda ang radius ng border para sa mga bilugan na lalagyan ng form. Kontrolin ang max-width upang maiwasan ang pag-unat ng mga form nang masyadong malapad.
Mga Karaniwang Senaryo sa Pag-istilo ng Anyo
Mga Alituntunin sa Pagtutugma ng Brand
May mga partikular na kulay ang iyong kumpanya—#0F2D5F para sa pangunahin, #F59E0B para sa mga accent. Ilagay ang mga value na iyon sa style editor. Ginagamit ng mga button ng form ang kulay ng iyong accent. Ginagamit naman ng mga label ng form ang iyong pangunahing kulay. Perpektong pagkakapare-pareho ng brand.
Gumawa ng mga Form na May Mataas na Kontras
Website na may madilim na background? Gumawa ng mga mapuputing anyo na kapansin-pansin. Mapuputing background? Gumamit ng mga may hangganang anyo na may banayad na mga anino upang bigyang-diin ang lugar ng anyo nang hindi nakikipagkumpitensya sa paningin.
Disenyo ng Minimal na mga Anyo
Alisin ang mga border, bawasan ang espasyo, gumamit ng mga transparent na background. Gumawa ng mga form na parang isinama sa pahina sa halip na nakalagay sa isang kahon.
Gumawa ng mga Matapang na Form ng Panawagan para sa Aksyon
Malalaking butones, matitingkad na kulay, at malawak na padding. Gumawa ng mga form na nangangailangan ng atensyon para sa iyong pinakamahalagang mga pahina ng pagbuo ng lead.
Mga Anyo na Tugma sa Anumang Tema
Gumagana ang Auto Form Builder sa bawat tema ng WordPress. Ang iyong mga naka-istilong form ay umaangkop sa anumang konteksto ng disenyo.
Gamit ang Woodmart, Astra, GeneratePress, Divi, o anumang iba pang tema? Magmumukhang native ang iyong mga form. Binibigyan ka ng style editor ng sapat na kontrol upang tumugma sa anumang sistema ng disenyo.
Walang salungatan sa tema. Walang isyu sa pagmamana ng estilo. Mga form lang na eksaktong kamukha mo.
Hindi Kinakailangan ang CSS
Hindi mo kailangang magsulat ng custom CSS para i-estilo ang iyong mga form. Ang visual editor ang bahala sa lahat.
Pero kung gusto mo ng kontrol sa CSS, sinusuportahan ng Auto Form Builder ang custom CSS kada form. Magdagdag ng mga override para sa mga edge case o maglapat ng advanced styling na hindi available sa visual editor. Nakukuha ng mga advanced user ang flexibility na kailangan nila.
