Стылізацыя формы
Аўтаматычны канструктар формаў дае вам поўны кантроль над стылем формаў. Падбірайце колеры вашага брэнда, выкарыстоўвайце шрыфты, карэктуйце інтэрвалы і стварайце формы, якія выглядаюць як натуральная частка вашага сайта.
Чаму стыль формы мае значэнне
У вашага сайта ёсць брэнд. Вашы формы павінны яго адлюстроўваць.
Калі формы выглядаюць інакш, чым астатняя частка вашага сайта, наведвальнікі вагаюцца. Яны задаюцца пытаннем, ці знаходзяцца яны ўсё яшчэ на тым самым сайце. Гэта ваганне каштуе канверсій.
Стылізаваныя формы таксама сведчаць пра прафесіяналізм. Адшліфаваная форма кажа наведвальнікам, што вы клапоціцеся пра дэталі, а калі вам неабыякавы дызайн формы, то, верагодна, вам таксама неабыякавыя іх дадзеныя.
Як працуе стылізацыя формы
Аўтаматычны канструктар формаў уключае ў сябе рэдактар візуальных стыляў, убудаваны ў інтэрфейс канструктара формаў.
- Выберыце стыльВыберыце кантэйнер формы, подпісы палёў, палі ўводу, кнопкі або паведамленні пра памылкі.
- Адрэгулюйце наладыВыкарыстоўвайце панэлі выбару колеру, паўзункі і выпадальныя спісы для змены значэнняў. Не трэба вучыць ці запамінаць сінтаксіс CSS.
- Імгненны папярэдні праглядКожнае змяненне адразу адлюстроўваецца ў папярэднім праглядзе. Паглядзіце, як менавіта будзе выглядаць ваша форма, перад публікацыяй.
- Захаваць як налады па змаўчанніАўтаматычна ўжывайце стылізацыю да новых формаў. Стварыце адзін раз, выкарыстоўвайце паўсюль.
Што можна наладзіць
Колеры
Кантралюйце кожны колер у вашай форме. Колеры фону для кантэйнера формы і асобных палёў. Колеры тэксту для метак, запаўняльнікаў і ўводнага тэксту. Колеры межаў для станаў па змаўчанні, фокусу і памылак. Колеры кнопак для фону, тэксту і эфектаў навядзення курсора.
Кнігадрукаванне
Выбірайце шрыфты для подпісаў і палёў уводу. Рэгулюйце памеры шрыфтоў незалежна адзін ад аднаго — большыя подпісы для вылучэння, меншы дапаможны тэкст для дадатковай інфармацыі. Кантралюйце таўшчыню шрыфта для паўтлустых подпісаў або больш светлага тэксту ўводу.
Інтэрвал і макет
Усталюйце інтэрвалы паміж палямі, каб стварыць прастору для дыхання. Адрэгулюйце водступы ўнутры палёў для зручнага ўводу тэксту. Кантралюйце палі па ўсёй форме, каб ідэальна размясціць яе ў макеце старонкі.
Межы і куты
Вызначце шырыню, стыль і колер межаў. Закругліце куты для сучаснага выгляду або пакіньце іх рэзкімі для мінімалістычнага дызайну. Ужывайце розныя стылі межаў да розных станаў формы — нязначныя межы па змаўчанні, выразныя межы ў фокусе.
Кнопкі
Стварыце кнопкі адпраўкі, якія адпавядаюць вашаму брэнду. Колер фону, колер тэксту, радыус межаў, водступы, памер і таўшчыня шрыфта. Наладзьце стан навядзення курсора і актыўнасць, каб кнопкі былі адаптыўнымі і клікабельнымі.
Кантэйнер формы
Стылізуйце агульную абалонку формы. Дадайце колер фону або пакіньце яго празрыстым. Ужывайце цені для глыбіні. Усталюйце радыус межаў для круглявых кантэйнераў формы. Кіруйце максімальнай шырынёй, каб формы не расцягваліся занадта шырока.
Распаўсюджаныя сцэнарыі стылю формаў
Рэкамендацыі па брэндах Match
У вашай кампаніі ёсць пэўныя колеры — #0F2D5F для асноўных, #F59E0B для акцэнтаў. Увядзіце гэтыя значэнні ў рэдактар стыляў. Кнопкі формы выкарыстоўваюць ваш акцэнтны колер. Пазнакі формы выкарыстоўваюць ваш асноўны колер. Ідэальная кансістэнцыя брэнда.
Стварэнне высокакантрасных формаў
Цёмны фон для сайта? Стварыце светлыя формы, якія вылучаюцца. Светлы фон? Выкарыстоўвайце формы з акантоўкай і тонкімі ценямі, каб вызначыць вобласць формы без візуальнай канкурэнцыі.
Дызайн мінімальных формаў
Выдаліце межы, паменшыце інтэрвалы, выкарыстоўвайце празрысты фон. Стварайце формы, якія будуць інтэграваныя ў старонку, а не будуць знаходзіцца ў скрынцы.
Стварайце смелыя формы з заклікам да дзеяння
Вялікія кнопкі, насычаныя колеры, шчодрыя адступы. Стварайце формы, якія прыцягваюць увагу на вашых найважнейшых старонках для прыцягнення лідаў.
Формы, якія адпавядаюць любой тэме
Аўтаматычны канструктар формаў працуе з любой тэмай WordPress. Вашы стылізаваныя формы адаптуюцца да любога дызайнерскага кантэксту.
Карыстаецеся Woodmart, Astra, GeneratePress, Divi ці любой іншай тэмай? Вашы формы будуць выглядаць натыўна. Рэдактар стыляў дае вам дастаткова кантролю, каб адпавядаць любой дызайн-сістэме.
Ніякіх канфліктаў тэм. Ніякіх праблем з успадкоўваннем стыляў. Толькі формы, якія выглядаюць менавіта так, як вы хочаце.
CSS не патрабуецца
Вам не трэба пісаць уласны CSS для стылізацыі формаў. Візуальны рэдактар зробіць усё самастойна.
Але калі вам патрэбны кантроль над CSS, Auto Form Builder падтрымлівае карыстальніцкі CSS для кожнай формы. Дадайце перавызначэнні для памежных выпадкаў або ўжыйце пашыраныя стылі, недаступныя ў візуальным рэдактары. Дасведчаныя карыстальнікі атрымліваюць неабходную гнуткасць.
