Ako vytvoriť kontaktný formulár vo WordPresse bez kódovania

Chcete pridať kontaktný formulár na svoju webovú stránku WordPress, ale neviete, ako kódovať? Ste na správnom mieste. V tomto podrobnom návode sa naučíte, ako na to. vytvorte profesionálny kontaktný formulár vo WordPresse bez napísania jediného riadku kódu– a trvá to menej ako 5 minút.

Či už ste bloger, majiteľ malej firmy alebo si vytvárate svoju prvú webovú stránku, kontaktný formulár je nevyhnutný. Umožňuje návštevníkom ľahko vás kontaktovať, pomáha vám získavať potenciálnych zákazníkov a vyzerá oveľa profesionálnejšie ako len zverejnenie vašej e-mailovej adresy.

Prečo každá webová stránka WordPress potrebuje kontaktný formulár

Predtým, ako sa pustíme do tutoriálu, poďme si vysvetliť, prečo je kontaktný formulár dôležitý:

• Chráni váš e-mail pred spamom – Zverejnenie vašej e-mailovej adresy verejne priláka spamové roboty k zaplaveniu vašej schránky.
• Vyzerá profesionálne – Dobre navrhnutý formulár buduje dôveru u návštevníkov
• Zbiera štruktúrované informácie – Získajte potrebné údaje (meno, e-mail, správu) v organizovanom formáte
• Dopyty týkajúce sa skladieb – Uložte si príspevky na paneli WordPress namiesto toho, aby ste ich stratili v e-mailoch
• Zážitok vhodný pre mobilné zariadenia – Formuláre fungujú perfektne na telefónoch a tabletoch

Čo budete potrebovať

Na postup podľa tohto návodu budete potrebovať:

• Webová stránka WordPress (vlastný hosting WordPress.org)
• Prístup správcu na inštaláciu pluginov
• 5 minút vášho času

To je všetko! Nie sú potrebné žiadne znalosti programovania, žiadne technické skúsenosti, žiadne platené nástroje.

Krok 1: Nainštalujte si Auto Form Builder (bezplatný doplnok)

Použijeme Automatický tvorca formulárov (taktiež známy ako A.F.B.) – zadarmo, ľahký plugin pre WordPress s vizuálnym rozhraním typu drag-and-drop. Je ideálny pre začiatočníkov, pretože sa nemusíte učiť.

Postup inštalácie:

1. Prihláste sa do svojho administračného panela WordPress
2. Prejsť Pluginy → Pridať nové
3. Hľadať "A.F.B.„(skrátený názov pre Auto Form Builder)“
4. Hľadať "AFB – Auto Form Builder – Vytvorenie formulárov pomocou funkcie Drag & Drop"
5. kliknite teraz inštalovať, Potom sa Aktivovať

💡Tip: Vyhľadávanie výrazu „AFB“ je najrýchlejší spôsob, ako nájsť plugin v repozitári WordPressu.

Po aktivácii sa v administrátorskej ponuke WordPressu zobrazí „Automatický tvorca formulárov“. To je všetko – môžete vytvoriť svoj prvý formulár!

Krok 2: Vytvorenie nového kontaktného formulára

Teraz si vytvorme váš kontaktný formulár:

1. kliknite Automatický tvorca formulárov v administrátorskej ponuke
2. kliknite Vytvoriť nový formulár
3. Zobrazí sa obrazovka s výberom šablóny – vyberte Kontaktný formulár

Auto Form Builder sa dodáva s predpripravenou šablónou kontaktného formulára, ktorá obsahuje:

• Pole Celé meno
• Pole Emailová adresa
• Pole telefónneho čísla (Voliteľne)
• Pole správy

Šablóna je pripravená na okamžité použitie, ale môžete si ju prispôsobiť podľa vlastných predstáv.

Krok 3: Prispôsobte si polia formulára (voliteľné)

Chcete pridať alebo upraviť polia? Nástroj na tvorbu s funkciou drag-and-drop to zjednodušuje:

Pridávanie nových polí

Na ľavom bočnom paneli uvidíte dostupné typy polí. Jednoducho potiahnite ľubovoľné pole na plátno formulára:

• Zadávanie textu – Pre krátke odpovede, ako napríklad meno alebo predmet
• E-mail – Automaticky overuje e-mailové adresy
• Telefón – Pre telefónne čísla s voliteľným formátovaním
• Oblasť textu – Pre dlhšie správy
• rozbaľovací – Umožnite používateľom vybrať si z možností (napríklad „Dôvod kontaktu“)
• Checkbox – Pre políčka na súhlas alebo viacero možností

Úprava nastavení polí

Kliknite na ľubovoľné pole a prispôsobte ho:

• Zmeniť štítok (napr. „Vaše meno“ namiesto „Celé meno“)
• pridať zástupný text usmerňovať používateľov
• Vytvoriť polia potrebný alebo voliteľný
• pridať pomocný text nižšie uvedené polia

Zmena poradia polí

Jednoducho potiahnite polia nahor alebo nadol zmeniť ich poradie. Vizuálny nástroj na tvorbu presne ukazuje, ako bude váš formulár vyzerať.

Krok 4: Konfigurácia nastavení formulára

Kliknite na tlačidlo nastavenie na konfiguráciu toho, čo sa stane, keď niekto odošle váš formulár:

Správa o úspechu

Prispôsobte správu, ktorú používatelia uvidia po odoslaní. Napríklad:

„Ďakujeme, že ste nás kontaktovali! Ozveme sa vám do 24 hodín.“

E-mailové upozornenia

Dostávajte okamžité upozornenie, keď niekto vyplní váš formulár:

1. Umožniť E-mailové upozornenia
2. Zadajte svoju e-mailovú adresu (alebo viacero e-mailových adries oddelených čiarkami)
3. Prispôsobte si predmet e-mailu

Každý príspevok bude odoslaný priamo do vašej schránky – a tiež bezpečne uložený na vašom ovládacom paneli WordPress.

Krok 5: Upravte si formulár (voliteľné)

Chcete, aby váš formulár zodpovedal dizajnu vašej webovej stránky? Kliknite na kartu Prispôsobiť a prispôsobte ho:

• Farby – Zmena farieb tlačidiel, pozadia a textu
• hranice – Upravte okraje poľa a polomer rohov
• riadkovanie – Ovládanie odsadenia a okrajov
• gombík – Prispôsobte si text a vzhľad tlačidla na odoslanie

Formuláre v automatickom nástroji na tvorbu formulárov sú navrhnuté tak, aby vyzerali skvele na akejkoľvek téme hneď po vybalení z krabice, takže štýl je úplne voliteľný.

Krok 6: Uložte a získajte svoj krátky kód

Keď budete s formulárom spokojní:

1. Zadajte názov formulára (napr. „Kontaktný formulár“)
2. kliknite Uložiť formulár
3. Skopírujte shortcode zobrazí

Krok 7: Pridajte kontaktný formulár na svoju stránku

Teraz si zobrazme váš formulár na vašej webovej stránke:

Možnosť A: Pridať na existujúcu stránku

1. Prejsť stránky a upravte si stránku s kontaktmi
2. Vložte krátky kód na miesto, kde chcete zobraziť formulár
3. kliknite Aktualizácia

Možnosť B: Vytvorenie novej kontaktnej stránky

1. Prejsť Stránky → Pridať nové
2. Nazvite to „Kontakt“ alebo „Kontaktujte nás“
3. Ak chcete, pridajte úvodný text
4. Vložte krátky kód
5. kliknite Publikovať

Navštívte svoju stránku a pozrite si svoj krásny nový kontaktný formulár v akcii!

Krok 8: Otestujte si kontaktný formulár

Predtým, ako svetu oznámite svoj nový formulár, otestujte ho:

1. Navštívte svoju kontaktnú stránku
2. Vyplňte formulár s informáciami o teste
3. Kliknite na tlačidlo Odoslať
4. Skontrolujte, či sa zobrazuje správa o úspechu
5. Skontrolujte si e-mail, či vám neprišlo upozornenie
6. Vo WordPresse prejdite na Automatický tvorca formulárov → Odoslania zobraziť uložený záznam

Ak všetko funguje, gratulujeme – váš kontaktný formulár je aktívny!

Správa odoslaní kontaktného formulára

Jednou z najlepších funkcií Auto Form Builder je vstavaná správa podaniaNa rozdiel od niektorých pluginov formulárov, ktoré odosielajú iba e-maily, každý odoslaný text je uložený vo vašej databáze WordPress.

Prejsť Automatický generátor formulárov → Podanie na:

• Zobraziť všetky príspevky v prehľadateľnej tabuľke
• Filtrujte podľa dátumu – Dnes, tento týždeň, tento mesiac atď.
• Vyhľadávanie príspevkov – Okamžite vyhľadajte konkrétne správy
• Označiť ako prečítané/neprečítané – Sledujte, ktoré otázky ste spracovali
• Označiť dôležité správy hviezdičkou – Označiť kontakty s vysokou prioritou
• Export do CSV – Stiahnite si svoje údaje do tabuliek alebo záloh

To znamená, že nikdy nestratíte žiadny dopyt zákazníka, a to ani v prípade, že sa e-maily nedoručia.

Prečo je Auto Form Builder ideálny pre kontaktné formuláre

Existuje veľa pluginov pre formuláre WordPress, ale tu je dôvod, prečo Auto Form Builder vyniká pri vytváraní kontaktných formulárov:

Často kladené otázky

Bude formulár fungovať s mojou WordPress témou?

Áno. Auto Form Builder je navrhnutý tak, aby fungoval s akoukoľvek témou WordPress.

Môžem dostávať odoslané formuláre e-mailom?

Rozhodne. Povoľte e-mailové upozornenia v nastaveniach formulára a dostanete e-mail vždy, keď niekto odošle váš formulár. Odoslané formuláre sa tiež ukladajú do vášho ovládacieho panela WordPress ako záloha.

Je kontaktný formulár optimalizovaný pre mobilné zariadenia?

Áno. Všetky formuláre vytvorené pomocou nástroja Auto Form Builder sú plne responzívne a vyzerajú skvele na telefónoch, tabletoch a stolových počítačoch.

Ako ochránim svoj formulár pred spamom?

Auto Form Builder ponúka doplnky na ochranu pred spamom vrátane Google reCAPTCHA a Cloudflare Turnstile.

Ďalšie kroky

Teraz, keď máte na svojej webovej stránke WordPress kontaktný formulár, zvážte tieto vylepšenia:

• Pridajte si kontaktný formulár do päty stránky – Urobte to prístupné z každej stránky
• Vytvorte formulár spätnej väzby – Zbierajte recenzie a referencie od zákazníkov
• Vytvorte formulár na prihlásenie sa na odber noviniek – Rozšírte si zoznam e-mailov
• Pridajte ochranu pred spamom – Povoľte reCAPTCHA pre stránky s vysokou návštevnosťou

Záver

Vytvorenie kontaktného formulára vo WordPresse nevyžaduje žiadne programátorské zručnosti. S Automatický tvorca formulárov, môžete si vytvoriť profesionálny kontaktný formulár responzívny pre mobilné zariadenia za menej ako 5 minút – úplne zadarmo.

Rozhranie s funkciou drag-and-drop je jednoduché aj pre začiatočníkov, zatiaľ čo vstavaná správa odoslaných požiadaviek zaručuje, že nikdy nezmeškáte žiadnu požiadavku zákazníka. Navyše, všetky vaše údaje sú bezpečne uložené na vašom vlastnom serveri WordPress.

Ste pripravení vytvoriť si kontaktný formulár? Stiahnite si automatický nástroj na tvorbu formulárov z repozitára pluginov WordPress a začnite ešte dnes.