Formalarni uslublash

Umumiy shakllar umumiy shakllarga o'xshaydi. Tashrif buyuruvchilar aloqa shakli veb-saytingizning qolgan qismiga mos kelmasligini payqashadi va bu ishonchga putur yetkazadi.

Avtomatik Form Builder sizga shakllar dizaynini to'liq boshqarish imkonini beradi. Brend ranglaringizni moslashtiring, shriftlardan foydalaning, oraliqlarni sozlang va saytingizning tabiiy qismi kabi ko'rinadigan shakllarni yarating.

Nima uchun shaklni shakllantirish muhim

Veb-saytingiz brendga ega. Shakllaringiz uni aks ettirishi kerak.
Formalar saytingizning qolgan qismidan farq qilganda, tashrif buyuruvchilar ikkilanishadi. Ular hali ham o'sha veb-saytda ekanligidan hayron bo'lishadi. Bu ikkilanish konversiyalarga olib keladi.
Stillashtirilgan shakllar, shuningdek, professionallikni ham ifodalaydi. Sayqallangan shakl tashrif buyuruvchilarga sizning tafsilotlarga ahamiyat berishingizni aytadi - va agar siz shakl dizayniga ahamiyat bersangiz, ehtimol ularning ma'lumotlari ham sizga ahamiyat beradi.

Formalarni uslublash qanday ishlaydi

Avtomatik Form Builder forma quruvchisi interfeysiga o'rnatilgan vizual uslub muharririni o'z ichiga oladi.

  • Nimani uslublashni tanlangForma konteyneri, maydon yorliqlari, kiritish maydonlari, tugmalar yoki xato xabarlaridan tanlang.
  • Sozlamalarni sozlangQiymatlarni o'zgartirish uchun rang tanlagichlar, slayderlar va ochiladigan menyulardan foydalaning. O'rganish yoki eslab qolish uchun CSS sintaksisi yo'q.
  • Darhol oldindan ko'rishHar bir o'zgarish darhol jonli ko'rishda ko'rinadi. Nashr qilishdan oldin shaklingiz qanday ko'rinishini aniq ko'ring.
  • Standart sozlamalar sifatida saqlashUslubingizni yangi shakllarga avtomatik ravishda qo'llang. Bir marta yarating, hamma joyda qayta ishlating.

Siz nimani sozlashingiz mumkin

ranglar

ranglar

Formangizdagi har bir rangni boshqaring. Forma konteyneri va alohida maydonlar uchun fon ranglari. Yorliqlar, joy egallovchilar va kiritish matni uchun matn ranglari. Standart, fokus va xato holatlari uchun chegara ranglari. Fon, matn va hover effektlari uchun tugma ranglari.

tipografiyani

tipografiyani

Yorliqlar va kiritish maydonlari uchun shriftlarni tanlang. Shrift o'lchamlarini mustaqil ravishda sozlang — ta'kidlash uchun kattaroq yorliqlar, ikkilamchi ma'lumot uchun kichikroq yordamchi matn. Qalin yorliqlar yoki ochroq matn uchun shrift qalinligini boshqaring.

Bo'shliq va joylashuv

Bo'shliq va joylashuv

Nafas olish uchun maydonlar orasidagi masofani belgilang. Matnni qulay kiritish uchun maydonlar ichidagi bo'shliqlarni sozlang. Sahifa maketingizga mukammal joylashishi uchun butun shakl atrofidagi chekkalarni boshqaring.

Chegaralar va burchaklar

Chegaralar va burchaklar

Chegara kengligi, uslubi va rangini aniqlang. Zamonaviy ko'rinish uchun burchaklarni yumaloqlang yoki minimalist dizayn uchun ularni aniq saqlang. Turli xil shakl holatlariga turli xil chegara uslublarini qo'llang — sukut bo'yicha nozik chegaralar, diqqat markazida aniq chegaralar.

tugmalari

tugmalari

Brendingizga mos keladigan yuborish tugmalarini yarating. Fon rangi, matn rangi, chegara radiusi, to'ldirish, shrift o'lchami va shrift qalinligi. Tugmalar sezgir va bosish mumkin bo'lishi uchun sichqoncha kursorini havoda ushlab turish va faol holatni sozlang.

FormContainer

FormContainer

Umumiy shakl o'ramini uslublang. Fon rangini qo'shing yoki uni shaffof saqlang. Chuqurlik uchun katakcha soyalarini qo'llang. Yumaloq shakl konteynerlari uchun chegara radiusini o'rnating. Formalarning juda keng cho'zilib ketishining oldini olish uchun maksimal kenglikni boshqaring.

Umumiy shakl uslublash stsenariylari

Mos brend ko'rsatmalari

Kompaniyangizning o'ziga xos ranglari bor — asosiy ranglar uchun #0F2D5F, urg'ular uchun #F59E0B. Ushbu qiymatlarni uslub muharririga kiriting. Forma tugmalari urg'u rangingizdan foydalanadi. Forma yorliqlari asosiy rangingizdan foydalanadi. Brendning mukammal muvofiqligi.

Yuqori kontrastli shakllar yarating

To'q fonli veb-saytmi? Ajratib turadigan yorug' shakllar yarating. Och fonmi? Vizual jihatdan raqobatlashmasdan, shakl maydonini aniqlash uchun nozik soyalar bilan chegaralangan shakllardan foydalaning.

Minimal shakllarni loyihalash

Chegaralarni olib tashlang, oraliqlarni kamaytiring, shaffof fonlardan foydalaning. Qutida o'tirish o'rniga sahifaga integratsiyalashgandek tuyuladigan shakllar yarating.

Dadil harakatga chaqiruv shakllarini yarating

Katta tugmalar, yorqin ranglar, keng to'ldirish. Eng muhim mijozlarni jalb qilish sahifalaringiz uchun e'tibor talab qiladigan shakllar yarating.

Har qanday mavzuga mos keladigan shakllar

Auto Form Builder har bir WordPress mavzusi bilan ishlaydi. Sizning uslublangan shakllaringiz har qanday dizayn kontekstiga moslashadi.

Woodmart, Astra, GeneratePress, Divi yoki boshqa biron bir mavzudan foydalanyapsizmi? Formalaringiz asl ko'rinishga ega bo'ladi. Uslub muharriri sizga har qanday dizayn tizimiga mos kelish uchun yetarli boshqaruvni beradi.

Mavzular bo'yicha ziddiyatlar yo'q. Uslublarni meros qilib olish bilan bog'liq muammolar yo'q. Faqat siz xohlagan tarzda ko'rinadigan shakllar.

Formalarni uslublash

CSS talab qilinmaydi

Formalaringizni uslublash uchun maxsus CSS yozishingiz shart emas. Vizual muharrir hamma narsani hal qiladi.

Lekin agar siz CSS boshqaruvini xohlasangiz, Auto Form Builder har bir shakl uchun maxsus CSS-ni qo'llab-quvvatlaydi. Chekka registrlar uchun qayta belgilashlarni qo'shing yoki vizual muharrirda mavjud bo'lmagan ilg'or uslublarni qo'llang. Ilg'or foydalanuvchilar kerakli moslashuvchanlikni olishadi.

WordPress shakllarini yaratishni bugun boshlang

Auto Form Builder dasturini bepul yuklab oling va bugun cheksiz shakllar yarating. Kredit karta yo'q. Sinov muddati cheklovlari yo'q. Shakllarni yaratishning shunchaki yaxshiroq usuli.