Krok za krokem: JotForm


JotForm se na první pohled zdá být poměrně běžným nástrojem pro tvorbu formulářů. Je tu ale přece jen několik velkých předností:
  • formuláře JotForm nevyžadují PHP na vašem ftp. Formulář je provozován u poskytovatele této služby, vy si pouze zkopírujete kód, který “zavolá” formulář z externího serveru. Nemusíte se obávat zdržení, toto řešení funguje velmi svižně.
  • formulář si snadno sestavíte pomocí on-line WYSIWYG editoru, můžete využít již přednastavená pole - mimo těch standardních také např. seznam států, hodnocení pomocí hvězdičkového systému apod.
  • všechny vaše formuláře máte na jednom místě
  • JotForm je výhodným řešením pro formulář (nebo dotazník), jehož obsah potřebujete často měnit - po úpravě není nutné publikovat vaše stránky, změny se projeví okamžitě
  • formuláře JotForm podporují stránkování - lze tak vytvořit například vícestránkový dotazník, tlačítko pro odeslání bude až na konci poslední stránky
  • služba je ve své základní verzi poskytována zdarma, ale vyhoví každému, kdo nepřesáhne limit 100 odeslaných formulářů za měsíc

Sestavení formuláře zvládnete během několika minut, v on-line editoru. Jednotlivé prvky formuláře jednoduše přetáhnete z postranní lišty, pojmenujete políčka a určíte která mají být povinná. Pro lepší zabezpečení proti spamům lze přidat prvek CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart). Tím ochráníte formulář proti zneužití k automatizovanému rozesílání nevyžádané pošty - zprávu lze odeslat pouze po opsání krátkého textu z obrázku.



Formulář je tedy sestavený, nyní je potřeba ho začlenit do stránky. Na horní navigační liště na stránkách JotForm.com použijte tlačítko “Save” pro uložení změn a pak “Source”, tím získáte kód pro vložení svého formuláře. Tento kód zkopírujte a následně vložte do stránky HTML Code, která je standardní součástí programu RapidWeaver, nebo do pluginu Blocks (HTML rám). Začlenění můžete provést dvěma základními způsoby, pro každý máte k dispozici jiný kód:
  • vložení odkazu na externí formulář pomocí iframe
  • vložení celého kódu s javascriptem
První varianta obnáší vložení pouhých tří řádků HTML kódu. Výhodou je, že pokud byste dělali později ve formuláři nějaké změny (například formulář pro registraci na dočasné akce se může stále měnit), tyto změny se okamžitě promítnou na stránkách a to bez toho, abyste museli ještě zasahovat do dokumentu RapidWeaveru a publikovat jej. Načítání formuláře je oproti druhé variantě o něco pomalejší. Ve druhém případě stáhnete celý kód formuláře, který obsahuje i CSS a HTML, ale i tento kód na mnoha místech odkazuje na server jotform.com. Po každé změně formuláře je potřeba znovu zkopírovat kód, vložit do dokumentu v RapidWeaveru a publikovat. Načítání formuláře ale probíhá rychleji.

Tip na závěr: přidejte potvrzení o odeslání. JotForm umožňuje po každé úspěšně odeslané zprávě přesměrovat čtenáře na další stránku:
  • Vytvořte si ve svém RapidWeaver projektu novou stránku, a umístěte na ni text podle potřeby, např.: “Vaše zpráva byla uspěšně odeslána, děkujeme.”, může zde také být tlačítko pro návrat zpět do určité sekce (obvykle na stránku, která předcházela formuláři). Také můžete využít automatického přesměrování se zpožděním - pak se po odeslání formuláře objeví stránka s poděkováním a po předem nastavené době bude návštěvník přesměrován například na úvodní stranu.
  • V paletce Page Inspector vypněte volbu “Show in menu”.
  • Na stránkách JotForm v postranní liště otevřete záložku Properties a v ní vložte do políčka “ThankYou URL” adresu této stránky (např.: http://www.moje_stranky.cz/dekujeme).
  • Teď už zbývá pouze vyzkoušet, jestli vše funguje správně.