Stylování formulářů
Auto Form Builder Pro vám dává plnou kontrolu nad stylingem formulářů. Přizpůsobte si barvy své značky, použijte písma, upravte řádkování a navrhněte formuláře, které vypadají jako přirozená součást vašeho webu.
Proč je styling formulářů důležitý
Vaše webové stránky mají značku. Vaše formuláře by ji měly odrážet.
Když formuláře vypadají jinak než zbytek webu, návštěvníci váhají. Přemýšlejí, jestli jsou stále na stejném webu. Toto váhání stojí konverze.
Stylizované formuláře také vyjadřují profesionalitu. Propracovaný formulář návštěvníkům říká, že vám záleží na detailech – a pokud vám záleží na designu formuláře, pravděpodobně vám záleží i na jejich datech.
Jak funguje stylování formulářů
Auto Form Builder Pro obsahuje editor vizuálních stylů zabudovaný do rozhraní nástroje pro tvorbu formulářů.
- Vyberte, co chcete stylizovatVyberte si z kontejneru formuláře, popisků polí, vstupních polí, tlačítek nebo chybových zpráv.
- Upravte nastaveníPro změnu hodnot používejte nástroje pro výběr barev, posuvníky a rozbalovací nabídky. Není třeba se učit ani pamatovat si syntaxi CSS.
- Okamžitý náhledKaždá změna se okamžitě zobrazí v živém náhledu. Před publikováním si prohlédněte, jak bude formulář přesně vypadat.
- Uložit jako výchozíAutomaticky aplikujte styl na nové formuláře. Vytvořte jednou, použijte znovu všude.
Co si můžete přizpůsobit
Barvy
Ovládejte všechny barvy ve formuláři. Barvy pozadí pro kontejner formuláře a jednotlivá pole. Barvy textu pro popisky, zástupné symboly a vstupní text. Barvy ohraničení pro výchozí, aktivní a chybové stavy. Barvy tlačítek pro pozadí, text a efekty myší.
Typografie
Vyberte písma pro popisky a vstupní pole. Upravte velikosti písma nezávisle na sobě – větší popisky pro zdůraznění, menší pomocný text pro sekundární informace. Ovládejte tloušťku písma pro tučné popisky nebo světlejší vstupní text.
Rozteč a rozvržení
Nastavte mezery mezi poli pro vytvoření prostoru pro text. Upravte odsazení uvnitř polí pro pohodlné zadávání textu. Upravte okraje kolem celého formuláře, abyste jej dokonale umístili do rozvržení stránky.
Hranice a rohy
Definujte šířku, styl a barvu ohraničení. Zaoblení rohů dosáhnete moderního vzhledu nebo jejich ostrost pro minimalistický design. Použijte různé styly ohraničení pro různé stavy formuláře – jemné ohraničení ve výchozím nastavení, výrazné ohraničení ve fokusu.
Tlačítka
Navrhněte tlačítka pro odeslání, která odpovídají vaší značce. Barva pozadí, barva textu, poloměr ohraničení, odsazení, velikost písma a tloušťka písma. Přizpůsobte stav při najetí myší a aktivní stav tak, aby tlačítka reagovala a byla klikatelná.
FormContainer
Upravte styl celého obalu formuláře. Přidejte barvu pozadí nebo jej ponechte průhledný. Pro hloubku použijte stíny rámečků. Nastavte poloměr ohraničení pro zaoblené kontejnery formulářů. Ovládejte maximální šířku, abyste zabránili přílišnému roztažení formulářů.
Porovnání možností stylingu
Volná verze
Bezplatná verze nástroje Auto Form Builder obsahuje základní možnosti stylingu. Můžete si vybrat z předpřipravených šablon a upravit primární barvy. Formuláře dědí základní typografii vaší šablony.
Pro verze
Auto Form Builder Pro odemyká kompletní editor stylů. Plná kontrola nad barvami, typografií, mezerami, ohraničením, stíny a designem tlačítek. Vytvářejte neomezené množství vlastních stylů. S přesností přepisujte libovolné výchozí nastavení.
Běžné scénáře stylingu formulářů
Pokyny pro značky Match
Vaše společnost má specifické barvy – #0F2D5F pro primární, #F59E0B pro akcenty. Zadejte tyto hodnoty do editoru stylů. Tlačítka formulářů používají vaši akcentovou barvu. Popisky formulářů používají vaši primární barvu. Dokonalá konzistence značky.
Vytvářejte formuláře s vysokým kontrastem
Webová stránka s tmavým pozadím? Vytvořte světlé tvary, které vyniknou. Světlé pozadí? Použijte tvary s ohraničením a jemnými stíny k vymezení oblasti formuláře, aniž by vizuálně konkurenčně působily.
Návrh minimalistických forem
Odstraňte okraje, zmenšete mezery, používejte průhledné pozadí. Vytvářejte formuláře, které působí integrovaně do stránky, a ne jakoby jen jako krabice.
Vytvářejte výrazné formuláře s výzvou k akci
Velká tlačítka, výrazné barvy, velkorysé odsazení. Vytvořte formuláře, které upoutají pozornost na vašich nejdůležitějších stránkách pro generování leadů.
Formuláře, které odpovídají jakémukoli tématu
Auto Form Builder Pro funguje s každým tématem WordPressu. Vaše stylizované formuláře se přizpůsobí jakémukoli designovému kontextu.
Používáte Woodmart, Astra, GeneratePress, Divi nebo jakoukoli jinou šablonu? Vaše formuláře budou vypadat nativní. Editor stylů vám dává dostatek kontroly, aby odpovídaly jakémukoli designovému systému.
Žádné konflikty témat. Žádné problémy s děděním stylů. Jen formuláře, které vypadají přesně tak, jak chcete.
Není vyžadován CSS
Pro stylování formulářů nemusíte psát vlastní CSS. Vizuální editor se postará o vše.
Pokud ale chcete mít kontrolu nad CSS, Auto Form Builder Pro podporuje vlastní CSS pro každý formulář. Přidejte přepsání pro okrajové případy nebo použijte pokročilé styly, které nejsou k dispozici ve vizuálním editoru. Pokročilí uživatelé získají potřebnou flexibilitu.
Bezplatná verze obsahuje základní témata. Pro verze odemyká kompletní editor stylů.
