Kako kreirati kontakt formu u WordPressu bez kodiranja

Želite li dodati kontakt formu na svoju WordPress web stranicu, ali ne znate programirati? Na pravom ste mjestu. U ovom vodiču korak po korak naučit ćete kako... Kreirajte profesionalni kontakt obrazac u WordPressu bez pisanja ijedne linije koda- i traje manje od 5 minuta.

Bez obzira da li ste bloger, vlasnik malog biznisa ili pravite svoju prvu web stranicu, kontakt forma je neophodna. Omogućava posjetiocima da vas lako kontaktiraju, pomaže vam da privučete potencijalne klijente i izgleda mnogo profesionalnije od jednostavnog objavljivanja vaše e-mail adrese.

Zašto svakoj WordPress web stranici treba kontakt forma

Prije nego što se upustimo u tutorijal, shvatimo zašto je kontakt obrazac važan:

• Štiti vašu e-poštu od neželjene pošte – Javno objavljivanje vaše adrese e-pošte poziva spam botove da preplave vašu pristiglu poštu
• Izgleda profesionalno – Dobro osmišljen obrazac gradi povjerenje kod posjetilaca
• Prikuplja strukturirane informacije – Dobijte potrebne podatke (ime, e-mail, poruku) u organiziranom formatu
• Upiti o tragovima – Sačuvajte prijave na svojoj WordPress kontrolnoj ploči umjesto da ih gubite u e-pošti
• Iskustvo prilagođeno mobilnim uređajima – Obrasci savršeno rade na telefonima i tabletima

Šta će vam trebati

Da biste pratili ovaj tutorijal, trebat će vam:

• WordPress web stranica (samostalno hostovana WordPress.org)
• Administratorski pristup za instaliranje dodataka
• 5 minuta vašeg vremena

To je to! Nije potrebno znanje kodiranja, tehničko iskustvo, nisu potrebni plaćeni alati.

Korak 1: Instalirajte Auto Form Builder (besplatni dodatak)

Koristićemo Automatski kreator obrazaca (Također poznat kao A.F.B.) - besplatno, lagani WordPress dodatak s vizualnim interfejsom za prevlačenje i ispuštanje. Savršen je za početnike jer nema nikakve krivulje učenja.

Evo kako ga instalirati:

1. Prijavite se na svoju administratorsku kontrolnu ploču WordPressa
2. Idi na Dodaci → Dodaj novo
3. Traži za “A.F.B." (skraćeni naziv za Auto Form Builder)
4. Tražiti "AFB – Auto Form Builder – Kreator obrazaca putem prevlačenja i ispuštanja"
5. kliknite Instalirati sada, onda aktivirati

💡 Savjet: Pretraga pojma „AFB“ je najbrži način da pronađete dodatak u WordPress repozitoriju.

Nakon aktivacije, vidjet ćete "Automatski kreator obrazaca" u administratorskom meniju WordPressa. To je to - spremni ste da kreirate svoj prvi obrazac!

Korak 2: Kreirajte novi kontakt obrazac

Sada hajde da kreiramo vašu kontakt formu:

1. kliknite Automatski kreator obrazaca u vašem administratorskom meniju
2. kliknite Kreiraj novi obrazac
3. Vidjet ćete ekran za odabir predloška - odaberite Kontakt obrazac

Auto Form Builder dolazi s unaprijed izrađenim predloškom kontakt obrasca koji uključuje:

• Polje za puno ime
• Polje adrese e-pošte
• Polje za broj telefona (Opciono)
• Polje za poruku

Predložak je odmah spreman za upotrebu, ali ga možete prilagoditi kako god želite.

Korak 3: Prilagodite polja obrasca (opcionalno)

Želite li dodati ili izmijeniti polja? Alat za izradu s funkcijom "drag-and-drop" to čini jednostavnim:

Dodavanje novih polja

Na lijevoj bočnoj traci vidjet ćete dostupne tipove polja. Jednostavno prevucite bilo koje polje na platno obrasca:

• Unos teksta – Za kratke odgovore poput imena ili predmeta
• E-mail – Automatski provjerava adrese e-pošte
• Telefon – Za telefonske brojeve s opcionalnim formatiranjem
• Tekstualno područje – Za duže poruke
• Ispustiti – Omogućite korisnicima da biraju između opcija (kao što je „Razlog za kontakt“)
• Polje za potvrdu – Za okvire za pristanak ili višestruke odabire

Uređivanje postavki polja

Kliknite bilo koje polje da biste ga prilagodili:

• Promijenite etiketa (npr. „Vaše ime“ umjesto „Puno ime“)
• dodati tekst čuvara mjesta voditi korisnike
• Napravi polja potreban ili opciono
• dodati tekst pomoći ispod polja

Promjena redoslijeda polja

jednostavno prevucite polja gore ili dolje da promijenite njihov redoslijed. Vizualni alat za izradu obrazaca prikazuje tačno kako će vaš obrazac izgledati.

Korak 4: Konfigurišite postavke obrasca

kliknite Postavke kartica za konfiguriranje šta se događa kada neko pošalje vaš obrazac:

Poruka o uspjehu

Prilagodite poruku koju korisnici vide nakon slanja. Na primjer:

"Hvala vam što ste nas kontaktirali! Javit ćemo vam se u roku od 24 sata."

Email Notifications

Primite trenutno obavještenje kada neko popuni vaš obrazac:

1. omogućiti Email Notifications
2. Unesite svoju email adresu (ili više email adresa odvojenih zarezima)
3. Prilagodite naslov e-pošte

Svaki podnesak će biti poslan direktno u vaš inbox – i sigurno pohranjen na vašoj WordPress kontrolnoj tabli.

Korak 5: Stilizirajte svoj obrazac (opcionalno)

Želite da vaš obrazac odgovara dizajnu vaše web stranice? Kliknite karticu Prilagodi da biste prilagodili:

• boje – Promijenite boje dugmadi, pozadine i tekst
• Granice – Podesite granice polja i radijus uglova
• razmak – Kontrolišite padding i margine
• Dugme – Prilagodite tekst i izgled dugmeta za slanje

Obrasci u Auto Form Builderu dizajnirani su tako da izgledaju sjajno na bilo kojoj temi odmah po instalaciji, tako da je stiliziranje potpuno opcionalno.

Korak 6: Sačuvajte i preuzmite svoj kratki kod

Kada budete zadovoljni svojom formom:

1. Dajte naziv svom obrascu (npr. „Obrazac za kontakt“)
2. kliknite Sačuvaj obrazac
3. Kopiraj Shortcodes prikazano

Korak 7: Dodajte kontakt formu na svoju stranicu

Sada prikažimo vaš obrazac na vašoj web stranici:

Opcija A: Dodaj na postojeću stranicu

1. Idi na Stranice i uredite svoju stranicu za kontakt
2. Zalijepite kratki kod tamo gdje želite da se pojavi obrazac
3. kliknite Ažuriranje

Opcija B: Kreirajte novu stranicu za kontakt

1. Idi na Stranice → Dodaj novo
2. Nazovite ga "Kontakt" ili "Kontaktirajte nas"
3. Dodajte uvodni tekst ako želite
4. Zalijepite kratki kod
5. kliknite objaviti

Posjetite svoju stranicu da vidite svoj novi prekrasni kontakt obrazac u akciji!

Korak 8: Testirajte svoj kontakt obrazac

Prije nego što svijetu predstavite svoj novi obrazac, testirajte ga:

1. Posjetite svoju kontakt stranicu
2. Popunite obrazac s informacijama o testiranju
3. Kliknite na Submit
4. Provjerite da li vidite poruku o uspjehu
5. Provjerite svoju e-poštu za obavještenje
6. U WordPressu idite na Automatski alat za izradu obrazaca → Podnesci da biste vidjeli sačuvani unos

Ako sve funkcioniše, čestitamo - vaš kontakt obrazac je aktivan!

Upravljanje slanjem kontakt obrasca

Jedna od najboljih karakteristika Auto Form Buildera je ugrađena upravljanje podnescimaZa razliku od nekih dodataka za obrasce koji šalju samo e-poštu, svaki podnesak se pohranjuje u vašu WordPress bazu podataka.

Idi na Automatski kreator obrazaca → Podnesci na:

• Pogledajte sve prijave u pretraživoj tabeli
• Filtrirajte po datumu – Danas, ove sedmice, ovog mjeseca, itd.
• Pretraživanje podnesaka – Trenutačno pronađite određene poruke
• Označi kao pročitano/nepročitano – Pratite koje ste upite obradili
• Označi važne poruke zvjezdicom – Označite kontakte visokog prioriteta
• Izvezi u CSV – Preuzmite svoje podatke za proračunske tablice ili sigurnosne kopije

To znači da nikada nećete izgubiti upit kupca, čak i ako e-poruke ne stignu.

Zašto je Auto Form Builder savršen za kontakt forme

Dostupno je mnogo WordPress dodataka za kreiranje obrazaca, ali evo zašto se Auto Form Builder ističe za kreiranje kontaktnih obrazaca:

Često Postavljena Pitanja

Hoće li obrazac raditi s mojom WordPress temom?

Da. Auto Form Builder je dizajniran da radi sa bilo kojom WordPress temom.

Mogu li primati poslane obrasce putem e-pošte?

Apsolutno. Omogućite obavještenja putem e-pošte u postavkama obrasca i primit ćete e-poštu svaki put kada neko pošalje vaš obrazac. Poslani obrasci se također pohranjuju na vašoj WordPress kontrolnoj ploči kao sigurnosna kopija.

Da li je kontakt forma prilagođena mobilnim uređajima?

Da. Svi obrasci kreirani pomoću Auto Form Buildera su potpuno responzivni i izgledaju odlično na telefonima, tabletima i desktop računarima.

Kako da zaštitim svoj obrazac od neželjene pošte (spama)?

Auto Form Builder nudi dodatke za zaštitu od neželjene pošte, uključujući Google reCAPTCHA i Cloudflare Turnstile.

Sljedeći koraci

Sada kada imate kontakt formu na svojoj WordPress web stranici, razmislite o ovim poboljšanjima:

• Dodajte svoj kontaktni obrazac u podnožje – Omogućite pristup sa svake stranice
• Kreirajte obrazac za povratne informacije – Prikupljajte recenzije i iskustva kupaca
• Kreirajte obrazac za prijavu na bilten – Proširite svoju email listu
• Dodajte zaštitu od neželjene pošte – Omogućite reCAPTCHA za web stranice s velikim prometom

zaključak

Kreiranje kontakt forme u WordPressu ne zahtijeva nikakve vještine kodiranja. Sa Automatski kreator obrazaca, možete kreirati profesionalni, mobilni responzivni kontakt obrazac za manje od 5 minuta – potpuno besplatno.

Interfejs s funkcijom "drag-and-drop" olakšava korištenje početnicima, dok ugrađeno upravljanje slanjem upita osigurava da nikada ne propustite nijedan upit kupca. Osim toga, svi vaši podaci sigurno ostaju na vašem WordPress serveru.

Spremni za kreiranje kontakt forme? Preuzmite Auto Form Builder iz WordPress repozitorija dodataka i počnite već danas.