Estil de formulari
El Creador automàtic de formularis us dóna un control complet sobre l'estil dels formularis. Feu coincidir els colors de la vostra marca, utilitzeu les vostres fonts, ajusteu l'espaiat i dissenyeu formularis que semblin una part natural del vostre lloc web.
Per què importa l'estil de formulari
El vostre lloc web té una marca. Els vostres formularis l'han de reflectir.
Quan els formularis tenen un aspecte diferent de la resta del vostre lloc web, els visitants dubten. Es pregunten si encara són al mateix lloc web. Aquesta vacil·lació costa conversions.
Els formularis amb estil també comuniquen professionalitat. Un formulari polit indica als visitants que us preocupeu pels detalls, i si us importa el disseny del formulari, probablement també us importen les seves dades.
Com funciona l'estil de formulari
El creador automàtic de formularis inclou un editor d'estil visual integrat a la interfície del creador de formularis.
- Selecciona quin estil vols donarTrieu entre contenidor de formulari, etiquetes de camp, camps d'entrada, botons o missatges d'error.
- Ajusta la configuracióFeu servir selectors de color, controls lliscants i menús desplegables per canviar els valors. No cal aprendre ni recordar la sintaxi CSS.
- Vista prèvia a l'instantCada canvi apareix immediatament a la vista prèvia en directe. Vegeu exactament com quedarà el vostre formulari abans de publicar-lo.
- Desa com a valors predeterminatsAplica l'estil als formularis nous automàticament. Crea una vegada i reutilitza-ho a tot arreu.
Què podeu personalitzar
Colors
Controla tots els colors del formulari. Colors de fons per al contenidor del formulari i els camps individuals. Colors de text per a etiquetes, marcadors de posició i text d'entrada. Colors de vora per als estats predeterminat, de focus i d'error. Colors de botons per al fons, el text i els efectes de desplaçament.
Tipografia
Trieu les fonts per a les etiquetes i els camps d'entrada. Ajusteu les mides de la font de manera independent: etiquetes més grans per a l'èmfasi, text auxiliar més petit per a la informació secundària. Controleu el gruix de la font per a etiquetes en negreta o text d'entrada més clar.
Espaiat i disseny
Establiu l'espaiat entre els camps per crear espai per respirar. Ajusteu el farciment dins dels camps per a una entrada de text còmoda. Controleu els marges al voltant de tot el formulari per posicionar-lo perfectament dins del disseny de la pàgina.
Vores i cantonades
Defineix l'amplada, l'estil i el color de la vora. Arrodoneix les cantonades per a un aspecte modern o mantén-les nítides per a un disseny minimalista. Aplica diferents estils de vora a diferents estats de formulari: vores subtils per defecte, vores destacades al centre.
Botons
Dissenya botons d'enviament que coincideixin amb la teva marca. Color de fons, color del text, radi de la vora, farciment, mida de la lletra i gruix de la lletra. Personalitza els estats en què els botons surten per sobre i són actius perquè responguin i es pugui fer clic.
FormContainer
Apliqueu estil a l'embolcall general del formulari. Afegiu un color de fons o manteniu-lo transparent. Apliqueu ombres de caixa per donar profunditat. Defineu el radi de la vora per als contenidors de formularis arrodonits. Controleu l'amplada màxima per evitar que els formularis s'allarguin massa.
Escenaris d'estil de formulari comuns
Directrius de marca coincidents
La teva empresa té colors específics: #0F2D5F per als principals i #F59E0B per als accents. Introdueix aquests valors a l'editor d'estils. Els botons del formulari utilitzen el teu color d'accent. Les etiquetes del formulari utilitzen el teu color principal. Una coherència de marca perfecta.
Crea formularis d'alt contrast
Lloc web amb fons fosc? Crea formes clares que destaquin. Fons clar? Utilitza formes vorejades amb ombres subtils per definir l'àrea del formulari sense competir visualment.
Disseny de formes mínimes
Elimina les vores, redueix l'espaiat, utilitza fons transparents. Crea formularis que semblin integrats a la pàgina en lloc de quedar-se en un requadre.
Crea formularis de crida a l'acció en negreta
Botons grans, colors forts, farciment generós. Crea formularis que cridin l'atenció per a les teves pàgines de generació de contactes més importants.
Formularis que coincideixen amb qualsevol tema
El Creador automàtic de formularis funciona amb tots els temes de WordPress. Els formularis amb estil s'adapten a qualsevol context de disseny.
Fas servir Woodmart, Astra, GeneratePress, Divi o qualsevol altre tema? Els teus formularis tindran un aspecte natiu. L'editor d'estils et dóna prou control per adaptar-se a qualsevol sistema de disseny.
Sense conflictes de temes. Sense problemes d'herència d'estils. Només formularis que tenen exactament l'aspecte que vols.
No cal CSS
No cal que escriviu CSS personalitzat per donar estil als vostres formularis. L'editor visual s'encarrega de tot.
Però si voleu control CSS, Auto Form Builder admet CSS personalitzat per formulari. Afegiu substitucions per a casos límit o apliqueu estils avançats que no estan disponibles a l'editor visual. Els usuaris avançats obtenen la flexibilitat que necessiten.
