Kako stvoriti kontakt obrazac u WordPressu bez kodiranja

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

Bez obzira jeste li bloger, vlasnik malog poduzeća ili gradite svoju prvu web stranicu, kontakt obrazac je ključan. Omogućuje posjetiteljima da vas lako kontaktiraju, pomaže vam u privlačenju potencijalnih klijenata i izgleda puno profesionalnije od pukog objavljivanja vaše adrese e-pošte.

Zašto svaka WordPress web stranica treba kontakt obrazac

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

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

Što će vam trebati

Za praćenje ovog tutoriala trebat će vam:

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

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

Korak 1: Instalirajte Auto Form Builder (besplatni dodatak)

Koristit ćemo Automatski alat za izradu obrazaca (Također poznat kao A.F.B.) - besplatno, lagani WordPress dodatak s vizualnim sučeljem za povlačenje i ispuštanje. Savršeno je za početnike jer nema nikakve krivulje učenja.

Evo kako ga instalirati:

1. Prijavite se na svoju administratorsku nadzornu ploču WordPressa
2. Idi na Dodaci → Dodaj novo
3. Traziti "A.F.B." (skraćeni naziv za Auto Form Builder)
4. Tražiti "AFB – Auto Form Builder – Kreator obrazaca putem povlačenja i ispuštanja"
5. Kliknite Instaliraj sada, A zatim Aktivirati

💡 Savjet: Traženje pojma "AFB" najbrži je način za pronalaženje dodatka u WordPress repozitoriju.

Nakon aktivacije, vidjet ćete "Automatski alat za izradu obrazaca" u administratorskom izborniku WordPressa. To je to - spremni ste za izradu svog prvog obrasca!

Korak 2: Izradite novi kontaktni obrazac

Sada izradimo vaš kontaktni obrazac:

1. Kliknite Automatski alat za izradu obrazaca u vašem administratorskom izborniku
2. Kliknite Izradi novi obrazac
3. Vidjet ćete zaslon za odabir predloška - odaberite Kontakt obrazac

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

• Polje Puno ime
• Polje za adresu e-pošte
• Polje za telefonski broj (Nije obavezno)
• Polje za poruke

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

Korak 3: Prilagodite polja obrasca (nije obavezno)

Želite li dodati ili izmijeniti polja? Alat za izradu s funkcijom "povuci i ispusti" to čini jednostavnim:

Dodavanje novih polja

Na lijevoj bočnoj traci vidjet ćete dostupne vrste polja. Jednostavno povucite 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
• Područje teksta – Za duže poruke
• padajući – Omogućite korisnicima odabir između opcija (poput „Razlog kontakta“)
• Okvir – Za okvire za pristanak ili višestruke odabire

Uređivanje postavki polja

Kliknite bilo koje polje da biste ga prilagodili:

• Promijeni oznaka (npr. „Vaše ime“ umjesto „Puno ime“)
• dodati tekst rezerviranog mjesta voditi korisnike
• Napravi polja potreban ili izborni
• dodati tekst pomoći ispod polja

Promjena redoslijeda polja

Jednostavno povucite polja gore ili dolje promijeniti njihov redoslijed. Vizualni alat za izradu točno prikazuje kako će vaš obrazac izgledati.

Korak 4: Konfigurirajte postavke obrasca

kliknite Postavke kartica za konfiguriranje što se događa kada netko 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."

Obavijesti e-poštom

Primajte trenutnu obavijest kada netko ispuni vaš obrazac:

1. Omogući Obavijesti e-poštom
2. Unesite svoju adresu e-pošte (ili više adresa e-pošte odvojenih zarezima)
3. Prilagodite redak predmeta e-pošte

Svaka prijava bit će poslana izravno u vašu pristiglu poštu - i sigurno pohranjena na vašoj WordPress nadzornoj ploči.

Korak 5: Stilizirajte svoj obrazac (nije obavezno)

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

• Boje – Promijenite boje gumba, pozadine i tekst
• Granice – Prilagodite granice polja i radijus kuta
• Razmaci (Spacing) – Kontrolirajte padding i margine
• Button – Prilagodite tekst i izgled gumba 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: Spremite i preuzmite svoj kratki kod

Nakon što ste zadovoljni svojim obrascem:

1. Dajte naziv svom obrascu (npr. „Obrazac za kontakt“)
2. Kliknite Spremi obrazac
3. Kopirati kratki kôd prikazati

Korak 7: Dodajte kontaktni obrazac 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 obrazac pojavi
3. Kliknite Nadopune

Opcija B: Izradite 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 kako biste vidjeli svoj prekrasan novi kontaktni obrazac u akciji!

Korak 8: Testirajte svoj kontaktni obrazac

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

1. Posjetite svoju kontakt stranicu
2. Ispunite obrazac s podacima o testiranju
3. Kliknite Pošalji
4. Provjerite vidite li poruku o uspjehu
5. Provjerite svoju e-poštu za obavijest
6. U WordPressu idite na Automatski alat za izradu obrazaca → Slanje za pregled pohranjenog unosa

Ako sve radi, čestitamo - vaš kontaktni obrazac je aktivan!

Upravljanje slanjem kontaktnih obrazaca

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

Idi na Automatski alat za izradu obrazaca → Podnesci na:

• Pogledajte sve prijave u tablici s mogućnošću pretraživanja
• Filtriraj po datumu – Danas, ovaj tjedan, ovaj mjesec 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
• Izvoz 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 se e-poruke ne isporuče.

Zašto je Auto Form Builder savršen za kontaktne obrasce

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

Često postavljana pitanja

Hoće li obrazac raditi s mojom WordPress temom?

Da. Auto Form Builder je dizajniran za rad s bilo kojom WordPress temom.

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

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

Je li kontaktni obrazac prilagođen mobilnim uređajima?

Da. Svi obrasci kreirani pomoću Auto Form Buildera su potpuno responzivni i izgledaju sjajno na telefonima, tabletima i stolnim računalima.

Kako mogu zaštititi svoj obrazac od neželjene pošte?

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 kontaktni obrazac na svojoj WordPress web stranici, razmislite o ovim poboljšanjima:

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

Zaključak

Izrada kontakt obrasca u WordPressu ne zahtijeva nikakve vještine kodiranja. S Automatski alat za izradu obrazaca, možete izraditi profesionalni, mobilni responzivni kontakt obrazac za manje od 5 minuta – potpuno besplatno.

Sučelje s funkcijom "povuci i ispusti" olakšava početnicima, dok ugrađeno upravljanje slanjem zahtjeva osigurava da nikada ne propustite upit kupca. Osim toga, svi vaši podaci sigurno ostaju na vašem WordPress poslužitelju.

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