Tvůrce formulářů

Tvůrce formulářů vám umožňuje vytvořit profesionální formuláře během minut. Přetáhněte, pusťte, přizpůsobte a vložte. To je vše! 📝

Co můžete vytvořit

Vytvoření prvního formuláře

Dostupné typy polí

Textový vstup

Jednořádkový textový záznam

• Jméno, firma, název pozice
• Lze nastavit min/max délku
• Zástupný text

Email

Emailová adresa s validací

• Automaticky kontroluje formát
• Vyžadováno pro newslettery
• Zabraňuje překlepům

Textová oblast

Víceřádkový textový záznam

• Zprávy, komentáře, popisy
• Nastavitelná výška
• Možnost počítání znaků

Číslo

Pouze číselný vstup

• Věk, množství, telefonní čísla
• Min/max hodnoty
• Krokový přírůstek

Rozbalovací seznam

Vyberte jeden ze seznamu

• Země, kategorie, možnosti
• Prohledávatelné pro dlouhé seznamy
• Vlastní možnosti

Přepínací tlačítka

Vyberte jednu z viditelných možností

• Ano/Ne, Pravda/Nepravda
• Otázky s více možnostmi
• Lepší UX než rozbalovací seznamy pro méně než 5 možností

Zaškrtávací pole

Vyberte více možností

• Zájmy, preference
• Souhlas s podmínkami
• Přihlášení k newsletteru

Výběr data

Vyberte datum

• Schůzky, události
• Omezení min/max data
• Vlastní formát data

Nahrání souboru

Umožněte uživatelům nahrát soubory

• Životopisy, obrázky, dokumenty
• Omezení typů souborů
• Limity velikosti

Hodnocení

Hvězdičkové hodnocení nebo škála

• Spokojenost zákazníků
• Recenze produktů
• Škály 1-5 nebo 1-10

Skrytá pole

Uložte data neviditelně

• UTM parametry
• URL stránek
• ID uživatelů

Nastavení formuláře

Klikněte na záložku ⚙️ Nastavení pro konfiguraci:

Obecná nastavení

Název formuláře

• Interní reference (není zobrazena uživatelům)

Popis formuláře

• Volitelný pomocný text zobrazený nad formulářem

Text tlačítka odeslat

• Výchozí: "Odeslat"
• Přizpůsobte: "Odeslat zprávu", "Přihlásit se!", "Začněte"

Zpráva o úspěchu

• Zobrazeno po odeslání
• Příklad: "Děkujeme! Brzy se vám ozveme."

Validační pravidla

Povinná pole

• Označte pole jako povinná
• Zobrazit indikátor *
• Vlastní chybové zprávy

Validace emailu

• Automatická kontrola formátu
• Zabránění neplatným emailům

Min/Max délka

• Textová pole: omezení znaků
• Čísla: rozsahy hodnot

Vlastní vzory

• Telefonní čísla: (555) 123-4567
• PSČ: vlastní formáty
• Vlastní regex

Oznámení

Emailová oznámení

• Dostaňte oznámení o nových odesláních
• Odesílat na více emailů
• Zahrnout odeslaná data

Automatická odpověď

• Odeslat potvrzení odesílateli
• Přizpůsobit emailovou šablonu
• Zahrnout kopii jejich odeslání

Webhooky

• Odesílat data do jiných služeb
• Integrace se Zapier, Make, atd.
• Real-time synchronizace dat

Přesměrování po odeslání

Děkovací stránka

• Přesměrovat na vlastní URL
• Zobrazit zprávu o úspěchu inline
• Možnost otevřít v nové záložce

Stažení souboru

• Nabídnout PDF, průvodce, ebook
• Automatické stažení po odeslání

Ochrana proti spamu

reCAPTCHA

• Google reCAPTCHA v3
• Neviditelná pro lidi
• Efektivně blokuje boty

Honeypot pole

• Skrytá past na spam
• Neviditelná pro skutečné uživatele
• Zachytí většinu botů

Blacklist emailových domén

• Blokovat dočasné emailové služby
• Vlastní blokování domén

Stylování formuláře

Přednastavené motivy

Vyberte z přednavržených motivů:

• Moderní: Čisté, minimalistické
• Klasické: Tradiční stylování formulářů
• Barevné: Živé, poutavé
• Tmavý režim: Pro tmavé webové stránky

Vlastní stylování

Barvy

• Barvy tlačítek
• Stavy fokusu
• Chybové zprávy
• Indikátory úspěchu

Typografie

• Rodina písma
• Velikosti písma
• Stylování štítků

Rozestupy

• Padding polí
• Okraje formuláře
• Mezery mezi poli

Poloměr okrajů

• Zaoblené rohy
• Ostré hrany
• Plně zaoblené

Vkládání formulářů

Metoda 1: Inline vložení

Zobrazí formulář přímo na vaší stránce:

<div id="ai4shops-form-container"></div>
<script src="https://ai4shops.com/embed.js" data-form-id="form_abc123"></script>

Metoda 2: Popup modal

Formulář se objeví v modalu při spuštění:

<button class="ai4shops-trigger" data-form-id="form_abc123">
  Otevřít formulář
</button>
<script src="https://ai4shops.com/embed.js"></script>

Metoda 3: Vysouvací widget

Formulář se vysune ze strany:

<script
  src="https://ai4shops.com/embed.js"
  data-form-id="form_abc123"
  data-display="slide-in"
  data-position="bottom-right"
></script>

Viz kompletní návod na integraci →

Správa odeslaných formulářů

Zobrazení odeslaných formulářů

Klikněte na Formuláře → [Váš formulář] → Odeslání

Uvidíte tabulku s:

• Datum/čas odeslání
• Odeslaná data
• IP uživatele (pro prevenci spamu)
• Stav (nové/přečtené/archivované)

Filtrování a vyhledávání

• Hledejte podle libovolného pole
• Filtrujte podle rozsahu dat
• Seřaďte podle libovolného sloupce
• Označte jako přečtené/nepřečtené

Export dat

Exportujte odeslané formuláře do:

• CSV: Otevřete v Excelu/Google Sheets
• JSON: Pro vývojáře/integrace
• PDF: Tisknutelné zprávy

Mazání odeslaných formulářů

• Smazat jednotlivé záznamy
• Hromadné mazání (vyberte více)
• Vymazat vše (buďte opatrní!)

Vícekrokové formuláře

Rozdělte dlouhé formuláře do kroků pro lepší konverzi:

Pokročilé funkce

Podmíněná logika

Zobrazit/skrýt pole na základě předchozích odpovědí:

Příklad: Zobrazit "Název firmy" pouze pokud uživatel vybere typ "Business".

1. Klikněte na pole → Přidat podmínku
2. Vyberte spouštěč: "Když [pole] je [hodnota]"
3. Vyberte akci: "Zobrazit toto pole"

Výpočty

Auto-výpočet hodnot:

• Součty objednávek
• Množství × Cena
• Věk z data narození

Předvyplnění polí

Auto-vyplnění z URL parametrů:

https://vasestranka.cz/formular?name=Jan&email=jan@example.com

Pole formuláře se automaticky vyplní pro rychlejší odeslání!

Uložit a pokračovat

Umožněte uživatelům uložit pokrok a vrátit se později:

• Povolte v nastavení formuláře
• Uživatelé dostanou jedinečný odkaz
• Data uložena po dobu 30 dnů

Nejlepší postupy

Držte to krátké

• Ptejte se pouze na to, co absolutně potřebujete
• Každé pole snižuje konverzi
• Rozdělte dlouhé formuláře na vícekrokové

Jasné štítky

• Používejte prostý jazyk
• Přidejte pomocný text pro složitá pole
• Příklady: "555-123-4567" pro telefon

Testujte na mobilu

• 50%+ návštěvnosti je mobilní
• Používejte responzivní náhled
• Udělejte tlačítka dostatečně velká pro klepnutí

Optimalizujte pro rychlost

• Minimalizujte povinná pole
• Používejte atributy autofill
• Chytré výchozí hodnoty (země = lokace uživatele)

Rychle reagujte

• Nastavte emailová oznámení
• Odpovězte do 24 hodin
• Automatické odpovědi pro okamžité potvrzení

Řešení problémů

Formulář se nezobrazuje?

• Zkontrolujte, zda je formulář nastaven jako "Aktivní"
• Ověřte, že skript je na stránce
• Zkontrolujte konzoli prohlížeče na chyby
• Vymažte cache a obnovte

Odeslání se neukládají?

• Zkontrolujte validaci emailového pole
• Ověřte, že jsou vyplněna povinná pole
• Zkontrolujte nastavení ochrany proti spamu
• Podívejte se do konzole prohlížeče

Stylování vypadá špatně?

• Zkontrolujte CSS konflikty
• Používejte vyšší CSS specificitu
• Zkuste !important (poslední možnost)
• Kontaktujte podporu pro vlastní CSS

Další kroky

Formuláře jsou výkonné! Začněte jednoduše, pak přidejte pokročilé funkce podle potřeby. Šťastnou tvorbu formulářů! 📝✨