Štýlovanie formulárov
Automatický nástroj na tvorbu formulárov vám poskytuje úplnú kontrolu nad štýlom formulárov. Zlaďte farby svojej značky, použite písma, upravte rozstupy a navrhnite formuláre, ktoré vyzerajú ako prirodzená súčasť vašej stránky.
Prečo je štýl formy dôležitý
Vaša webová stránka má značku. Vaše formuláre by ju mali odrážať.
Keď formuláre vyzerajú inak ako zvyšok vašej stránky, návštevníci váhajú. Premýšľajú, či sú stále na tej istej webovej stránke. Toto váhanie stojí konverzie.
Štýlové formuláre tiež vyjadrujú profesionalitu. Prepracovaný formulár návštevníkom hovorí, že vám záleží na detailoch – a ak vám záleží na dizajne formulára, pravdepodobne vám záleží aj na ich údajoch.
Ako funguje štýlovanie formulárov
Automatický nástroj na tvorbu formulárov obsahuje editor vizuálnych štýlov zabudovaný do rozhrania nástroja na tvorbu formulárov.
- Vyberte si štýlVyberte si z kontajnera formulára, popisov polí, vstupných polí, tlačidiel alebo chybových hlásení.
- Upravte nastaveniaNa zmenu hodnôt použite nástroje na výber farieb, posuvníky a rozbaľovacie ponuky. Netreba sa učiť ani pamätať si syntax CSS.
- Okamžitý náhľadKaždá zmena sa okamžite zobrazí v živom náhľade. Pred publikovaním si pozrite, ako bude formulár presne vyzerať.
- Uložiť ako predvolenéAutomaticky aplikujte svoje štýly na nové formuláre. Vytvorte raz, použite znova všade.
Čo si môžete prispôsobiť
Farby
Ovládajte každú farbu vo formulári. Farby pozadia pre kontajner formulára a jednotlivé polia. Farby textu pre popisky, zástupné symboly a vstupný text. Farby orámovania pre predvolené, zaostrené a chybové stavy. Farby tlačidiel pre pozadie, text a efekty vznášania sa.
Typografia
Vyberte písma pre popisky a vstupné polia. Upravte veľkosti písma nezávisle – väčšie popisky pre zvýraznenie, menší pomocný text pre sekundárne informácie. Ovládajte hrúbku písma pre tučné popisky alebo svetlejší vstupný text.
Rozmiestnenie a rozloženie
Nastavte rozstupy medzi poľami, aby ste vytvorili priestor na dýchanie. Upravte odsadenie vo vnútri polí pre pohodlné zadávanie textu. Ovládajte okraje okolo celého formulára, aby ste ho dokonale umiestnili do rozloženia stránky.
Okraje a rohy
Definujte šírku, štýl a farbu okraja. Zaoblené rohy dosiahnete moderným vzhľadom alebo ich ponechajte ostré pre minimalistický dizajn. Na rôzne stavy formulára použite rôzne štýly okrajov – predvolene jemné okraje, výrazné okraje pri zaostrení.
tlačidla
Navrhnite tlačidlá na odoslanie, ktoré zodpovedajú vašej značke. Farba pozadia, farba textu, polomer orámovania, odsadenie, veľkosť písma a hrúbka písma. Prispôsobte stavy pri ukázaní myšou a aktívne stavy tak, aby tlačidlá reagovali a boli klikateľné.
FormContainer
Upravte celkový dizajn obalu formulára. Pridajte farbu pozadia alebo ho ponechajte priehľadné. Pre hĺbku použite tiene rámčekov. Nastavte polomer orámovania pre zaoblené kontajnery formulárov. Ovládajte maximálnu šírku, aby ste zabránili prílišnému roztiahnutiu formulárov.
Bežné scenáre štýlovania formulárov
Pokyny pre značky Match
Vaša spoločnosť má špecifické farby – #0F2D5F pre primárnu, #F59E0B pre akcenty. Zadajte tieto hodnoty do editora štýlov. Tlačidlá formulárov používajú vašu akcentovú farbu. Popisky formulárov používajú vašu primárnu farbu. Dokonalá konzistencia značky.
Vytvárajte formuláre s vysokým kontrastom
Webová stránka s tmavým pozadím? Vytvorte svetlé tvary, ktoré vyniknú. Svetlé pozadie? Použite ohraničené tvary s jemnými tieňmi na definovanie oblasti tvaru bez vizuálnej konkurencie.
Dizajn minimalistických foriem
Odstráňte orámovanie, znížte medzery, použite priehľadné pozadie. Vytvárajte formuláre, ktoré pôsobia integrovane do stránky, a nie akoby len tak v krabici.
Vytvárajte výrazné formuláre s výzvou na akciu
Veľké tlačidlá, výrazné farby, veľkorysé odsadenie. Vytvárajte formuláre, ktoré pútajú pozornosť na vašich najdôležitejších stránkach na generovanie potenciálnych zákazníkov.
Formuláre, ktoré zodpovedajú akejkoľvek téme
Auto Form Builder funguje s každou WordPress témou. Vaše štylizované formuláre sa prispôsobia akémukoľvek dizajnovému kontextu.
Používate Woodmart, Astra, GeneratePress, Divi alebo akúkoľvek inú tému? Vaše formuláre budú vyzerať natívne. Editor štýlov vám poskytuje dostatok kontroly, aby ste ich prispôsobili akémukoľvek dizajnovému systému.
Žiadne konflikty tém. Žiadne problémy s dedením štýlov. Len formuláre, ktoré vyzerajú presne tak, ako chcete.
Nie je potrebný CSS
Na úpravu formulárov nemusíte písať vlastné CSS. Vizuálny editor sa postará o všetko.
Ak však chcete ovládať CSS, Auto Form Builder podporuje vlastné CSS pre každý formulár. Pridajte prepísania pre hraničné prípady alebo použite pokročilé štýly, ktoré nie sú dostupné vo vizuálnom editore. Pokročilí používatelia získajú flexibilitu, ktorú potrebujú.
