Designový web

Levně · Rychle · S administrací

Formuláře - jak vytvořit webový formulář v 6-ti snadných krocích

Vytvoření webového formuláře s odesíláním vyplněných polí na Váš email patří k náročnějším úkolům.  

Běžně je to práce pro programátora. S Fast-Webem to ale v několika krocích zvládnete i sami.

Podívejte se, jak na to.

 

1. Propojení Modulu Formuláře s článkem

Modul Formuláře je možné propojit s libovolným článkem. Pokud tedy ještě nemáte připraven článek, vytvořte si nový článek, např. "Kontaktujte nás". Nemusí mít ani žádný text. Poté propojte modul Formuláře s tímto článkem:

 

Moduly - Formuláře - připojit

(samozřejmě můžete modul propojit s více články, pokud budete vytvářet na webu více formulářů) 

 

1-pripojit-clanek

 

2. Základní nastavení formuláře

2-formulare

Moduly - Formuláře - otevřít - upravit

 

Upozornění:  Určitě si aktivujte políčko "Ochrana proti SPAMu", jinak je jen otázka času, kdy formulář začnou odesílat s falešnými údaji roboti (tzv. komentářový spam).

 

3-zakladni-nastaveni-formulare

 

3. Prvky (elementy) formuláře

Moduly - Formuláře - otevřít - elementy

Nyní již můžeme přidávat požadované prvky formuláře. Můžete přidávat elementy typu text, číslo, email, radio button, checkbox - zaškrtávací políčko, select - roleta s výběrem možností, multiselect - roleta s možností zvolit více polí zároveň, textarea - víceřádkový text, datum, čas, tlačítko Odeslat a textová poznámka.

 

4-elementy-formulare

 

4. Editace prvku formuláře 

Každý prvek má povinný název (ten se nikde nezobrazuje a musí obsahovat jen základní znaky např. bez národních znaků, je to povinný atribut formulářového prvku), můžete zde zadat např. "jmeno". Dále je zde "Titulek", ten se zobrazuje jako hlavní popis prvku ve formuláři, můžete zde zadat např. "Jméno". Různé druhy prvků mají různé typy atributů. Můžete také zvolit, jestli je vyplnění pole povinné nebo ne.

 

5-editovat-element-formulare

 

5. Důležitý formulářový element typu "email"

Pokud chcete, abyste mohli návštěvníkovi přímo odpovědět z doručené zprávy formuláře na jeho email, nezapomeňte do formuláře zahrnout element typu "email" a zaškrtnout možnost "Email pro odpověď". Také můžete zaškrnout pole "Zaslat kopii zprávy", pokud si přejete vyplněný formulář zaslat v kopii také návštěvníkovi.

 

6-editovat-email

 

6. Tlačítko "Odeslat"

A na konec nezapomeňte vložit element typu "Odesílací tlačítko". 

 

7-tlacitko-odeslat

 

7. Formulář na webu

Právě jste formulář dokončili. A takto může vytvořený formulář vypadat na vašem webu. Jeho vzhled je dán šablonou vašeho webu.

 

8-formular-na-webu

8. Jak na rozčlenění formuláře do více tématických bloků

Pokud obsahuje formulář velké množství prvků, bude pro návštěvníka přehlednější, pokud je rozčleníme do několika tématických bloků. K tomu můžete využít pomocné pole typu "Textová poznámka" a bloky vhodně pojmenovat a očíslovat.

 

9-oddeleni-bloku-textovou-poznamkou

 

Například takto pak může vypadat formulář rozdělený do bloků na webu:

 

10-textova-poznamka-na-webu

 

9. Doručená zpráva z formuláře

Na závěr doporučujeme vyzkoušet si odeslání a správné doručení formuláře. Zpráva z webu může vypadat například takto:

 

8b - doručený vyplněný formulář


prohlédněte si design webů

Podporovaná řešení