ფორმის სტილიზაცია
Auto Form Builder გაძლევთ ფორმების სტილზე სრულ კონტროლს. შეუსაბამეთ თქვენი ბრენდის ფერები, გამოიყენეთ შრიფტები, შეცვალეთ დაშორება და შექმენით ფორმები, რომლებიც თქვენი საიტის ბუნებრივ ნაწილს ჰგავს.
რატომ არის ფორმის სტილი მნიშვნელოვანი
თქვენს ვებსაიტს ბრენდი აქვს. თქვენი ფორმები მას უნდა ასახავდეს.
როდესაც ფორმები განსხვავდება თქვენი საიტის დანარჩენი ნაწილისგან, ვიზიტორები ყოყმანობენ. ისინი ფიქრობენ, იმყოფებიან თუ არა ისევ იმავე ვებსაიტზე. ეს ყოყმანი კონვერსიების ხარჯზე მოქმედებს.
სტილიზებული ფორმები ასევე პროფესიონალიზმს გადმოსცემს. დახვეწილი ფორმა ვიზიტორებს ეუბნება, რომ დეტალები გაინტერესებთ და თუ ფორმის დიზაინი გაინტერესებთ, სავარაუდოდ, მათი მონაცემებიც გაინტერესებთ.
როგორ მუშაობს ფორმის სტილიზაცია
ავტომატური ფორმის შემქმნელი მოიცავს ვიზუალური სტილის რედაქტორს, რომელიც ჩაშენებულია ფორმის შემქმნელის ინტერფეისში.
- აირჩიეთ სტილიაირჩიეთ ფორმის კონტეინერიდან, ველის იარლიყებიდან, შეყვანის ველებიდან, ღილაკებიდან ან შეცდომის შეტყობინებებიდან.
- შეცვალეთ პარამეტრები. მნიშვნელობების შესაცვლელად გამოიყენეთ ფერის ამომრჩევები, სლაიდერები და ჩამოსაშლელი სიები. CSS სინტაქსის შესწავლა ან დამახსოვრება საჭირო არ არის.
- მყისიერი გადახედვაყველა ცვლილება მყისიერად გამოჩნდება რეალურ დროში გადახედვისას. გამოქვეყნებამდე ზუსტად ნახეთ, როგორ გამოიყურება თქვენი ფორმა.
- ნაგულისხმევ პარამეტრებად შენახვა. თქვენი სტილი ახალ ფორმებზე ავტომატურად გამოიყენეთ. შექმენით ერთხელ, გამოიყენეთ ყველგან.
რისი პერსონალიზება შეგიძლიათ
ფერები
აკონტროლეთ თქვენს ფორმაში არსებული ყველა ფერი. ფონის ფერები ფორმის კონტეინერისა და ცალკეული ველებისთვის. ტექსტის ფერები ეტიკეტებისთვის, ჩანაცვლების ველებისთვის და შეყვანილი ტექსტისთვის. საზღვრის ფერები ნაგულისხმევი, ფოკუსირებისა და შეცდომის მდგომარეობებისთვის. ღილაკების ფერები ფონის, ტექსტისა და მაუსის გადატარების ეფექტებისთვის.
განლაგება
აირჩიეთ შრიფტები ეტიკეტებისა და შეყვანის ველებისთვის. შრიფტის ზომები დამოუკიდებლად დაარეგულირეთ - უფრო დიდი ეტიკეტები ხაზგასასმელად, უფრო პატარა დამხმარე ტექსტი მეორადი ინფორმაციისთვის. აკონტროლეთ შრიფტის სისქე მუქი ეტიკეტების ან უფრო ღია შეყვანის ტექსტისთვის.
ინტერვალი და განლაგება
დააყენეთ ველებს შორის დაშორება თავისუფალი სივრცის შესაქმნელად. ტექსტის შეყვანის კომფორტისთვის, შეცვალეთ ველების შიგნით შევსება. აკონტროლეთ მთელი ფორმის გარშემო არსებული კიდეები, რათა ის იდეალურად მოათავსოთ თქვენი გვერდის განლაგებაში.
საზღვრები და კუთხეები
განსაზღვრეთ საზღვრის სიგანე, სტილი და ფერი. მომრგვალეთ კუთხეები თანამედროვე იერსახისთვის ან შეინარჩუნეთ მათი სიმკვეთრე მინიმალისტური დიზაინისთვის. გამოიყენეთ საზღვრის სხვადასხვა სტილი ფორმის სხვადასხვა მდგომარეობაში - ნაგულისხმევად დახვეწილი საზღვრები, ფოკუსში გამოკვეთილი საზღვრები.
Buttons
შექმენით თქვენი ბრენდის შესაბამისი ღილაკების გაგზავნის დიზაინი. ფონის ფერი, ტექსტის ფერი, საზღვრის რადიუსი, შევსება, შრიფტის ზომა და შრიფტის სისქე. დააკონფიგურირეთ მაუსის გადასვლისა და აქტიური მდგომარეობები, რათა ღილაკებმა იგრძნოს რეაგირება და დაწკაპუნება.
ფორმის კონტეინერი
ფორმის საერთო გადასაფარებლის სტილი. დაამატეთ ფონის ფერი ან დატოვეთ გამჭვირვალე. სიღრმისთვის გამოიყენეთ ჩარჩოს ჩრდილები. მომრგვალებული ფორმის კონტეინერებისთვის დააყენეთ საზღვრის რადიუსი. აკონტროლეთ მაქსიმალური სიგანე, რათა ფორმები ზედმეტად ფართოდ არ გაიჭიმოს.
ფორმის სტილის საერთო სცენარები
ბრენდის შესაბამისობის სახელმძღვანელო მითითებები
თქვენს კომპანიას აქვს კონკრეტული ფერები—#0F2D5F ძირითადი ფერებისთვის, #F59E0B აქცენტებისთვის. შეიყვანეთ ეს მნიშვნელობები სტილის რედაქტორში. ფორმის ღილაკები იყენებენ თქვენს აქცენტურ ფერს. ფორმის იარლიყები იყენებენ თქვენს ძირითად ფერს. ბრენდის იდეალური თანმიმდევრულობა.
შექმენით მაღალი კონტრასტის ფორმები
მუქი ფონის ვებსაიტი? შექმენით ღია ფორმები, რომლებიც გამოირჩევა. ღია ფონი? გამოიყენეთ საზღვრებიანი ფორმები დახვეწილი ჩრდილებით, რათა განსაზღვროთ ფორმის არეალი ვიზუალური კონკურენციის გარეშე.
დიზაინის მინიმალური ფორმები
მოაშორეთ საზღვრები, შეამცირეთ დაშორებები, გამოიყენეთ გამჭვირვალე ფონი. შექმენით ფორმები, რომლებიც ჩარჩოში ჩასმულის ნაცვლად, გვერდზე ინტეგრირებული ჩანს.
შექმენით თამამი მოწოდების ფორმები
დიდი ღილაკები, მკვეთრი ფერები, უხვი შევსება. შექმენით ფორმები, რომლებიც ყურადღებას მოითხოვს თქვენი ყველაზე მნიშვნელოვანი ლიდების გენერირების გვერდებისთვის.
ფორმები, რომლებიც ნებისმიერ თემას შეესაბამება
Auto Form Builder მუშაობს WordPress-ის ყველა თემასთან. თქვენი სტილიზებული ფორმები ადაპტირდება ნებისმიერი დიზაინის კონტექსტთან.
იყენებთ Woodmart-ს, Astra-ს, GeneratePress-ს, Divi-ს ან სხვა ნებისმიერ თემას? თქვენი ფორმები მშობლიურ იერს მიიღებს. სტილის რედაქტორი საკმარის კონტროლს გაძლევთ, რათა ნებისმიერ დიზაინის სისტემას შეესაბამებოდეს.
თემების კონფლიქტები არ არსებობს. სტილის მემკვიდრეობის პრობლემები არ არსებობს. მხოლოდ ფორმები, რომლებიც ზუსტად ისე გამოიყურება, როგორც გსურთ.
CSS არ არის საჭირო
ფორმების სტილიზაციისთვის არ გჭირდებათ საკუთარი CSS კოდის დაწერა. ყველაფერს ვიზუალური რედაქტორი აგვარებს.
თუმცა, თუ გსურთ CSS-ის კონტროლი, Auto Form Builder მხარს უჭერს თითოეული ფორმისთვის მორგებულ CSS-ს. დაამატეთ გადაფარვები კიდეების შემთხვევებისთვის ან გამოიყენეთ გაფართოებული სტილი, რომელიც არ არის ხელმისაწვდომი ვიზუალურ რედაქტორში. გაფართოებული მომხმარებლები მიიღებენ საჭირო მოქნილობას.
