Choď na obsah Choď na menu


Kontaktný formulár

V tejto nápovede si ukážeme ako vytvoriť kontaktný formulár.

V prvej časti si vytvoríme stránku, kde sa zobrazia informácie po odoslaní formulára. Ak nechcete po odoslaní presmerovať na stránku s informáciou o odoslaní, alebo máte inú stránku, ktorú by ste po odoslaní radi ukázali, tak túto časť návodu preskočte.

Nám bude stačiť obyčajná informácia o odoslaní, a preto si vytvoríme nový príspevok a do neho vložíme napríklad:  "Ďakujeme za Váš e-mail."

Text najlepšie vycentrujte na stred príspevku a dajte mu formát Nadpisu 2.

Pre krajší vzhľad môžete začiarknuť políčko Nezobrazovať nadpis na stránke.

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

Samozrejme môžete vložiť napríklad odkazy s poďakovaním na iné stránky a alebo nejaký vkusný obrázok.

Vo výsledku by to mohlo vyzerať nejako takto:

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

Pri príspevku nastavte "Neuvádzať v menu". Dôvod, prečo to celé robíme, je ten, že sa nám tento príspevok zobrazí v nastavení pri vytváraní formulára.

Postup na vytvorenie formulára

1. V detaile príspevku prejdite do textového poľa a kliknite na ikonku Formulár.

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

2. Zobrazí sa okno v ktorom vyplníte informácie ako je:

Predmet - Názov formulára

E-mail - vyplní sa automaticky

Po uložení zobraziť - Tu si zvoľte stránku, ktorú ste si vytvorili ako informačnú stránku o odoslaní formulára.

Potvrďte kliknutím na tlačidlo OK.

form-scrren--1-.png

3. V textovom poli vložte do formulára medzi ikonky ab a tlačidlo Odoslať Text prvého prvku Váš e-mail.

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

4. Hneď pod text si vložte input (okno pre 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, v ktorom vyplňte informácie ako je Názov a Typ. Je to pole pre e-mail, to znamená, že Typ bude e-mail. Hodnotu vyplňovať nebudeme, pretože prvok už pomenovaný je a to textovo nad inputom (oknom) ako Váš e-mail. Po vyplnení kliknite na tlačidlo OK.
sni--mek-obrazovky-2023-02-24-v--11.21.13.png

 

6. Prvú položku vo formulári už máme.

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

7. Podobným spôsobom pridáme ďalšiu položku Vaša správa. Vložíme text Vaša správa a klikneme na ikonku Textová oblasť.

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

8. Vyplníme hodnoty v okne pre textovú správu ako je:

Meno - meno textového poľa

Stĺpcov - šírka poľa

Riadkov - výška poľa

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

Po vyplnení kliknite na tlačidlo OK.

Základný kontaktný formulár je hotový. Podobným spôsobom môžete vkladať ďalšie polia do formulára.

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

9. V príspevku kliknite na tlačidlo Uložiť a pozrite sa na vašu stránku ako kontaktný formulár vyzerá.

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

Pozrite sa na náš video tutoriál: Kontaktný formulár