V nasledujúcom texte dostaneš podrobný návod na vytvorenie kontaktného formulára s populárnym pluginom Contact Form 7. Naučíš sa, ako plugin nainštalovať, nakonfigurovať jednoduchý, funkčný kontaktný formulár a vložiť ho na svoju webovú stránku. Poďme priamo na to!
Najdôležitejšie poznatky
- S pluginom Contact Form 7 môžeš rýchlo a jednoducho vytvárať kontaktné formuláre.
- Prispôsobiteľné polia ti umožňujú získať konkrétne informácie od používateľov.
- Vytvorený formulár sa dá jednoducho vložiť na stránku alebo príspevok pomocou shortcode.
Krok 1: Vytvorenie kontaktného formulára
Najprv musíš ísť v administrátorskej oblasti WordPressu na "WPFs". Tu máš možnosť vidieť všetky existujúce formuláre alebo vytvoriť nový formulár. Vyber „Pridať nový formulár“, aby si vytvoril nový kontaktný formulár.
Dostaneš sa na konfiguračnú obrazovku, kde môžeš prispôsobiť svoj formulár. Vyber šablónu pre kontaktný formulár. Zvyčajne stačí jednoduchý kontaktný formulár, ale môžeš vytvoriť aj formulár pre prihlásenie na odber newslettera, ak to potrebuješ.
Krok 2: Prispôsobenie polí
Teraz je čas prispôsobiť formulár podľa svojich predstáv. Môžeš rozhodnúť, ktoré polia naozaj potrebuješ. V tomto prípade pridáme polia pre meno, e-mailovú adresu a správu. Aby si vytvoril neformálnejší pocit, vyber rozloženie zodpovedajúce tomu, že ho nastavíš na celú šírku.
Ako chceš získať viac informácií od svojich používateľov, môžeš pridať aj zaškrtávacie políčka. Napríklad by si mal integrovať zaškrtávacie políčko pre zásady ochrany osobných údajov a jasne uviesť, že používateľ si ich prečítal a súhlasí s nimi.
Nezabudni označiť zaškrtávacie políčko ako povinné pole, aby ho používatelia nemohli ignorovať. Tak zabezpečíš, že všetky potrebné informácie budú vložené pred odoslaním formulára.
Krok 3: Uloženie formulára
Ako ste nakonfigurovali všetky potrebné polia, mali by ste formulár uložiť. Skontroluj aj oznámenia, ktoré sa posielajú správci webovej stránky, keď sa niekto prihlási cez kontaktný formulár.
Tu môžeš určiť meno odosielateľa a odpovedaciu adresu pre prichádzajúce správy. Uisti sa, že všetky polia sa správne zobrazujú, keď uložíš oznámenie.
Krok 4: Nastavenie potvrdzovacej správy
Potvrdzovacia správa, ktorá sa zobrazí po odoslaní formulára, je rovnako dôležitá. Môžeš zadať personalizovanú správu, ktorá sa používateľom zobrazí po odoslaní ich kontaktu.
Krok 5: Vloženie kontaktného formulára na stránku
Teraz, keď je formulár vytvorený a nakonfigurovaný, musíš ho vložiť na jednu zo svojich webových stránok. Vytvor novú stránku vo WordPress a vyber editor Elementor.
Vyhľadaj WP prvok a vlož kontaktný formulár pomocou shortcode. Teraz by si mal byť schopný zobraziť svoj kontaktný formulár na stránke.
Krok 6: Testovanie kontaktného formulára
Je dôležité, aby si teraz formulár otestoval, aby si sa uistil, že všetko funguje. Vyplň polia informáciami a klikni na "Odoslať". Uisti sa, že sa potvrdzovacia správa zobrazuje správne, a skontroluj, či sa e-mail posiela na uvedené adresy.
Zhrnutie - Vytvorenie kontaktného formulára s Contact Form 7
S týmto návodom si sa naučil, ako vytvoriť kontaktný formulár s pluginom Contact Form 7. Od konfigurácie polí po vloženie formulára na svoju webovú stránku – všetky kroky sú podrobne popísané.
FAQ
Akým spôsobom nainštalujem plugin Contact Form 7?Môžeš nainštalovať plugin priamo cez WordPress dashboard v sekcii „Pluginy“ > „Nainštalovať“.
Môžem prispôsobiť dizajn formulára?Áno, môžeš prispôsobiť dizajn kontaktného formulára prispôsobením šírky, farieb a polí podľa svojich predstáv.
Akým spôsobom dostávam správy z kontaktného formulára?Správy sa posielajú na e-mailovú adresu uvedenú v nastaveniach oznámení.
