Formstil
Auto Form Builder gir deg full kontroll over skjemastilen. Match merkevarens farger, bruk skrifttyper, juster avstanden og design skjemaer som ser ut som en naturlig del av nettstedet ditt.
Hvorfor formstyling er viktig
Nettstedet ditt har en merkevare. Skjemaene dine bør gjenspeile den.
Når skjemaer ser annerledes ut enn resten av nettstedet ditt, nøler besøkende. De lurer på om de fortsatt er på det samme nettstedet. Den nølingen koster konverteringer.
Stilfulle skjemaer formidler også profesjonalitet. Et polert skjema forteller besøkende at du bryr deg om detaljer – og hvis du bryr deg om skjemadesign, bryr du deg sannsynligvis også om dataene deres.
Hvordan formstyling fungerer
Auto Form Builder inkluderer en visuell stilredigerer innebygd i skjemabyggergrensesnittet.
- Velg hva du vil styleVelg mellom skjemabeholder, feltetiketter, inndatafelt, knapper eller feilmeldinger.
- Juster innstillingeneBruk fargevelgere, glidebrytere og rullegardinmenyer for å endre verdier. Ingen CSS-syntaks å lære eller huske.
- Forhåndsvis umiddelbartAlle endringer vises umiddelbart i forhåndsvisningen. Se nøyaktig hvordan skjemaet ditt vil se ut før du publiserer det.
- Lagre som standardinnstillingerBruk stylingen din automatisk på nye former. Lag én gang, bruk om igjen overalt.
Hva du kan tilpasse
Farger
Kontroller alle fargene i skjemaet ditt. Bakgrunnsfarger for skjemabeholderen og individuelle felt. Tekstfarger for etiketter, plassholdere og inndatatekst. Kantfarger for standard-, fokus- og feilstatuser. Knappfarger for bakgrunn, tekst og pekeeffekter.
Typografi
Velg fonter for etiketter og inndatafelt. Juster skriftstørrelser uavhengig – større etiketter for utheving, mindre hjelpetekst for sekundærinformasjon. Kontroller skrifttykkelsen for fet skrift eller lysere inndatatekst.
Avstand og layout
Angi avstanden mellom feltene for å skape pusterom. Juster polstringen i feltene for komfortabel tekstinntasting. Kontroller margene rundt hele skjemaet for å plassere det perfekt i sideoppsettet.
Kanter og hjørner
Definer kantbredde, stil og farge. Avrund hjørner for et moderne utseende, eller hold dem skarpe for et minimalistisk design. Bruk forskjellige kantstiler på forskjellige formtilstander – subtile kantlinjer som standard, fremtredende kantlinjer i fokus.
knapper
Design innsendingsknapper som matcher merkevaren din. Bakgrunnsfarge, tekstfarge, kantradius, margin, skriftstørrelse og skrifttykkelse. Tilpass musepeker- og aktiveringstilstander slik at knappene føles responsive og klikkbare.
FormContainer
Stil den overordnede skjemainnpakningen. Legg til en bakgrunnsfarge eller hold den gjennomsiktig. Bruk boksskygger for dybde. Angi kantradius for avrundede skjemabeholdere. Kontroller maksimal bredde for å hindre at skjemaer strekker seg for bredt.
Vanlige scenarier for skjemastyling
Retningslinjer for samsvarende merkevarer
Bedriften din har spesifikke farger – #0F2D5F for primærfarger, #F59E0B for aksentfarger. Skriv inn disse verdiene i stilredigereren. Skjemaknapper bruker aksentfargen din. Skjemaetiketter bruker primærfargen din. Perfekt merkevarekonsistens.
Lag skjemaer med høy kontrast
Nettsted med mørk bakgrunn? Lag lyse former som skiller seg ut. Lys bakgrunn? Bruk former med kanter og subtile skygger for å definere skjemaområdet uten å konkurrere visuelt.
Design minimalistiske former
Fjern rammer, reduser avstanden, bruk gjennomsiktige bakgrunner. Lag skjemaer som føles integrert i siden i stedet for å ligge i en boks.
Lag dristige handlingsfremmende skjemaer
Store knapper, sterke farger, generøs polstring. Lag skjemaer som krever oppmerksomhet for dine viktigste sider for generering av leads.
Skjemaer som passer til ethvert tema
Auto Form Builder fungerer med alle WordPress-temaer. De stiliserte skjemaene dine tilpasser seg enhver designkontekst.
Bruker du Woodmart, Astra, GeneratePress, Divi eller et annet tema? Skjemaene dine vil se ut som originale. Stilredigereren gir deg nok kontroll til å matche ethvert designsystem.
Ingen temakonflikter. Ingen problemer med stilarv. Bare skjemaer som ser ut akkurat slik du vil ha dem.
Ingen CSS nødvendig
Du trenger ikke å skrive egendefinert CSS for å style skjemaene dine. Den visuelle editoren håndterer alt.
Men hvis du ønsker CSS-kontroll, støtter Auto Form Builder tilpasset CSS per skjema. Legg til overstyringer for kanttilfeller eller bruk avansert styling som ikke er tilgjengelig i den visuelle editoren. Avanserte brukere får fleksibiliteten de trenger.
