Webařské tipy

Ninja forms – co se hodí vědět

Ninja forms jsou skvělý plugin pro formuláře na vašem webu. Proč si to myslím? Přečtete si.

Ninja Forms je skvělý plugin pro formuláře. A to hned z několika důvodů:

  • Skvělý drag&drop editor
  • aria atributy, což je skvělé pro přístupnost webu,
  • velmi dobrou validaci jednotlivých polí,
  • umí ukládat odpovědi,
  • zvládne poslat tolik automatických odpovědí na tolik adres, kolik potřebujete,
  • v základu je hezky nastylovaný (a dobrou stukturu tříd, kterou můžete nastylovat sami),
  • mají v sobě zabudouvanou rechaptchu (reps. její alternativu),
  • je zdarma.

Ale… to není všechno! Co dalšího ještě umí (stále ve free verzi)?

Změnit odesílatele e-mailu

Defaultní odesílatel e-mailu z Ninja Forms je administrační e-mail webu. A to se (překvapivě často) nehodí, hlavně pokud správce webu je někdo jiný než jeho majitel, který chce být odesílatel e-mailů z formuláře (ač mají přístup do webu oba). Jak to opravit?

  1. V nastavení zapněte mód pro vývojáře (dev mode),
  2. V konkrétním formuláři v nastavení akcí (e-mailů, ukládání odpovědí, atd…) pak uvidíte rozšířené možnosti – tadá!

Stylování formuláře

Ninja forms jdou pohodlně nastylovat, případně nabízí placený plugin, který to udělá za vás. Vedle toho ale existuje několik známých tříd, které např. zařídí to, že budete mít dvě formulářová pole vedle sebe (např. jméno a e-mail).

Seznam těch šikovných tříd najdete tady: https://ninjaforms.com/docs/styling-your-forms/

Případně další tipy ke stylování formuláře: https://ninjaforms.com/docs/custom-css/

Výpočty

Ve verzi zdarma umí Ninja forms i výpočty. A to je super užitečné, jak jsem nedávno zjistila!

1) vytvoříte pole, kterým přiřadíte číselnou hodnotu.

Ninja forms - číselné hodnoty

2) V pokročilých možnostech si pak vytvoříte proměnnou, kterou si formulář bude ukládat. A samozřejmě její výpočet.

image 1

3) Pokud chcete výsledek zobrazit i ve formuláři, vložíte ho tam jako modul HTML. Díky tomu může být vidět ve formuláři a automaticky se bude přepočítávat cena. A pokud používáte {all_fields_table} i pro automatický e-mail z Ninja Forms, bude cena svítit i tam.

image 2

Vlastní typy polí

Ano, i ty si můžete do Ninja forms relativně snadno přidat. Jak na to? Přečtěte si tady.

Chcete vědět, co všechno Ninja Forms umí?

Podívejte se na kurz, který jsem o nich připravila:

Jitka Klingenbergová

Jitka Klingenbergová

Absolventka ČVUT FIT oboru Informatika Programátorka | Webová vývojářka, konzultantka a mentorka
tvorime@vyladeny-web.cz

Líbil se vám článek? Pošlete ho dál:

Pravidelná dávka užitečných tipů až do schránky