Hoe om 'n kontakvorm in WordPress te skep sonder kodering
Wil jy 'n kontakvorm by jou WordPress-webwerf voeg, maar weet nie hoe om te kodeer nie? Jy is op die regte plek. In hierdie stap-vir-stap gids sal jy leer hoe om... skep 'n professionele kontakvorm in WordPress sonder om 'n enkele reël kode te skryf—en dit neem minder as 5 minute.
Of jy nou 'n blogger, 'n kleinsake-eienaar is, of jou eerste webwerf bou, 'n kontakvorm is noodsaaklik. Dit laat besoekers jou maklik bereik, help jou om leidrade te bekom, en lyk baie meer professioneel as om net jou e-posadres te plaas.
Waarom elke WordPress-webwerf 'n kontakvorm benodig
Voordat ons in die tutoriaal duik, kom ons verstaan waarom 'n kontakvorm belangrik is:
- Beskerm jou e-pos teen strooipos – Die publieke publikasie van jou e-posadres nooi strooiposrobotte uit om jou inboks te oorstroom
- Lyk professioneel – ’n Goed ontwerpte vorm bou vertroue met besoekers
- Versamel gestruktureerde inligting – Kry die besonderhede wat jy benodig (naam, e-pos, boodskap) in 'n georganiseerde formaat
- Spoor navrae op – Stoor voorleggings in jou WordPress-dashboard in plaas daarvan om hulle in e-pos te verloor
- Mobiele vriendelike ervaring – Vorms werk perfek op fone en tablette
Wat u nodig het
Om hierdie tutoriaal te volg, benodig jy:
- 'n WordPress-webwerf (selfgehoste WordPress.org)
- Admintoegang om inproppe te installeer
- 5 minute van jou tyd
Dis dit! Geen koderingskennis, geen tegniese ervaring, geen betaalde gereedskap benodig nie.
Stap 1: Installeer Auto Form Builder (Gratis Inprop)
Ons sal gebruik Outomatiese Vormbouer (Ook bekend as A.F.B.)—’n gratis, liggewig WordPress-inprop met 'n visuele sleep-en-los-koppelvlak. Dit is perfek vir beginners, want daar is geen leerkurwe nie.
Hier is hoe om dit te installeer:
- Meld aan by jou WordPress admin dashboard
- Gaan na Inproppe → Voeg Nuut By
- Soek vir "A.F.B."(die kort naam vir Outomatiese Vormbouer)"
- Soek vir "AFB – Outomatiese Vormbouer – Sleep-en-los Vorm Skepper"
- Klik Installeer nou, Dan Aktiveer
💡 Wenke: Om na "AFB" te soek, is die vinnigste manier om die inprop in die WordPress-bewaarplek te vind.
Sodra dit geaktiveer is, sal jy "Auto Form Builder" in jou WordPress-admin-kieslys sien. Dis dit – jy is gereed om jou eerste vorm te skep!
Stap 2: Skep 'n nuwe kontakvorm
Kom ons bou nou jou kontakvorm:
- Klik Outomatiese Vormbouer in jou admin-kieslys
- Klik Skep Nuwe Vorm
- Jy sal 'n sjabloonkeuseskerm sien—kies Kontak Vorm
Auto Form Builder kom met 'n voorafgeboude kontakvorm sjabloon wat insluit:
- Volle Naam-veld
- E-posadres veld
- Telefoonnommerveld (Opsioneel)
- Boodskapveld
Die sjabloon is onmiddellik gereed vir gebruik, maar jy kan dit aanpas soos jy wil.
Stap 3: Pas jou vormvelde aan (opsioneel)
Wil jy velde byvoeg of wysig? Die sleep-en-los-bouer maak dit eenvoudig:
Nuwe velde byvoeg
Aan die linkerkantse sybalk sal jy beskikbare veldtipes sien. Eenvoudig sleep enige veld op jou vormdoek:
- Teksinvoer – Vir kort antwoorde soos naam of onderwerp
- E-posadres – Valideer outomaties e-posadresse
- Kontak – Vir telefoonnommers met opsionele formatering
- Teksgebied – Vir langer boodskappe
- dropdown – Laat gebruikers kies uit opsies (soos “Rede vir Kontak”)
- boks – Vir toestemmingsbokse of veelvuldige keuses
Wysig Veldinstellings
Klik enige veld om dit aan te pas:
- Verander die etiket (bv. “Jou Naam” in plaas van “Volle Naam”)
- Voeg plekhouer teks om gebruikers te lei
- Maak velde vereis of opsionele
- Voeg hulpteks onder velde
Herrangskikking van velde
eenvoudig sleep velde op of af om hul volgorde te verander. Die visuele bouer wys presies hoe jou vorm sal lyk.
Stap 4: Konfigureer vorminstellings
Klik op die Stellings oortjie om te konfigureer wat gebeur wanneer iemand jou vorm indien:
Suksesboodskap
Pas die boodskap aan wat gebruikers sien nadat hulle dit ingedien het. Byvoorbeeld:
“Dankie dat u ons gekontak het! Ons sal binne 24 uur met u in verbinding tree.”
e-pos kennisgewings
Kry onmiddellik kennisgewings wanneer iemand jou vorm invul:
- Aktiveer e-pos kennisgewings
- Voer jou e-posadres in (of veelvuldige e-posadresse geskei deur kommas)
- Pas die e-posonderwerpreël aan
Elke voorlegging sal direk na jou inboks gestuur word – en ook veilig in jou WordPress-dashboard gestoor word.
Stap 5: Stileer jou vorm (opsioneel)
Wil jy hê jou vorm moet by jou webwerf se ontwerp pas? Klik die Pasmaak-oortjie om dit aan te pas:
- Colors – Verander knoppiekleure, agtergronde en teks
- Grense – Pas veldgrense en hoekradius aan
- spasiëring – Beheer opvulling en marges
- Button – Pas die teks en voorkoms van die indienknoppie aan
Outomatiese Vormbouer-vorms is ontwerp om dadelik op enige tema fantasties te lyk, so stilering is heeltemal opsioneel.
Stap 6: Stoor en kry jou kortkode
Sodra jy tevrede is met jou vorm:
- Gee jou vorm 'n naam (bv. "Kontakvorm")
- Klik Stoor vorm
- Kopieer die kortkode vertoon
Stap 7: Voeg die kontakvorm by jou bladsy
Kom ons vertoon nou jou vorm op jou webwerf:
Opsie A: Voeg by 'n bestaande bladsy
- Gaan na bladsye en wysig jou Kontakbladsy
- Plak die kortkode waar jy die vorm wil hê
- Klik Werk
Opsie B: Skep 'n Nuwe Kontakbladsy
- Gaan na Bladsye → Voeg Nuut by
- Gee die titel "Kontak" of "Kontak Ons"
- Voeg 'n paar inleidende teks by indien jy wil
- Plak die kortkode
- Klik Publiseer
Besoek jou bladsy om jou pragtige nuwe kontakvorm in aksie te sien!
Stap 8: Toets jou kontakvorm
Voordat jy jou nuwe vorm aan die wêreld aankondig, toets dit:
- Besoek jou kontakbladsy
- Vul die vorm in met toetsinligting
- Kliek Stuur
- Maak seker dat jy die suksesboodskap sien
- Gaan jou e-pos na vir die kennisgewing
- In WordPress, gaan na Outomatiese Vormbouer → Voorleggings om die gestoorde inskrywing te sien
As alles werk, gelukwensinge – jou kontakvorm is aktief!
Bestuur van Kontakvorm-indienings
Een van die beste kenmerke van Auto Form Builder is die ingeboude indieningsbestuurAnders as sommige vorm-inproppe wat slegs e-posse stuur, word elke voorlegging in jou WordPress-databasis gestoor.
Gaan na Outomatiese Vormbouer → Voorleggings aan:
- Bekyk alle voorleggings in 'n soekbare tabel
- Filtreer volgens datum – Vandag, hierdie week, hierdie maand, ens.
- Soek voorleggings – Vind spesifieke boodskappe onmiddellik
- Merk as gelees/ongelees – Hou dop watter navrae jy hanteer het
- Ster belangrike boodskappe – Merk hoëprioriteitskontakte
- Voer uit na CSV – Laai jou data af vir sigblaaie of rugsteun
Dit beteken dat jy nooit 'n kliëntnavraag sal verloor nie, selfs al word e-posse nie afgelewer nie.
Waarom Outomatiese Vormbouer Perfek is vir Kontakvorms
Daar is baie WordPress-vorm-inproppe beskikbaar, maar hier is hoekom Auto Form Builder uitstaan vir die skep van kontakvorms:
| funksie | Outomatiese Vormbouer |
|---|---|
| Prys | ✅ Gratis |
| Sleep-en-laat-bouer | ✅ Ja |
| Voorafgeboude kontakvorm sjabloon | ✅ Ja |
| e-pos kennisgewings | ✅ Ja |
| Voorleggingberging | ✅ Ja (in WordPress) |
| Mobile reageer | ✅ Ja |
| Geen kodering benodig nie | ✅ Ja |
| Liggewig en vinnig | ✅ Ja |
| GDPR-voldoenend (data op jou bediener) | ✅ Ja |
| Uitvoer van voorleggings | ✅ CSV, JSON, XML |
| Voorwaardelike logika | ✅ Ja |
Algemene vrae
Sal die vorm met my WordPress-tema werk?
Ja. Auto Form Builder is ontwerp om met enige WordPress-tema te werk.
Kan ek vormvoorleggings per e-pos ontvang?
Absoluut. Aktiveer e-poskennisgewings in die vorminstellings, en jy sal elke keer 'n e-pos ontvang wanneer iemand jou vorm indien. Indienings word ook as 'n rugsteun in jou WordPress-dashboard gestoor.
Is die kontakvorm mobielvriendelik?
Ja. Alle vorms wat met Auto Form Builder geskep word, is ten volle responsief en lyk fantasties op fone, tablette en rekenaars.
Hoe beskerm ek my vorm teen strooipos?
Auto Form Builder bied byvoegings vir spambeskerming, insluitend Google reCAPTCHA en Cloudflare Turnstile.
Volgende stappe
Noudat jy 'n kontakvorm op jou WordPress-webwerf het, oorweeg hierdie verbeterings:
- Voeg jou kontakvorm by die voetskrif – Maak dit toeganklik vanaf elke bladsy
- Skep 'n terugvoervorm – Versamel kliëntresensies en getuigskrifte
- Skep 'n nuusbrief-aanmeldvorm – Vergroot jou e-poslys
- Voeg strooiposbeskerming by – Aktiveer reCAPTCHA vir webwerwe met hoë verkeer
Gevolgtrekking
Om 'n kontakvorm in WordPress te skep, vereis jy geen koderingsvaardighede nie. Outomatiese Vormbouer, kan jy 'n professionele, mobiele-responsiewe kontakvorm in minder as 5 minute bou—heeltemal gratis.
Die sleep-en-los-koppelvlak maak dit maklik vir beginners, terwyl die ingeboude indieningsbestuur verseker dat jy nooit 'n kliëntnavraag misloop nie. Boonop bly al jou data veilig op jou eie WordPress-bediener.
Gereed om jou kontakvorm te skep? Laai die Outomatiese Vormbouer af vanaf die WordPress-inpropbewaarplek en begin vandag.
