Kako ustvariti kontaktni obrazec v WordPressu brez kodiranja

Želite na svojo spletno stran WordPress dodati kontaktni obrazec, vendar ne znate programirati? Na pravem mestu ste. V tem vodniku po korakih se boste naučili, kako ... ustvarite profesionalni kontaktni obrazec v WordPressu brez pisanja ene same vrstice kode- in traja manj kot 5 minut.

Ne glede na to, ali ste bloger, lastnik malega podjetja ali gradite svojo prvo spletno stran, je kontaktni obrazec bistvenega pomena. Omogoča obiskovalcem, da vas enostavno kontaktirajo, vam pomaga pridobiti potencialne stranke in je videti veliko bolj profesionalno kot zgolj objava vašega e-poštnega naslova.

Zakaj vsako spletno mesto WordPress potrebuje kontaktni obrazec

Preden se poglobimo v vadnico, si poglejmo, zakaj je kontaktni obrazec pomemben:

• Ščiti vašo e-pošto pred neželeno pošto – Javna objava vašega e-poštnega naslova povabi robote za neželeno pošto, da preplavijo vaš nabiralnik
• Izgleda profesionalno – Dobro oblikovan obrazec gradi zaupanje pri obiskovalcih
• Zbira strukturirane informacije – Pridobite potrebne podatke (ime, e-pošto, sporočilo) v organizirani obliki
• Poizvedbe o skladbah – Shranite prispevke v nadzorno ploščo WordPressa, namesto da jih izgubite v e-pošti
• Mobilnim napravam prijazna izkušnja – Obrazci delujejo odlično na telefonih in tablicah

Kaj boste potrebovali

Za sledenje tej vadnici boste potrebovali:

• Spletna stran WordPress (samostojno gostovanje WordPress.org)
• Administratorski dostop za namestitev vtičnikov
• 5 minut vašega časa

To je to! Ni potrebno znanje kodiranja, ni tehničnih izkušenj, ni potrebnih plačanih orodij.

1. korak: Namestite Auto Form Builder (brezplačen vtičnik)

Uporabili bomo Samodejni graditelj obrazcev (poznan tudi kot A.F.B.) – brezplačno, lahek vtičnik za WordPress z vizualnim vmesnikom za vlečenje in spuščanje. Idealen je za začetnike, saj ni potrebe po učenju.

Namestitev:

1. Prijavite se v svojo skrbniško nadzorno ploščo WordPressa
2. Pojdi na Vtičniki → Dodaj novega
3. Išči "A.F.B.” (kratko ime za Samodejni graditelj obrazcev)
4. Iskati "AFB – Samodejni graditelj obrazcev – Ustvarjalec obrazcev s funkcijo »povleci in spusti«"
5. klik Namesti zdaj, Potem Aktivirajte

💡 Nasvet: Iskanje »AFB« je najhitrejši način za iskanje vtičnika v repozitoriju WordPress.

Ko je aktivirano, boste v skrbniškem meniju WordPressa videli »Samodejni graditelj obrazcev«. To je to – pripravljeni ste ustvariti svoj prvi obrazec!

2. korak: Ustvarite nov kontaktni obrazec

Zdaj pa zgradimo vaš kontaktni obrazec:

1. klik Samodejni graditelj obrazcev v skrbniškem meniju
2. klik Ustvari nov obrazec
3. Videli boste zaslon za izbiro predloge – izberite Kontaktni obrazec

Auto Form Builder ima vnaprej pripravljeno predlogo kontaktnega obrazca, ki vključuje:

• Polje s polnim imenom
• Polje za e-poštni naslov
• Polje za telefonsko številko (Neobvezno)
• Polje sporočila

Predloga je pripravljena za takojšnjo uporabo, vendar jo lahko prilagodite po svojih željah.

3. korak: Prilagodite polja obrazca (neobvezno)

Želite dodati ali spremeniti polja? Z orodjem za ustvarjanje s funkcijo »povleci in spusti« je to preprosto:

Dodajanje novih polj

V levi stranski vrstici boste videli razpoložljive vrste polj. Preprosto povlecite katero koli polje na platno obrazca:

• Vnos besedila – Za kratke odgovore, kot sta ime ali zadeva
• E-pošta – Samodejno preverja e-poštne naslove
• Telefon – Za telefonske številke z neobveznim oblikovanjem
• Območje besedila – Za daljša sporočila
• Spustitev – Uporabnikom omogočite izbiro med možnostmi (kot je »Razlog za stik«)
• Potrditveno polje – Za polja za soglasje ali več izbir

Urejanje nastavitev polja

Kliknite katero koli polje, da ga prilagodite:

• Spreminjanje nalepka (npr. »Vaše ime« namesto »Polno ime«)
• Dodaj besedilo nadomestnega znaka za vodenje uporabnikov
• Ustvari polja obvezna ali neobvezno
• Dodaj besedilo pomoči pod polji

Prerazporeditev polj

preprosto povlecite polja gor ali dol da spremenite njihov vrstni red. Vizualni graditelj natančno prikaže, kako bo videti vaš obrazec.

4. korak: Konfigurirajte nastavitve obrazca

Kliknite Nastavitve zavihek za nastavitev, kaj se zgodi, ko nekdo odda vaš obrazec:

Sporočilo o uspehu

Prilagodite sporočilo, ki ga uporabniki vidijo po oddaji. Na primer:

"Hvala, ker ste nas kontaktirali! Odgovorili vam bomo v 24 urah."

E-poštna obvestila

Takoj prejmete obvestilo, ko nekdo izpolni vaš obrazec:

1. Omogoči E-poštna obvestila
2. Vnesite svoj e-poštni naslov (ali več e-poštnih naslovov, ločenih z vejicami)
3. Prilagodite zadevo e-poštnega sporočila

Vsak prispevek bo poslan neposredno v vaš nabiralnik – in varno shranjen tudi na vaši nadzorni plošči WordPress.

5. korak: Oblikujte svoj obrazec (neobvezno)

Želite, da se vaš obrazec ujema z obliko vašega spletnega mesta? Kliknite zavihek Prilagodi, da ga prilagodite:

• Barve – Spremenite barve gumbov, ozadja in besedilo
• Borders – Prilagodite meje polja in polmer vogalov
• Razmak med zobmi (diastema) – Nadzor odmika in robov
• Button – Prilagodite besedilo in videz gumba za oddajo

Obrazci v programu Auto Form Builder so zasnovani tako, da so videti odlično na kateri koli temi takoj po namestitvi, zato je oblikovanje popolnoma neobvezno.

6. korak: Shranite in pridobite svojo kratko kodo

Ko ste zadovoljni s svojo obliko:

1. Poimenujte obrazec (npr. »Kontaktni obrazec«)
2. klik Shrani obrazec
3. Kopirajte kratka koda prikazano

7. korak: Dodajte kontaktni obrazec na svojo stran

Zdaj pa prikažimo vaš obrazec na vaši spletni strani:

Možnost A: Dodaj na obstoječo stran

1. Pojdi na Strani in uredite svojo stran s stiki
2. Prilepite kratko kodo tja, kjer želite, da se prikaže obrazec
3. klik Nadgradnja

Možnost B: Ustvarite novo stran s stiki

1. Pojdi na Strani → Dodaj novo
2. Naslovite ga »Kontakt« ali »Kontaktirajte nas«
3. Po želji dodajte uvodno besedilo
4. Prilepite kratko kodo
5. klik objavi

Obiščite svojo stran in si oglejte svoj čudoviti novi kontaktni obrazec v akciji!

8. korak: Preizkusite svoj kontaktni obrazec

Preden svetu predstavite svoj novi obrazec, ga preizkusite:

1. Obiščite svojo kontaktno stran
2. Izpolnite obrazec s podatki o testu
3. Kliknite Pošlji
4. Preverite, ali vidite sporočilo o uspehu
5. Preverite svoj e-poštni naslov za obvestilo
6. V WordPressu pojdite na Samodejni graditelj obrazcev → Oddaje za ogled shranjenega vnosa

Če vse deluje, čestitamo – vaš kontaktni obrazec je aktiven!

Upravljanje oddanih kontaktnih obrazcev

Ena najboljših lastnosti programa Auto Form Builder je vgrajena upravljanje oddajZa razliko od nekaterih vtičnikov za obrazce, ki pošiljajo samo e-pošto, se vsaka oddaja shrani v vašo WordPress bazo podatkov.

Pojdi na Samodejni graditelj obrazcev → Stališča za:

• Ogled vseh prispevkov v tabeli, po kateri je mogoče iskati
• Filtriraj po datumu – Danes, ta teden, ta mesec itd.
• Iskanje prispevkov – Takojšnje iskanje določenih sporočil
• Označi kot prebrano/neprebrano – Spremljajte, katera povpraševanja ste obravnavali
• Označi pomembna sporočila z zvezdico – Označi stike z visoko prioriteto
• Izvozi v CSV – Prenesite svoje podatke za preglednice ali varnostne kopije

To pomeni, da nikoli ne boste izgubili povpraševanja stranke, tudi če e-poštnih sporočil ne dostavimo.

Zakaj je Auto Form Builder odličen za kontaktne obrazce

Na voljo je veliko vtičnikov za obrazce WordPress, vendar je tukaj razlog, zakaj Auto Form Builder izstopa pri ustvarjanju kontaktnih obrazcev:

Pogosto zastavljena vprašanja

Bo obrazec deloval z mojo WordPress temo?

Da. Auto Form Builder je zasnovan za delo s katero koli WordPress temo.

Ali lahko prejemam oddane obrazce po e-pošti?

Seveda. V nastavitvah obrazca omogočite e-poštna obvestila in vsakič, ko nekdo odda vaš obrazec, boste prejeli e-pošto. Oddaje se shranijo tudi v nadzorno ploščo WordPressa kot varnostna kopija.

Je kontaktni obrazec prilagojen mobilnim napravam?

Da. Vsi obrazci, ustvarjeni z orodjem Auto Form Builder, so popolnoma odzivni in odlično izgledajo na telefonih, tablicah in namiznih računalnikih.

Kako zaščitim svoj obrazec pred neželeno pošto?

Auto Form Builder ponuja dodatke za zaščito pred neželeno pošto, vključno z Google reCAPTCHA in Cloudflare Turnstile.

Naslednji koraki

Zdaj, ko imate na svojem spletnem mestu WordPress kontaktni obrazec, razmislite o teh izboljšavah:

• Dodajte kontaktni obrazec v nogo – Naj bo dostopno z vsake strani
• Ustvarite obrazec za povratne informacije – Zbirajte mnenja in pričevanja strank
• Izdelava obrazca za prijavo na novice – Povečajte svoj seznam e-poštnih naslovov
• Dodajte zaščito pred neželeno pošto – Omogočite reCAPTCHA za spletna mesta z veliko prometa

zaključek

Ustvarjanje kontaktnega obrazca v WordPressu ne zahteva nobenih veščin kodiranja. Z Samodejni graditelj obrazcev, lahko v manj kot 5 minutah – popolnoma brezplačno – ustvarite profesionalen kontaktni obrazec, ki se odziva na mobilne naprave.

Vmesnik s funkcijo »povleci in spusti« olajša delo začetnikom, vgrajeno upravljanje oddaj pa zagotavlja, da nikoli ne boste zamudili povpraševanja strank. Poleg tega so vsi vaši podatki varno shranjeni na vašem lastnem strežniku WordPress.

Ste pripravljeni ustvariti svoj kontaktni obrazec? Prenesite samodejni graditelj obrazcev iz repozitorija vtičnikov WordPress in začnite še danes.