Formulärstyling
Med Auto Form Builder har du fullständig kontroll över formulärets formatering. Matcha dina varumärkesfärger, använd dina teckensnitt, justera avstånd och designa formulär som ser ut som en naturlig del av din webbplats.
Varför formstyling är viktigt
Din webbplats har ett varumärke. Dina formulär bör återspegla det.
När formulär ser annorlunda ut än resten av din webbplats tvekar besökarna. De undrar om de fortfarande är på samma webbplats. Den tvekan kostar konverteringar.
Formulär med stil kommunicerar också professionalism. Ett välutvecklat formulär visar besökarna att du bryr dig om detaljer – och om du bryr dig om formulärdesign bryr du dig förmodligen också om deras data.
Hur formstyling fungerar
Auto Form Builder har en visuell stilredigerare inbyggd i formulärbyggargränssnittet.
- Välj vad du vill stylaVälj mellan formulärbehållare, fältetiketter, inmatningsfält, knappar eller felmeddelanden.
- Justera inställningarnaAnvänd färgväljare, reglage och rullgardinsmenyer för att ändra värden. Ingen CSS-syntax att lära sig eller komma ihåg.
- Förhandsgranska direktVarje ändring visas omedelbart i förhandsgranskningen. Se exakt hur ditt formulär kommer att se ut innan du publicerar det.
- Spara som standardTillämpa din styling på nya former automatiskt. Skapa en gång, återanvänd överallt.
Vad du kan anpassa
Färg
Kontrollera alla färger i ditt formulär. Bakgrundsfärger för formulärbehållaren och enskilda fält. Textfärger för etiketter, platshållare och inmatningstext. Kantfärger för standard-, fokus- och felstatus. Knappfärger för bakgrund, text och muspekareffekter.
Typografi
Välj teckensnitt för etiketter och inmatningsfält. Justera teckenstorlekar oberoende av varandra – större etiketter för betoning, mindre hjälptext för sekundär information. Kontrollera teckenstorleken för fetstilta etiketter eller ljusare inmatningstext.
Avstånd och layout
Ställ in avståndet mellan fälten för att skapa utrymme. Justera utfyllnaden i fälten för bekväm textinmatning. Kontrollera marginalerna runt hela formuläret för att placera det perfekt i din sidlayout.
Gränser och hörn
Definiera kantbredd, stil och färg. Runda av hörnen för ett modernt utseende eller håll dem skarpa för en minimalistisk design. Använd olika kantstilar för olika formtillstånd – subtila kantlinjer som standard, framträdande kantlinjer i fokus.
Knappar
Designa knappar som matchar ditt varumärke. Bakgrundsfärg, textfärg, kantradie, utfyllnad, teckenstorlek och teckentjocklek. Anpassa muspekarlägen och aktiva lägen så att knapparna känns responsiva och klickbara.
FormContainer
Stilisera hela formuläromslaget. Lägg till en bakgrundsfärg eller håll det transparent. Använd rutor för att få djup. Ställ in kantradie för rundade formulärbehållare. Kontrollera maxbredden för att förhindra att formulär sträcks ut för brett.
Vanliga scenarier för formulärformatering
Riktlinjer för matchande varumärken
Ditt företag har specifika färger – #0F2D5F för primärfärger, #F59E0B för accenter. Ange dessa värden i stilredigeraren. Formulärknappar använder din accentfärg. Formuläretiketter använder din primärfärg. Perfekt varumärkeskonsekvens.
Skapa formulär med hög kontrast
Webbplats med mörk bakgrund? Skapa ljusa former som sticker ut. Ljus bakgrund? Använd former med kant och subtila skuggor för att definiera formulärområdet utan att konkurrera visuellt.
Designa minimalistiska former
Ta bort ramar, minska avståndet, använd transparenta bakgrunder. Skapa formulär som känns integrerade i sidan snarare än att sitta i en ruta.
Skapa djärva uppmaningsformulär
Stora knappar, starka färger, generös utfyllnad. Skapa formulär som kräver uppmärksamhet för dina viktigaste leadgenereringssidor.
Formulär som matchar vilket tema som helst
Auto Form Builder fungerar med alla WordPress-teman. Dina utformade formulär anpassar sig till alla designkontexter.
Använder du Woodmart, Astra, GeneratePress, Divi eller något annat tema? Dina formulär kommer att se inbyggda ut. Stilredigeraren ger dig tillräckligt med kontroll för att matcha alla designsystem.
Inga temakonflikter. Inga problem med stilarv. Bara formulär som ser ut precis som du vill ha dem.
Ingen CSS krävs
Du behöver inte skriva anpassad CSS för att utforma dina formulär. Den visuella redigeraren hanterar allt.
Men om du vill ha CSS-kontroll stöder Auto Form Builder anpassad CSS per formulär. Lägg till åsidosättningar för kantfall eller använd avancerad stil som inte är tillgänglig i den visuella redigeraren. Avancerade användare får den flexibilitet de behöver.
