Стилизирање на формата
Автоматскиот креатор на форми ви дава целосна контрола врз стилизирањето на формуларите. Усогласете ги боите на вашиот бренд, користете ги вашите фонтови, прилагодете го растојанието и дизајнирајте форми што изгледаат како природен дел од вашата страница.
Зошто е важно стилизирањето на формата
Вашата веб-страница има бренд. Вашите формулари треба да го одразуваат тоа.
Кога формуларите изгледаат различно од остатокот од вашата страница, посетителите се двоумат. Тие се прашуваат дали сè уште се на истата веб-страница. Тоа двоумење ги чини конверзиите.
Стилизираните форми исто така комуницираат професионализам. Дотераната форма им кажува на посетителите дека ви се важни деталите - а ако ви е важен дизајнот на формуларот, веројатно ви се важни и нивните податоци.
Како функционира стилизирањето на формите
Автоматскиот креатор на форми вклучува уредник за визуелен стил вграден во интерфејсот на креаторот на форми.
- Изберете што да стилизиратеИзберете од контејнер за формулари, етикети на полиња, полиња за внесување, копчиња или пораки за грешки.
- Прилагодете ги поставкитеКористете избирачи на бои, лизгачи и паѓачки менија за да ги промените вредностите. Нема CSS синтакса за учење или запомнување.
- Прегледајте веднашСекоја промена се појавува веднаш во прегледот во живо. Погледнете точно како ќе изгледа вашиот формулар пред да го објавите.
- Зачувај како стандардни поставки. Применете го вашиот стил на нови форми автоматски. Создадете еднаш, користете го повторно насекаде.
Што можете да прилагодите
Бои
Контролирајте ја секоја боја во вашиот формулар. Бои на позадина за контејнерот на формуларот и поединечните полиња. Бои на текст за етикети, резервирани места и внесен текст. Бои на границите за стандардни состојби, фокус и состојби на грешки. Бои на копчињата за позадина, текст и ефекти на лебдење.
Типографија
Изберете фонтови за етикети и полиња за внесување. Прилагодете ја големината на фонтовите независно - поголеми етикети за нагласување, помал помошен текст за секундарни информации. Контролирајте ја дебелината на фонтот за задебелени етикети или посветол текст за внесување.
Проред и распоред
Поставете растојание помеѓу полињата за да создадете простор за дишење. Прилагодете го дополнувањето во полињата за удобен внес на текст. Контролирајте ги маргините околу целата форма за да ја позиционирате совршено во распоредот на вашата страница.
Рабови и агли
Дефинирајте ширина, стил и боја на рамката. Заоблете ги аглите за модерен изглед или задржете ги остри за минималистички дизајн. Применувајте различни стилови на рамки на различни состојби на форми - суптилни рамки по дифолт, истакнати рамки во фокус.
Копчиња
Дизајнирајте копчиња за поднесување што одговараат на вашиот бренд. Боја на позадина, боја на текст, радиус на рамката, дополнување, големина на фонтот и дебелина на фонтот. Прилагодете ги состојбите на покажувачот на покажувачот и активните состојби за копчињата да бидат прилагодливи и кликачки.
FormContainer
Стилизирајте го целокупниот слој на обвивката на формуларот. Додадете боја на позадината или оставете ја транспарентна. Применете сенки на кутијата за длабочина. Поставете го радиусот на границата за заоблени контејнери на формуларот. Контролирајте ја максималната ширина за да спречите формите да се истегнуваат премногу широко.
Вообичаени сценарија за стилизирање на форми
Упатства за усогласување на брендот
Вашата компанија има специфични бои—#0F2D5F за примарни, #F59E0B за акценти. Внесете ги тие вредности во уредникот на стилови. Копчињата за формулари ја користат вашата акцентна боја. Етикетите за формулари ја користат вашата примарна боја. Совршена конзистентност на брендот.
Креирајте форми со висок контраст
Веб-страница со темна позадина? Креирајте светли форми што се истакнуваат. Светла позадина? Користете ограничени форми со суптилни сенки за да ја дефинирате областа на формата без визуелно да се натпреварувате.
Дизајнирајте минимални форми
Отстранете ги рамките, намалете го растојанието, користете транспарентни позадини. Создавајте форми што се чувствуваат интегрирани во страницата, наместо да седат во кутија.
Создадете смели формулари за повик за акција
Големи копчиња, силни бои, изобилство на дополнувања. Креирајте формулари кои бараат внимание за вашите најважни страници за генерирање потенцијални клиенти.
Форми што одговараат на која било тема
Автоматскиот креатор на форми работи со секоја WordPress тема. Вашите стилизирани форми се прилагодуваат на кој било дизајнерски контекст.
Користите Woodmart, Astra, GeneratePress, Divi или која било друга тема? Вашите форми ќе изгледаат природно. Уредникот за стилови ви дава доволно контрола за да одговара на кој било систем за дизајн.
Без конфликти на теми. Без проблеми со наследување на стилови. Само форми што изгледаат точно онака како што сакате.
Не е потребен CSS
Не треба да пишувате прилагоден CSS за да ги стилизирате вашите форми. Визуелниот уредник се справува со сè.
Но, ако сакате контрола на CSS, Auto Form Builder поддржува прилагоден CSS по формулар. Додадете заобиколувања за рабните случаи или применете напреден стил што не е достапен во визуелниот уредувач. Напредните корисници ја добиваат флексибилноста што им е потребна.
