Hogyan hozzunk létre kapcsolatfelvételi űrlapot WordPressben kódolás nélkül

Szeretnél kapcsolatfelvételi űrlapot hozzáadni a WordPress webhelyedhez, de nem tudod, hogyan kell programozni? Jó helyen jársz. Ebben a lépésről lépésre útmutatóban megtanulod, hogyan kell Hozz létre egy professzionális kapcsolatfelvételi űrlapot WordPressben egyetlen sornyi kód írása nélkül- és kevesebb, mint 5 percet vesz igénybe.

Akár blogger, kisvállalkozó vagy, vagy az első weboldaladat építed, elengedhetetlen egy kapcsolatfelvételi űrlap. Segítségével a látogatók könnyen elérhetnek, érdeklődőket szerezhetsz, és sokkal professzionálisabbnak tűnik, mintha csak az e-mail címedet tennéd közzé.

Miért van szüksége minden WordPress weboldalnak kapcsolatfelvételi űrlapra?

Mielőtt belemerülnénk az oktatóanyagba, nézzük meg, miért fontos a kapcsolatfelvételi űrlap:

• Védi az e-maileket a spamtől – Az e-mail cím nyilvános közzététele spam botokat hív elő a postaládád elárasztására
• Professzionálisnak tűnik – Egy jól megtervezett űrlap bizalmat épít a látogatókban
• Strukturált információkat gyűjt – Szerezd meg a szükséges adatokat (név, e-mail cím, üzenet) rendezett formátumban
• Pályakeresések – Tárold a beküldéseket a WordPress irányítópultodon, ahelyett, hogy e-mailben elvesznének
• Mobilbarát élmény – Az űrlapok tökéletesen működnek telefonokon és táblagépeken

Amire szüksége lesz

A bemutató követéséhez a következőkre lesz szükséged:

• Egy WordPress weboldal (saját tárhelyen üzemeltetett WordPress.org)
• Adminisztrátori hozzáférés a bővítmények telepítéséhez
• 5 perc az idődből

Ennyi! Nincs szükség programozási ismeretekre, technikai tapasztalatra, fizetős eszközökre.

1. lépés: Telepítse az Auto Form Buildert (ingyenes bővítmény)

Használjuk Automatikus űrlapkészítő (Más néven A.F.B.) – egy ingyenes, könnyű WordPress bővítmény vizuális drag-and-drop felülettel. Tökéletes kezdőknek, mert nincs könnyű megtanulni.

Így telepítheti:

1. Jelentkezzen be a WordPress adminisztrációs felületére
2. Tovább Bővítmények → Új hozzáadása
3. Keresés "A.F.B.” (az Auto Form Builder rövid neve)
4. Keres "AFB – Automatikus űrlapkészítő – Húzza és ejtse az űrlapot"
5. Kattints Telepítés most, Akkor Aktiválja

💡 Tipp: Az „AFB” keresése a leggyorsabb módja a bővítmény megtalálásának a WordPress tárházban.

Aktiválás után az „Automatikus űrlapkészítő” felirat jelenik meg a WordPress adminisztrációs menüjében. Ennyi – máris létrehozhatod az első űrlapodat!

2. lépés: Hozzon létre egy új kapcsolatfelvételi űrlapot

Most pedig építsük fel a kapcsolatfelvételi űrlapunkat:

1. Kattints Automatikus űrlapkészítő az admin menüdben
2. Kattints Új űrlap létrehozása
3. Megjelenik egy sablonválasztó képernyő – válasszon Kapcsolatfelvétel

Az Auto Form Builder előre elkészített kapcsolatfelvételi űrlap sablonnal rendelkezik, amely a következőket tartalmazza:

• Teljes név mező
• E-mail cím mező
• Telefonszám mező (Opcionális)
• Üzenet mező

A sablon azonnal használható, de testreszabhatod kedved szerint.

3. lépés: Űrlapmezők testreszabása (opcionális)

Mezőket szeretne hozzáadni vagy módosítani? A drag-and-drop szerkesztővel egyszerűen elvégezhető:

Új mezők hozzáadása

A bal oldalsávon láthatod az elérhető mezőtípusokat. Egyszerűen húzzon bármelyik mezőt az űrlapvászonra:

• Szövegbevitel – Rövid válaszok, például név vagy tárgy esetén
• E-mail – Automatikusan ellenőrzi az e-mail címeket
• Telefon – Opcionális formázású telefonszámokhoz
• Szövegterület – Hosszabb üzenetekhez
• legördülő – Lehetővé teszi a felhasználók számára a lehetőségek kiválasztását (például „Kapcsolatfelvétel oka”)
• jelölőnégyzetet – Hozzájáruló mezők vagy többszörös kiválasztás esetén

Mezőbeállítások szerkesztése

Kattintson bármelyik mezőre a testreszabáshoz:

• Változtasd meg a címke (pl. „A neved” a „Teljes név” helyett)
• hozzáad helyőrző szöveg a felhasználók irányítására
• Mezők létrehozása kötelező vagy az opcionális
• hozzáad súgószöveg mezők alatt

Mezők átrendezése

Egyszerűen húzd a mezőket felfelé vagy lefelé a sorrendjük megváltoztatásához. A vizuális szerkesztő pontosan megmutatja, hogyan fog kinézni az űrlap.

4. lépés: Űrlapbeállítások konfigurálása

Kattintson az beállítások lapon konfigurálhatja, hogy mi történjen, ha valaki elküldi az űrlapját:

Siker üzenet

Szabja testre az üzenetet, amelyet a felhasználók a beküldés után látnak. Például:

„Köszönjük, hogy kapcsolatba lépett velünk! 24 órán belül válaszolunk.”

E-mail értesítések

Azonnal értesítést kapsz, ha valaki kitölti az űrlapodat:

1. engedélyezése E-mail értesítések
2. Add meg az e-mail címedet (vagy több e-mail címet vesszővel elválasztva)
3. Az e-mail tárgysorának testreszabása

Minden beküldött anyag közvetlenül a postaládádba kerül – és biztonságosan tárolódik a WordPress irányítópultodban is.

5. lépés: Az űrlap formázása (opcionális)

Szeretnéd, hogy az űrlapod illeszkedjen a weboldalad dizájnjához? Kattints a Testreszabás fülre a testreszabáshoz:

• Színek – Gombok színének, hátterének és szövegének módosítása
• Határok – Mezőszegélyek és saroksugarak beállítása
• térköz – Kitöltés és margók szabályozása
• Gomb – Testreszabhatja a beküldés gomb szövegét és megjelenését

Az Auto Form Builder űrlapjai úgy vannak kialakítva, hogy bármilyen témán jól nézzenek ki azonnal, így a stílusváltás teljesen opcionális.

6. lépés: Mentse el és szerezze meg a rövidkódját

Miután elégedett vagy az űrlapoddal:

1. Adj nevet az űrlapodnak (pl. „Kapcsolatfelvételi űrlap”).
2. Kattints Űrlap mentése
3. Másolja a rövid kód Megjelenik

7. lépés: Adja hozzá a kapcsolatfelvételi űrlapot az oldalához

Most jelenítsük meg az űrlapot a weboldaladon:

A. lehetőség: Hozzáadás egy meglévő oldalhoz

1. Tovább Oldalak és szerkeszd a Kapcsolat oldaladat
2. Illeszd be a rövid kódot oda, ahová az űrlapot szeretnéd megjeleníteni
3. Kattints Frissítések

B. lehetőség: Új kapcsolatfelvételi oldal létrehozása

1. Tovább Oldalak → Új hozzáadása
2. Írd a címedre: „Kapcsolat” vagy „Kapcsolatfelvétel”
3. Ha szeretnél, adj hozzá bevezető szöveget
4. Illeszd be a rövidkódot
5. Kattints Közzétesz

Látogass el az oldaladra, hogy lásd a gyönyörű új kapcsolatfelvételi űrlapodat működés közben!

8. lépés: Tesztelje a kapcsolatfelvételi űrlapját

Mielőtt bejelentenéd az új formádat a világnak, teszteld le:

1. Látogassa meg a kapcsolatfelvételi oldalát
2. Töltse ki az űrlapot a tesztinformációkkal
3. Kattintson a Küldés gombra
4. Ellenőrizd, hogy látod-e a sikeres üzenetet
5. Ellenőrizd az e-mailjeidet az értesítésért
6. A WordPressben menj ide: Automatikus űrlapkészítő → Beküldések a tárolt bejegyzés megtekintéséhez

Ha minden működik, gratulálunk – a kapcsolatfelvételi űrlapod aktív!

Kapcsolatfelvételi űrlap beküldések kezelése

Az Auto Form Builder egyik legjobb tulajdonsága a beépített beküldések kezeléseNéhány, csak e-maileket küldő űrlapbővítménnyel ellentétben minden beküldött üzenet a WordPress adatbázisában tárolódik.

Tovább Automatikus űrlapkészítő → Beküldött hogy:

• Az összes beküldött anyag megtekintése egy kereshető táblázatban
• Szűrés dátum szerint – Ma, ezen a héten, ebben a hónapban stb.
• Keresési beküldések – Azonnal megtalálhatja a kívánt üzeneteket
• Megjelölés olvasottként/olvasatlanként – Kövesse nyomon, hogy mely megkereséseket kezelte
• Fontos üzenetek csillaggal való megjelölése – Jelölje meg a kiemelt fontosságú kapcsolatokat
• Exportálás a CSV-be – Adatok letöltése táblázatokba vagy biztonsági mentések készítéséhez

Ez azt jelenti, hogy soha nem veszít el egyetlen ügyfél-megkeresést sem, még akkor sem, ha az e-mailek nem érkeznek meg.

Miért tökéletes az Auto Form Builder a kapcsolatfelvételi űrlapokhoz?

Számos WordPress űrlapbővítmény érhető el, de itt van, miért emelkedik ki az Auto Form Builder a kapcsolatfelvételi űrlapok létrehozásában:

Gyakran ismételt kérdések

Működni fog az űrlap a WordPress témámmal?

Igen. Az Auto Form Builder bármilyen WordPress témával működik.

Kaphatok e-mailben beküldött űrlapokat?

Feltétlenül. Engedélyezd az e-mail értesítéseket az űrlapbeállításokban, és minden alkalommal kapsz egy e-mailt, amikor valaki beküldi az űrlapodat. A beküldéseket a WordPress irányítópultján is tároljuk biztonsági mentésként.

Mobilbarát a kapcsolatfelvételi űrlap?

Igen. Az Auto Form Builderrel létrehozott összes űrlap teljes mértékben reszponzív, és remekül néz ki telefonokon, táblagépeken és asztali számítógépeken.

Hogyan védhetem meg az űrlapomat a spamtől?

Az Auto Form Builder spamvédelmi kiegészítőket kínál, beleértve a Google reCAPTCHA-t és a Cloudflare Turnstile-t.

Következő lépések

Most, hogy van egy kapcsolatfelvételi űrlap a WordPress webhelyén, érdemes megfontolni ezeket a fejlesztéseket:

• Kapcsolatfelvételi űrlap hozzáadása a lábléchez – Minden oldalról elérhetővé kell tenni
• Hozz létre egy visszajelzési űrlapot – Gyűjtsön vásárlói véleményeket és ajánlásokat
• Hírlevél feliratkozási űrlap létrehozása – Növeld az e-mail listádat
• Spamvédelem hozzáadása – Engedélyezze a reCAPTCHA-t a nagy forgalmú webhelyeken

Összegzés

A WordPress kapcsolatfelvételi űrlapjának létrehozása nem igényel semmilyen kódolási ismeretet. Automatikus űrlapkészítő, 5 perc alatt létrehozhatsz egy professzionális, mobilra optimalizált kapcsolatfelvételi űrlapot – teljesen ingyenesen.

A drag-and-drop felület megkönnyíti a kezdők számára a használatát, míg a beépített beküldéskezelés biztosítja, hogy soha ne maradj le egyetlen ügyfél-megkeresésről sem. Ráadásul minden adatod biztonságosan a saját WordPress szervereden tárolódik.

Készen állsz a kapcsolatfelvételi űrlapod létrehozására? Töltse le az automatikus űrlapkészítőt a WordPress bővítménytárból, és kezdj bele még ma.