Lomakkeen muotoilu
Auto Form Builder antaa sinulle täyden hallinnan lomakkeiden tyylistä. Sovita brändisi värit, käytä fonttejasi, säädä välistystä ja suunnittele lomakkeita, jotka näyttävät luonnolliselta osalta sivustoasi.
Miksi lomakkeen muotoilulla on merkitystä
Verkkosivustollasi on brändi. Lomakkeidesi tulisi heijastaa sitä.
Kun lomakkeet näyttävät erilaisilta kuin muu sivustosi, kävijät epäröivät. He miettivät, ovatko he vielä samalla verkkosivustolla. Tämä epäröinti maksaa konversioita.
Tyylikkäät lomakkeet viestivät myös ammattimaisuudesta. Viimeistelty lomake kertoo kävijöille, että välität yksityiskohdista – ja jos välität lomakkeen ulkoasusta, välität todennäköisesti myös heidän tiedoistaan.
Miten lomakkeen muotoilu toimii
Auto Form Builder sisältää visuaalisen tyylieditorin, joka on sisäänrakennettu lomakkeiden rakennustyökalun käyttöliittymään.
- Valitse, mitä haluat muotoillaValitse lomakesäiliöstä, kenttien otsikoista, syöttökentistä, painikkeista tai virheilmoituksista.
- Säädä asetuksiaKäytä värivalitsimia, liukusäätimiä ja alasvetovalikoita arvojen muuttamiseen. Ei CSS-syntaksia, jota pitäisi opetella tai muistaa.
- Esikatsele hetiJokainen muutos näkyy välittömästi live-esikatselussa. Katso tarkalleen, miltä lomakkeesi näyttää ennen julkaisemista.
- Tallenna oletuksinaKäytä tyyliäsi uusiin lomakkeisiin automaattisesti. Luo kerran, käytä uudelleen kaikkialla.
Mitä voit mukauttaa
Colors
Hallitse lomakkeen jokaista väriä. Lomakesäiliön ja yksittäisten kenttien taustavärit. Tekstin värit otsikoille, paikkamerkeille ja syötetekstille. Reunan värit oletus-, kohdistus- ja virhetiloille. Painikkeiden värit taustalle, tekstille ja osoittimen tehosteille.
Typografia
Valitse fontit otsikoille ja syöttökentille. Säädä fonttikokoja erikseen – suuremmat otsikot korostusta varten, pienemmät aputekstit toissijaisille tiedoille. Hallitse fontin painoa lihavoituja otsikoita tai vaaleampaa syöttötekstiä varten.
Väli ja asettelu
Aseta kenttien välinen etäisyys luodaksesi hengähdystauon. Säädä kenttien sisäistä täyttöä mukavan tekstinsyötön takaamiseksi. Hallitse koko lomakkeen marginaaleja sijoittaaksesi sen täydellisesti sivuasetteluun.
Rajat ja kulmat
Määritä reunuksen leveys, tyyli ja väri. Pyöristä kulmat modernia ilmettä varten tai pidä ne terävinä minimalistista muotoilua varten. Käytä eri reunatyylejä eri lomaketiloille – hienovaraisia reunuksia oletuksena, näyttäviä reunoja keskipisteenä.
painikkeet
Suunnittele lähetyspainikkeet, jotka sopivat brändiisi. Taustaväri, tekstin väri, reunuksen säde, täyttö, fonttikoko ja fontin paksuus. Mukauta kursorin päälle asettamista ja aktiivisia tiloja, jotta painikkeet tuntuvat responsiivisilta ja klikattavissa olevilta.
Lomakesäiliö
Muotoile lomakkeen kääre kokonaisuudessaan. Lisää taustaväri tai pidä se läpinäkyvänä. Käytä syvyyttä lisääviä laatikkovarjostuksia. Aseta reunuksen säde pyöristetyille lomakesäiliöille. Hallitse enimmäisleveyttä estääksesi lomakkeiden venymisen liian leveiksi.
Yleisiä lomakkeiden muotoiluskenaarioita
Match Brand -ohjeet
Yritykselläsi on tiettyjä värejä – #0F2D5F päävärille ja #F59E0B korostusväreille. Syötä nämä arvot tyylieditoriin. Lomakepainikkeet käyttävät korostusväriäsi. Lomakeotsikot käyttävät pääväriäsi. Täydellinen brändin johdonmukaisuus.
Luo suurikontrastisia lomakkeita
Tummataustainen verkkosivusto? Luo erottuvia vaaleita muotoja. Vaalea tausta? Käytä reunustettuja muotoja, joissa on hienovaraisia varjoja, määrittääksesi lomakealueen visuaalisesti kilpailematta.
Minimalististen muotojen suunnittelu
Poista reunat, pienennä välistystä ja käytä läpinäkyviä taustoja. Luo lomakkeita, jotka tuntuvat integroituneilta sivuun sen sijaan, että ne olisivat laatikossa.
Luo rohkeita toimintakehotuslomakkeita
Suuret painikkeet, vahvat värit, reilu täyte. Luo lomakkeita, jotka herättävät huomiota tärkeimmillä liidien generointisivuillasi.
Lomakkeet, jotka sopivat mihin tahansa teemaan
Automaattinen lomakkeiden rakennustyökalu toimii kaikkien WordPress-teemojen kanssa. Tyylitetyt lomakkeesi mukautuvat mihin tahansa suunnittelukontekstiin.
Käytätkö Woodmartia, Astraa, GeneratePressiä, Diviä tai mitä tahansa muuta teemaa? Lomakkeesi näyttävät natiiveilta. Tyylieditori antaa sinulle riittävästi hallintaa sopiaksesi mihin tahansa suunnittelujärjestelmään.
Ei teemaristiriitoja. Ei tyylien periytymisongelmia. Vain lomakkeita, jotka näyttävät juuri siltä kuin haluat.
Ei CSS:ää vaadita
Sinun ei tarvitse kirjoittaa mukautettua CSS:ää lomakkeiden muotoiluun. Visuaalinen editori hoitaa kaiken.
Mutta jos haluat CSS-hallintaa, automaattinen lomakkeiden rakentaja tukee mukautettua CSS:ää lomakekohtaisesti. Lisää ohituksia reunatapauksille tai käytä edistyneitä tyylejä, joita ei ole saatavilla visuaalisessa editorissa. Kokeneet käyttäjät saavat tarvitsemansa joustavuuden.
