Stiliziranje obrasca
Auto Form Builder vam daje potpunu kontrolu nad stiliziranjem obrazaca. Uskladite boje vašeg brenda, koristite fontove, prilagodite razmak i dizajnirajte obrasce koji izgledaju kao prirodni dio vaše web stranice.
Zašto je stiliziranje forme važno
Vaša web stranica ima brend. Vaši obrasci bi ga trebali odražavati.
Kada obrasci izgledaju drugačije od ostatka vaše stranice, posjetioci oklijevaju. Pitaju se da li su još uvijek na istoj web stranici. To oklijevanje košta konverzija.
Stilizirani obrasci također prenose profesionalizam. Uglađen obrazac govori posjetiteljima da vam je stalo do detalja - a ako vam je stalo do dizajna obrasca, vjerojatno vam je stalo i do njihovih podataka.
Kako funkcionira stiliziranje forme
Auto Form Builder uključuje uređivač vizualnih stilova ugrađen u interfejs alata za izradu obrazaca.
- Odaberite šta želite stiliziratiIzaberite između kontejnera obrasca, oznaka polja, polja za unos, dugmadi ili poruka o grešci.
- Prilagodite postavkeKoristite birače boja, klizače i padajuće menije za promjenu vrijednosti. Nije potrebna CSS sintaksa za učenje ili pamćenje.
- Pregledajte odmahSvaka promjena se odmah prikazuje u pregledu uživo. Pogledajte tačno kako će vaš obrazac izgledati prije objavljivanja.
- Sačuvaj kao zadane postavkeAutomatski primijenite stil na nove obrasce. Kreirajte jednom, ponovo koristite svugdje.
Šta možete prilagoditi
boje
Kontrolirajte svaku boju u vašem obrascu. Boje pozadine za kontejner obrasca i pojedinačna polja. Boje teksta za oznake, rezervirana mjesta i uneseni tekst. Boje okvira za zadana stanja, stanja fokusa i greške. Boje dugmadi za pozadinu, tekst i efekte zadržavanja pokazivača miša.
tipografija
Odaberite fontove za oznake i polja za unos. Podesite veličine fontova nezavisno - veće oznake za naglašavanje, manji pomoćni tekst za sekundarne informacije. Kontrolirajte debljinu fonta za podebljane oznake ili svjetliji tekst za unos.
Razmak i raspored
Podesite razmak između polja kako biste stvorili prostor za disanje. Podesite razmak unutar polja za udoban unos teksta. Kontrolirajte margine oko cijelog obrasca kako biste ga savršeno pozicionirali unutar rasporeda stranice.
Rubovi i uglovi
Definišite širinu, stil i boju obruba. Zaoblite uglove za moderan izgled ili ih održite oštrim za minimalistički dizajn. Primijenite različite stilove obruba na različita stanja obrasca - suptilni obrubi prema zadanim postavkama, istaknuti obrubi u fokusu.
Buttons
Dizajnirajte dugmad za slanje koja odgovaraju vašem brendu. Boja pozadine, boja teksta, radijus okvira, podloga, veličina fonta i debljina fonta. Prilagodite stanje zadržavanja miša i aktivno stanje tako da dugmad budu responzivna i da se na njih može kliknuti.
FormContainer
Stilizirajte cjelokupni omotač obrasca. Dodajte boju pozadine ili je ostavite prozirnom. Primijenite sjene okvira za dubinu. Postavite radijus obruba za zaobljene kontejnere obrasca. Kontrolirajte maksimalnu širinu kako biste spriječili preveliko rastezanje obrazaca.
Uobičajeni scenariji stiliziranja obrazaca
Smjernice za podudaranje brendova
Vaša kompanija ima specifične boje—#0F2D5F za primarnu, #F59E0B za akcente. Unesite te vrijednosti u uređivač stilova. Dugmad obrasca koriste vašu akcentnu boju. Oznake obrasca koriste vašu primarnu boju. Savršena konzistentnost brenda.
Kreirajte obrasce visokog kontrasta
Tamna pozadina web stranice? Kreirajte svijetle oblike koji se ističu. Svijetla pozadina? Koristite obrubljene oblike sa suptilnim sjenama kako biste definirali područje obrasca bez vizualne konkurencije.
Dizajn minimalističkih formi
Uklonite okvire, smanjite razmak, koristite prozirne pozadine. Kreirajte obrasce koji se osjećaju integrirano u stranicu, a ne kao da stoje u kutiji.
Kreirajte upečatljive obrasce za poziv na akciju
Veliki gumbi, jake boje, velikodušno punjenje. Kreirajte obrasce koji privlače pažnju za vaše najvažnije stranice za generiranje potencijalnih klijenata.
Obrasci koji odgovaraju bilo kojoj temi
Auto Form Builder radi sa svakom WordPress temom. Vaši stilizovani obrasci se prilagođavaju bilo kojem dizajnerskom kontekstu.
Koristite Woodmart, Astru, GeneratePress, Divi ili bilo koju drugu temu? Vaši obrasci će izgledati nativnog. Uređivač stilova vam daje dovoljno kontrole da se uklope u bilo koji dizajnerski sistem.
Nema sukoba tema. Nema problema sa nasljeđivanjem stilova. Samo obrasci koji izgledaju tačno onako kako želite.
CSS nije potreban
Ne morate pisati prilagođeni CSS za stiliziranje obrazaca. Vizualni uređivač se brine o svemu.
Ali ako želite CSS kontrolu, Auto Form Builder podržava prilagođeni CSS po obrascu. Dodajte nadjačavanja za rubne slučajeve ili primijenite napredno stiliziranje koje nije dostupno u vizualnom uređivaču. Napredni korisnici dobijaju fleksibilnost koja im je potrebna.
