Stilul formei
Constructorul automat de formulare vă oferă control complet asupra stilizării formularelor. Potriviți culorile mărcii dvs., utilizați fonturile, ajustați spațierea și proiectați formulare care arată ca o parte naturală a site-ului dvs.
De ce contează stilizarea formularului
Site-ul tău web are un brand. Formularele tale ar trebui să reflecte acest lucru.
Când formularele arată diferit de restul site-ului, vizitatorii ezită. Se întreabă dacă sunt încă pe același site web. Această ezitare costă conversii.
Formularele stilizate comunică și profesionalism. Un formular elegant le spune vizitatorilor că vă pasă de detalii - și dacă vă pasă de designul formularului, probabil că vă pasă și de datele lor.
Cum funcționează stilizarea formularului
Constructorul automat de formulare include un editor vizual de stil încorporat în interfața constructorului de formulare.
- Selectați ce stil dorițiAlegeți dintre containerul formularului, etichetele câmpurilor, câmpurile de introducere a datelor, butoanele sau mesajele de eroare.
- Reglați setărileFolosește selectoare de culori, cursoare și meniuri derulante pentru a modifica valorile. Nu este nevoie să înveți sau să reții sintaxa CSS.
- Previzualizare instantaneeFiecare modificare apare imediat în previzualizarea live. Vedeți exact cum va arăta formularul dvs. înainte de publicare.
- Salvați ca valori impliciteAplică automat stilurile formularelor noi. Creează o singură dată, reutilizează peste tot.
Ce puteți personaliza
Culori
Controlează fiecare culoare din formular. Culori de fundal pentru containerul formularului și câmpurile individuale. Culori de text pentru etichete, substituenți și text de introducere. Culori de bordură pentru stările implicite, de focalizare și de eroare. Culori de butoane pentru fundal, text și efecte de trecere cu mouse-ul.
Tipografie
Alegeți fonturi pentru etichete și câmpuri de introducere. Ajustați dimensiunile fonturilor independent - etichete mai mari pentru accentuare, text auxiliar mai mic pentru informații secundare. Controlați grosimea fontului pentru etichete îngroșate sau text de introducere mai deschis la culoare.
Spațiere și aspect
Setați spațierea dintre câmpuri pentru a crea spațiu de respiro. Ajustați padding-ul în interiorul câmpurilor pentru o introducere confortabilă a textului. Controlați marginile din jurul întregului formular pentru a-l poziționa perfect în aspectul paginii.
Granițe și Colțuri
Definiți lățimea, stilul și culoarea bordurii. Rotunjiți colțurile pentru un aspect modern sau păstrați-le clare pentru un design minimalist. Aplicați diferite stiluri de borduri la diferite stări ale formularului - borduri subtile în mod implicit, borduri proeminente în focalizare.
Butoane
Proiectează butoane de trimitere care să se potrivească cu brandul tău. Culoarea de fundal, culoarea textului, raza chenarului, padding-ul, dimensiunea fontului și grosimea fontului. Personalizează stările de trecere cu mouse-ul și cele active, astfel încât butoanele să fie receptive și ușor de accesat.
FormContainer
Stilizați învelișul general al formularului. Adăugați o culoare de fundal sau păstrați-l transparent. Aplicați umbre de casetă pentru adâncime. Setați raza bordurii pentru containerele de formular rotunjite. Controlați lățimea maximă pentru a împiedica întinderea prea mare a formularelor.
Scenarii comune de stilizare a formularelor
Regulile de potrivire a mărcii
Compania ta are culori specifice — #0F2D5F pentru culorile principale, #F59E0B pentru culorile accente. Introduceți aceste valori în editorul de stil. Butoanele formularului folosesc culoarea ta de accent. Etichetele formularului folosesc culoarea ta principală. Consecvență perfectă a mărcii.
Creați formulare cu contrast ridicat
Site web cu fundal închis? Creați forme luminoase care ies în evidență. Fundal deschis? Folosiți forme chenarate cu umbre subtile pentru a defini zona formularului fără a concura vizual.
Proiectează forme minimaliste
Eliminați marginile, reduceți spațierea, folosiți fundaluri transparente. Creați formulare care să se integreze în pagină, în loc să stea într-o casetă.
Creați formulare îndrăznețe cu îndemn la acțiune
Butoane mari, culori puternice, umplere generoasă. Creați formulare care atrag atenția asupra celor mai importante pagini de generare de clienți potențiali.
Formulare care se potrivesc oricărei teme
Constructorul automat de formulare funcționează cu fiecare temă WordPress. Formularele tale stilizate se adaptează oricărui context de design.
Folosești Woodmart, Astra, GeneratePress, Divi sau orice altă temă? Formularele tale vor arăta nativ. Editorul de stil îți oferă suficient control pentru a se potrivi cu orice sistem de design.
Fără conflicte de teme. Fără probleme de moștenire a stilului. Doar formulare care arată exact așa cum le doriți.
Nu este necesar CSS
Nu trebuie să scrii CSS personalizat pentru a stiliza formularele. Editorul vizual se ocupă de tot.
Dar dacă doriți control CSS, Auto Form Builder acceptă CSS personalizat pentru fiecare formular. Adăugați suprascrieri pentru cazurile limită sau aplicați stiluri avansate care nu sunt disponibile în editorul vizual. Utilizatorii avansați beneficiază de flexibilitatea de care au nevoie.
