Jdi na obsah Jdi na menu


Kontaktní formulář

V této nápovědě si ukážeme jak vytvořit kontaktní formulář.

V první části si vytvoříme stránku, kde se zobrazí informace po odeslání formuláře. Pokud nechcete po odeslání přesměrovat na stránku s informací o odeslání, nebo máte jinou stránku, kterou byste po odeslání rádi ukázali, tak tuto část návodu přeskočte.

Nám bude stačit obyčejná informace o odeslání, a proto si vytvoříme nový příspěvek a do něj vložíme například:  "Děkujeme za Váš e-mail."

Text nejlépe vycentrujte na střed příspěvku a dejte mu formát Nadpisu 2.

Pro hezčí vzhled můžete zaškrtnout políčko Nezobrazovat nadpis na stránce.

sni--mek-obrazovky-2023-02-24-v--10.46.27.png

Samozřejmě můžete vložit i třeba odkazy s poděkováním na jiné stránky a nebo nějaký vkusný obrázek.

Ve výsledku by to mohlo vypadat nějak takto:

sni--mek-obrazovky-2023-02-24-v--10.45.08.png

U příspěvku nastavte "Neuvádět v menu". Důvod, proč to celé děláme, je ten, že se nám tento příspěvek zobrazí v nastavení při vytváření formuláře.

Postup pro vytvoření formuláře

1. V detailu příspěvku přejděte do textového pole a klikněte na ikonku Formulář.

sni--mek-obrazovky-2023-02-24-v--10.54.46.png

2. Zobrazí se okno ve kterém vyplníte informace jako je:

Předmět - Název formuláře

E-mail - vyplní se automaticky

Po uložení zobrazit - Zde si zvolte stránku, kterou jste si vytvořili jako informační stránku o odeslání formuláře

Potvrďte kliknutím na tlačítko OK

form-scrren--1-.png

3. V textovém poli vložte do formuláře mezi ikonky ab a tlačítko Odeslat Text prvního prvku Váš e-mail

sni--mek-obrazovky-2023-02-24-v--11.13.52.png
4. Hned pod text si vložte input(okno pro e-mail) a to kliknutím na ikonku textové pole
sni--mek-obrazovky-2023-02-24-v--11.19.20.png
5. Po kliknutí vyskočí okno, ve kterém vyplňte informace jako je Název a Typ. Je to pole pro e-mail, to znamená, že Typ bude e-mail. Hodnotu vyplňovat nebudeme, protože prvek už pojmenován je a to textově nad inputem(oknem) jako Váš e-mail. Po vyplnění klikněte na tlačítko OK.

sni--mek-obrazovky-2023-02-24-v--11.21.13.png

6. První položku ve formuláři již máme

sni--mek-obrazovky-2023-02-24-v--11.27.09.png

7. Podobným způsobem přidáme další položku Vaše zpráva. Vložíme text Vaše zpráva a klikneme na ikonku Textová oblast.

sni--mek-obrazovky-2023-02-24-v--11.31.14.png

8. Vyplníme hodnoty v okně pro textovou zprávu jako je:

Jméno - jméno textového pole

Sloupců - šířka pole

Řádků - výška pole

sni--mek-obrazovky-2023-02-24-v--11.32.58.png

Po vyplnění klikněte na tlačítko OK.

Základní kontaktní formulář je hotový. Podobným způsobem můžete vkládat další pole do formuláře.

sni--mek-obrazovky-2023-02-24-v--11.36.18.png

9. V příspěvku klikněte na tlačítko Uložit a podívejte se na vaši stránku jak kontaktní formulář vypadá.

sni--mek-obrazovky-2023-02-24-v--11.40.40.png

Podívejte se na náš video tutoriál: Kontaktní formulář