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