Форма стилі
Auto Form Builder сізге форма стилін толық басқаруға мүмкіндік береді. Бренд түстерін сәйкестендіріңіз, қаріптерді пайдаланыңыз, аралықты реттеңіз және сайтыңыздың табиғи бөлігі сияқты көрінетін формаларды жасаңыз.
Неліктен форманы сәндеу маңызды
Веб-сайтыңыздың бренді бар. Сіздің формаларыңыз соны көрсетуі керек.
Форма сайттың қалған бөлігінен өзгеше көрінген кезде, келушілер тартынады. Олар әлі де сол веб-сайтта ма екен деп ойлайды. Бұл тартыншақтық конверсияға әкеледі.
Стильді формалар кәсібилікті де көрсетеді. Жылтыратылған форма келушілерге сіздің бөлшектерге мән беретініңізді білдіреді - егер сіз форма дизайнына мән берсеңіз, олардың деректеріне де мән беретін шығарсыз.
Пішінді стильдеу қалай жұмыс істейді
Auto Form Builder құрамында форма құрастырушы интерфейсіне кіріктірілген визуалды стиль редакторы бар.
- Нені стильдеу керектігін таңдаңызФорма контейнерінен, өріс белгілерінен, енгізу өрістерінен, түймелерден немесе қате туралы хабарламалардан таңдаңыз.
- Параметрлерді реттеңізМәндерді өзгерту үшін түс таңдағыштарды, сырғытпаларды және ашылмалы тізімдерді пайдаланыңыз. Үйренуге немесе есте сақтауға арналған CSS синтаксисі жоқ.
- Лезде алдын ала қарауӘрбір өзгеріс тікелей алдын ала қарауда бірден көрсетіледі. Жарияламас бұрын формаңыздың қалай көрінетінін нақты көріңіз.
- Әдепкі параметрлер ретінде сақтауСтильді жаңа пішіндерге автоматты түрде қолданыңыз. Бір рет жасаңыз, барлық жерде қайта пайдаланыңыз.
Нені теңшеуге болады
түстер
Формаңыздағы әрбір түсті басқарыңыз. Форма контейнері мен жеке өрістер үшін фон түстері. Белгілер, толтырғыштар және енгізу мәтіні үшін мәтін түстері. Әдепкі, фокус және қате күйлері үшін шекара түстері. Фон, мәтін және меңзерді апару эффектілері үшін түйме түстері.
Typography
Белгілер мен енгізу өрістеріне қаріптерді таңдаңыз. Қаріп өлшемдерін бөлек реттеңіз — екпін үшін үлкенірек белгілер, қосымша ақпарат үшін кішірек көмекші мәтін. Қалың белгілер немесе ашық түсті енгізу мәтіні үшін қаріп қалыңдығын басқарыңыз.
Аралық және орналасу
Тыныс алу үшін өрістер арасындағы аралықты орнатыңыз. Мәтінді ыңғайлы енгізу үшін өрістердің ішіндегі бос орындарды реттеңіз. Бет орналасуына мінсіз орналастыру үшін бүкіл форманың айналасындағы жиектерді басқарыңыз.
Шекаралар мен бұрыштар
Жиектің енін, стилін және түсін анықтаңыз. Заманауи көрініс үшін бұрыштарды дөңгелектеңіз немесе минималистік дизайн үшін оларды өткір ұстаңыз. Әртүрлі пішін күйлеріне әртүрлі жиек стильдерін қолданыңыз — әдепкі бойынша нәзік жиектер, назарда көрнекті жиектер.
Түймешіктер
Брендіңізге сәйкес келетін жіберу түймелерін жасаңыз. Фон түсі, мәтін түсі, жиек радиусы, толтыру, қаріп өлшемі және қаріп қалыңдығы. Түймелердің жауап беретін және басылатындай көрінуі үшін тінтуірді апару және белсенді күйлерді реттеңіз.
FormContainer
Форманың жалпы қаптамасын стильдеңіз. Фон түсін қосыңыз немесе оны мөлдір етіп сақтаңыз. Тереңдік үшін қорап көлеңкелерін қолданыңыз. Дөңгелектелген форма контейнерлері үшін шекара радиусын орнатыңыз. Формалардың тым кең созылуын болдырмау үшін максималды енін басқарыңыз.
Жалпы форманы стильдеу сценарийлері
Сәйкестендіру бренді нұсқаулары
Компанияңыздың нақты түстері бар — негізгі түс үшін #0F2D5F, екпін үшін #F59E0B. Бұл мәндерді стиль редакторына енгізіңіз. Форма түймелері екпін түсін пайдаланады. Форма белгілері негізгі түсіңізді пайдаланады. Брендтің мінсіз үйлесімділігі.
Жоғары контрастты формаларды жасаңыз
Қараңғы фондағы веб-сайт па? Көзге түсетін ашық пішіндер жасаңыз. Ашық фон па? Форма аймағын визуалды түрде бәсекелеспей анықтау үшін нәзік көлеңкелері бар жиектелген пішіндерді пайдаланыңыз.
Минималды формаларды жобалау
Жиектерді алып тастаңыз, аралықты азайтыңыз, мөлдір фондарды пайдаланыңыз. Қорапта отырғанның орнына бетке интеграцияланғандай сезілетін формалар жасаңыз.
Әрекетке шақыру формаларын батыл түрде жасаңыз
Үлкен түймелер, қанық түстер, кең толтырғыштар. Ең маңызды лидтерді тарту беттеріңіз үшін назар аударуды қажет ететін формалар жасаңыз.
Кез келген тақырыпқа сәйкес келетін формалар
Auto Form Builder кез келген WordPress тақырыбымен жұмыс істейді. Сіздің стильдендірілген формаларыңыз кез келген дизайн контекстіне бейімделеді.
Woodmart, Astra, GeneratePress, Divi немесе кез келген басқа тақырыпты пайдаланып жатырсыз ба? Сіздің формаларыңыз табиғи көрінеді. Стиль редакторы кез келген дизайн жүйесіне сәйкес келетіндей жеткілікті басқару мүмкіндігін береді.
Тақырыптық қайшылықтар жоқ. Стиль мұрагерлігі мәселелері жоқ. Тек сіз қалағандай көрінетін формалар.
CSS талап етілмейді
Формаларды стильдеу үшін арнайы CSS жазудың қажеті жоқ. Визуалды редактор бәрін өңдейді.
Бірақ егер сіз CSS басқаруын қаласаңыз, Auto Form Builder әр форма үшін арнайы CSS қолдайды. Жиек регистрлері үшін қайта жазуларды қосыңыз немесе визуалды редакторда қолжетімді емес кеңейтілген стильдеуді қолданыңыз. Тәжірибелі пайдаланушылар қажетті икемділікті алады.
