Stiliziranje obrasca
Auto Form Builder vam daje potpunu kontrolu nad stiliziranjem obrazaca. Uskladite boje svog brenda, koristite fontove, prilagodite razmak i dizajnirajte obrasce koji izgledaju kao prirodni dio vaše web-lokacije.
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, posjetitelji oklijevaju. Pitaju se jesu li još uvijek na istoj web stranici. To oklijevanje košta konverzija.
Stilizirani obrasci također prenose profesionalnost. Uglađeni 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 obrasca
Auto Form Builder uključuje uređivač vizualnih stilova ugrađen u sučelje alata za izradu obrazaca.
- Odaberite što stiliziratiOdaberite između spremnika obrasca, oznaka polja, polja za unos, gumba ili poruka o pogrešci.
- Prilagodite postavkeKoristite alate za odabir boja, klizače i padajuće izbornike za promjenu vrijednosti. Nije potrebna CSS sintaksa za učenje ili pamćenje.
- Pregledajte odmahSvaka promjena se odmah prikazuje u pregledu uživo. Pogledajte točno kako će vaš obrazac izgledati prije objavljivanja.
- Spremi kao zadane postavkeAutomatski primijenite stil na nove obrasce. Stvorite jednom, ponovno upotrijebite svugdje.
Što možete prilagoditi
Boje
Kontrolirajte svaku boju u svom obrascu. Boje pozadine za spremnik obrasca i pojedinačna polja. Boje teksta za oznake, rezervirana mjesta i ulazni tekst. Boje obruba za zadana stanja, stanja fokusa i pogreške. Boje gumba za pozadinu, tekst i efekte lebdenja.
Tipografija
Odaberite fontove za oznake i polja za unos. Prilagodite veličine fontova neovisno - veće oznake za naglasak, manji pomoćni tekst za sekundarne informacije. Kontrolirajte debljinu fonta za podebljane oznake ili svjetliji tekst unosa.
Razmak i raspored
Postavite razmak između polja kako biste stvorili prostor za disanje. Prilagodite razmak unutar polja za udoban unos teksta. Kontrolirajte margine oko cijelog obrasca kako biste ga savršeno pozicionirali unutar izgleda stranice.
Rubovi i kutovi
Definirajte širinu, stil i boju obruba. Zaoblite kutove za moderan izgled ili ih održite oštrima za minimalistički dizajn. Primijenite različite stilove obruba na različita stanja obrasca - suptilni obrubi prema zadanim postavkama, istaknuti obrubi u fokusu.
tipke
Dizajnirajte gumbe za slanje koji odgovaraju vašem brendu. Boja pozadine, boja teksta, radijus obruba, ispupčenje, veličina fonta i debljina fonta. Prilagodite stanje zadržavanja pokazivača i aktivno stanje kako bi gumbi bili responzivni i klikabilni.
FormContainer
Stilizirajte cjelokupni omotač obrasca. Dodajte boju pozadine ili je ostavite prozirnom. Primijenite sjene okvira za dubinu. Postavite radijus obruba za zaobljene spremnike obrazaca. Kontrolirajte maksimalnu širinu kako biste spriječili preveliko rastezanje obrazaca.
Uobičajeni scenariji stiliziranja obrazaca
Smjernice za marke Match
Vaša tvrtka ima specifične boje - #0F2D5F za primarnu, #F59E0B za naglaske. Unesite te vrijednosti u uređivač stilova. Gumbi obrasca koriste vašu naglasnu boju. Oznake obrazaca koriste vašu primarnu boju. Savršena dosljednost brenda.
Izradite obrasce visokog kontrasta
Web stranica s tamnom pozadinom? Izradite svijetle oblike koji se ističu. Svijetla pozadina? Koristite obrubljene oblike sa suptilnim sjenama kako biste definirali područje obrasca bez vizualne konkurencije.
Dizajn minimalnih oblika
Uklonite obrube, smanjite razmake, koristite prozirne pozadine. Izradite obrasce koji se osjećaju integrirano u stranicu, a ne kao da stoje u kutiji.
Izradite upečatljive obrasce s pozivom na akciju
Veliki gumbi, jake boje, velikodušno punjenje. Izradite 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 stilizirani obrasci prilagođavaju se bilo kojem dizajnerskom kontekstu.
Koristite Woodmart, Astru, GeneratePress, Divi ili bilo koju drugu temu? Vaši će obrasci izgledati izvorno. Uređivač stilova daje vam dovoljno kontrole da se uklope u bilo koji dizajnerski sustav.
Nema sukoba tema. Nema problema s nasljeđivanjem stilova. Samo obrasci koji izgledaju točno onako kako želite.
CSS nije potreban
Ne morate pisati prilagođeni CSS za stiliziranje obrazaca. Vizualni uređivač rješava sve.
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 dobivaju fleksibilnost koja im je potrebna.
