Formularstyling
Auto Form Builder giver dig fuld kontrol over formularernes styling. Match dine brandfarver, brug dine skrifttyper, juster afstanden og design formularer, der ligner en naturlig del af dit websted.
Hvorfor formstyling er vigtig
Din hjemmeside har et brand. Dine formularer bør afspejle det.
Når formularer ser anderledes ud end resten af dit websted, tøver besøgende. De spekulerer på, om de stadig er på det samme websted. Den tøven koster konverteringer.
Designede formularer formidler også professionalisme. En poleret formular fortæller besøgende, at du er opmærksom på detaljer – og hvis du er opmærksom på formulardesign, er du sandsynligvis også opmærksom på deres data.
Sådan fungerer formstyling
Auto Form Builder indeholder en visuel stileditor indbygget i formularbyggerens brugerflade.
- Vælg hvad du vil styleVælg mellem formularbeholder, feltnavne, inputfelter, knapper eller fejlmeddelelser.
- Juster indstillingerneBrug farvevælgere, skydere og dropdown-menuer til at ændre værdier. Ingen CSS-syntaks at lære eller huske.
- Få et øjeblikkeligt eksempelEnhver ændring vises med det samme i live-forhåndsvisningen. Se præcis, hvordan din formular vil se ud, før du publicerer den.
- Gem som standardindstillingerAnvend automatisk din styling på nye former. Opret én gang, genbrug overalt.
Hvad du kan tilpasse
Farver
Kontroller alle farver i din formular. Baggrundsfarver til formularbeholderen og individuelle felter. Tekstfarver til etiketter, pladsholdere og inputtekst. Kantfarver til standard-, fokus- og fejltilstande. Knapfarver til baggrund, tekst og pegeeffekter.
Typografi
Vælg skrifttyper til etiketter og inputfelter. Juster skriftstørrelser uafhængigt – større etiketter for fremhævelse, mindre hjælpetekst til sekundær information. Kontroller skrifttykkelsen for fed skrift eller lysere inputtekst.
Afstand og layout
Indstil afstanden mellem felterne for at skabe plads. Juster margenen i felterne for at give en mere komfortabel tekstindtastning. Kontroller marginerne rundt om hele formularen for at placere den perfekt i dit sidelayout.
Kanter og hjørner
Definer kantbredde, stil og farve. Afrund hjørner for et moderne look, eller hold dem skarpe for et minimalistisk design. Anvend forskellige kantstile på forskellige formtilstande – diskrete kanter som standard, fremtrædende kanter i fokus.
Knapper
Design knapper til indsendelse, der matcher dit brand. Baggrundsfarve, tekstfarve, kantradius, margen, skriftstørrelse og skrifttykkelse. Tilpas musepeker- og aktiveringstilstande, så knapperne føles responsive og klikbare.
FormContainer
Stil den overordnede formularindpakning. Tilføj en baggrundsfarve, eller hold den gennemsigtig. Anvend boksskygger for dybde. Indstil kantradius for afrundede formularbeholdere. Kontroller maksimal bredde for at forhindre, at formularer strækker sig for bredt.
Almindelige scenarier for formularstyling
Retningslinjer for matchende brands
Din virksomhed har specifikke farver – #0F2D5F for primære farver, #F59E0B for accenter. Indtast disse værdier i stileditoren. Formularknapper bruger din accentfarve. Formularetiketter bruger din primære farve. Perfekt brandkonsistens.
Opret formularer med høj kontrast
Hjemmeside med mørk baggrund? Skab lyse former, der skiller sig ud. Lys baggrund? Brug former med kanter og diskrete skygger til at definere formularområdet uden at konkurrere visuelt.
Design minimalistiske former
Fjern rammer, reducer afstanden, brug gennemsigtige baggrunde. Skab formularer, der føles integrerede i siden i stedet for at sidde i en boks.
Byg dristige opfordringsformularer
Store knapper, stærke farver, generøs polstring. Skab formularer, der kræver opmærksomhed på dine vigtigste leadgenereringssider.
Formularer der matcher ethvert tema
Auto Form Builder fungerer med alle WordPress-temaer. Dine designede formularer tilpasser sig enhver designkontekst.
Bruger du Woodmart, Astra, GeneratePress, Divi eller et andet tema? Dine formularer vil se native ud. Stileditoren giver dig tilstrækkelig kontrol til at matche ethvert designsystem.
Ingen temakonflikter. Ingen problemer med stilarv. Bare formularer, der ser præcis ud, som du ønsker dem.
Ingen CSS påkrævet
Du behøver ikke at skrive brugerdefineret CSS for at style dine formularer. Den visuelle editor håndterer alt.
Men hvis du ønsker CSS-kontrol, understøtter Auto Form Builder brugerdefineret CSS pr. formular. Tilføj overrides for edge cases eller anvend avanceret styling, der ikke er tilgængelig i den visuelle editor. Avancerede brugere får den fleksibilitet, de har brug for.
