Ahhoz, hogy az ügyfelei vagy a honlapjának látogatói fel tudják venni Önnel a kapcsolatot, a honlapján szüksége van egy kapcsolattartási űrlapra. A következő útmutatásban leírom, hogy tudja a WordPressen keresztül kialakítani.
Tartalom
Mire szolgál a kapcsolattartási űrlap
A kapcsolattartási űrlap az oldal látogatóinak egy egyszerű eszköz arra, hogy kapcsolatba lépjen Önnel. Az internetezők szívesebben használják, mint az e-mailt. Ez azért van, mert időtakarékos. Az üzenetüket egyenesen a honlapon írhatják meg anélkül, hogy meg kellene nyitniuk a levelezőprogramjukat.
A kapcsolattartási űrlap az Ön idejét is megtakarítja. És minden szükséges információt megkap:
- Az űrlapon beállítja azokat az információkat tartalmazó mezőket, amit a látogatóktól szeretne megkapni. Például telefonszám. Ezeket az információkat az e-mailben valószínűleg nem adnák meg.
- Beállíthatja az automatikus válaszokat, melyekben a felhasználókkal közli az alapinformációkat.
Ezen felül a kapcsolattartási űrlap megvédi a spamtől. Ha a honlapon csak aktív e-mail címet jelentet meg, akkor elkezd hatalmas mennyiségű kéretlen e-mailt kapni.
Kapcsolattartási űrlap hozzáadása a WordPressben
A WordPress lehetőséget kínál a kapcsolattartási űrlap létrehozására egy pluginen keresztül. Személy szerint a Contact Form by WPForms plugin használatát javaslom.
Ez plugin nagyon egyszerűen használható. A drag & drop eszközt használja és a kapcsolattartási űrlapot még egy kezdő is gyorsan létrehozhatja benne. Az alapverzió ingyenesen elérhető.
Ha összetettebb funkciókra van szüksége, akkor frissítheti a WPForms Pro verzióra. Az ingyenes változattal ellentétben olyan lehetőséget is tartalmaz, hogy az elküldött űrlapokat adatbázisba mentheti, fájlokat, űrlapsablonokat tölthet fel és egyéb praktikus funkciókat használhat ki.
A plugint egyenesen a webhely adminisztrátori felületéről telepítheti. Telepítés után ne feledje aktiválni. A pontos eljárást megtudja Mi a WordPress plugin? Hogyan kell telepíteni? cikkemből.
A plugin aktiválása után az oldal adminisztrációjában új tétel fog megjelenni – WPForms.
Űrlap létrehozása a WPForms segítségével
Ha új kapcsolattartási űrlapot szeretne létrehozni, akkor menjen a WPForms > Add new. A következő oldal fog megjelenni:
Elsőként a kapcsolattartási űrlap megnevezését adja meg. Ezután válassza ki a sablont, amit használni szeretne. A WPForms alapverziója négy sablont kínál az űrlapok létrehozására.
Üres űrlap (blank form) — Ha az üres űrlapot választja, akkor a drag & drop funkcióval saját verziót alakíthat ki.
Egyszerű űrlap (Simple Contact Form) — ez a sablon lehetővé teszi az előre elkészített űrlapsablon használatát. Azonban tud hozzáadni és elvenni mezőket úgy, ahogyan Önnek szüksége van rájuk.
Hírlevél űrlap (Newsletter Signup Form) — ebben a sablonban kialakíthatja a hírlevélre való feliratkozásra szolgáló űrlapot. Itt is tud hozzáadni és elvenni mezőket a saját preferenciái szerint.
Űrlap a javaslatokra (Suggestion form) — hasznát veszi, ha a látogatókat arra szeretné megkérni, hogy fejezzék ki véleményüket és javaslataikat.
Hogyan hozzuk létre egyszerű űrlapot
Folytatjuk az űrlap létrehozásának módját a Simple Contact Form sablon segítségével.
A képernyő jobb oldalán találja az előre létrehozott mezőket a név, az e-mail és az üzenet megadására. Ha az egérrel rámegy bármelyik mezőre, akkor megjelenik a törlés és a szerkesztés lehetősége. Egyszerűen megfoghatja az egérrel és az űrlapon belül máshová helyezheti.
Új mező hozzáadásához menjen a képernyő bal oldalán található menüre. Kattintson a kiválasztott mezőre vagy az egérrel húzza át a jobb oldalra.
A kapcsolattartási űrlap mentéséhez ne feledjen kattintani a Save-re. A gombot a képernyő tetején találja.
Az űrlap tulajdonságainak beállítása
A kialakított űrlap a honlapon a Submit billentyűvel fog működni. Ha szeretné beállítani a gomb nevét magyarul, akkor menjen a Settings > General.
Ezen felül számos más beállítási lehetőséget is talál itt:
- Form Name — itt szerkesztheti a kapcsolattartó űrlap megnevezését.
- Form Description — az űrlap leírására szolgál.
- Form CSS Class — lehetővé teszi egyéni osztály beszúrását az űrlap számára.
- Submit Button Text — itt szerkesztheti a gomb szövegét
- Submit Button Processing Text — töltse ki a szöveget, ami az űrlap elküldése után jelenjen meg.
- Submit Button CSS Class — ezzel a mezővel adhat hozzá egyéni osztályt az elküldés gombhoz.
- Enable anti-spam honeypot — javaslom a jelölőnégyzet bejelölésének meghagyását ebben a sorban. Ennek a funkciónak a célja, hogy megakadályozza az űrlap kéretlen levélként való elküldését.
A Generalban a tulajdonságok beállításakor a Submit gomb szövegén kívül, ami az űrlap elküldése után jelenik meg, semmit sem kell szerkesztenie.
E-mail értesítési beállítások
A Settings > Notifications alatt a beállítások további lehetőségeit találja. És ez az e-mail értesítések beállításai. Ezeket általában a honlap kezelőjének e-mail címére küldik. A fogadott üzenetek átláthatósága érdekében szerkessze az e-mail tárgyát. Ha szeretne, akkor más mezőket is szerkeszthet.
- Notifications– itt engedélyezheti vagy letilthatja az űrlap küldését az e-mailjére. Azt javaslom, hogy ezt a funkciót hagyja bekapcsolva. Az egyes kitöltött űrlapok sehol sincsenek mentve. Az Ön tájékoztatására róluk éppen az e-mail értesítés szolgál.
- Send To Email Address— töltse ki azt az e-mail címet, amelyre az űrlapot el kell küldeni.
- Email Subject— beállíthatja az e-mail tárgyát is.
- From Name — az e-mailt küldő neve. Itt megtalálja a webhelye alapértelmezett nevét.
- From Email— az e-mailt küldő e-mail címe.
- Reply-To— e-mail cím a válaszra.
- Message— e-mail törzs. Ha meghagyja a beállítást {all_fields}, akkor az e-mail az űrlap összes mezőjét tartalmazni fogja.
Az űrlap elküldése megerősítésének beállításai
Az űrlap megerősítését látja a honlap látogatója, miután elküldte az űrlapot. Választhat, hogy megköszöni, hogy kapcsolatba lépett Önnel vagy átirányíthatja a kiválasztott honlapra. A beállítást a Settings > Confirmations alatt tudja elvégezni.
Előbb válassza ki a megerősítés típusát. A Confirmation Type mezőben három lehetőség közül választhat:
- Message– megjelenik a szöveg, amit a lejjebbi ablakba ír.
- Show page– beállítja az átirányítást a kiválasztott honlapra.
- Go To URL– illessze be annak az oldalnak az URL-jét, amelyre a látogatókat az űrlap elküldése után szeretné átirányítani.
Az űrlap szerkesztése, törlése és másolása
Az összes létrehozott űrlap megjelenik az űrlapok listájában, miután rákattint a WPForms-re az adminisztrációs oldalon. Ha az egérrel rámegy az űrlap megnevezésére, akkor megjelenik az elérhető funkciók menüje. Választhat, hogy az űrlapot szerkeszteni szeretné, megtekinteni annak előnézetét, esetleg törölni vagy másolni szeretné azt.
Az egyik utolsó funkció a megjelenítések száma. Ez a funkció csak a Pro verzióban elérhető. Ennek köszönhetően a kitöltött űrlapok közvetlenül a webhely adminisztrációjába vannak mentve.
Hogyan adjuk hozzá a kapcsolattartási űrlapot a WordPressben
Miután létrehozta és beállította az űrlaptulajdonságokat a WPForms-ban, be kell illesztenie a honlapjára. Elsőként nyissa meg a létező oldalt, amelyet szerkeszteni szeretne, vagy hozzon létre egy újat.
A hozzáadáshoz az űrlap shortcode-t használja. Megtalálja:
- az oldal űrlapszerkesztésénél az Embed
gomb alatt a jobb felső sarokban,
- az összes űrlap listáját tartalmazó oldalon a shortcode oszlopban.
Hozzon létre egy új blokkot azon az oldalon, ahová szeretné beilleszti a kapcsolattartó űrlapot. Helyezzen bele a shortcode-t. Ne feledje menteni az összes módosítást a honlapon.
Így fog kinézni a honlap a shortcode beillesztése után:
Hogyan adjuk hozzá a kapcsolattartási űrlapot az oldalsávhoz
A WordPressben a kapcsolattartási űrlapot az oldalsávhoz, a fejléchez vagy a lábjegyzethez is hozzá lehet adni. Az adminisztrációs felületen menjen a Megjelenés > Widgetek lehetőségre. A widgetek listájában lejjebb megtalálja a WPForms-ot.
Az űrlapot a többi elérhető widgethez hasonlóan tudja hozzáadni, az egér húzásával a kiválasztott helyre.
Töltse ki a nevet és válassza ki a használni kívánt űrlapot. Ne felejtse elmenteni a módosításokat. A beágyazott űrlap szerkesztését az előnézetben is szerkesztheti.
WPForms Premium vs WPForms Lite
A WPForms Premium fizetett verziója az ingyenes (lite) verziójával ellentétben például a következő hasznos dolgokra képes:
- Korlátlan mennyiségű űrlap létrehozásának lehetősége.
- Több sablon az űrlapokhoz.
- Feltételes logika lehetőségének használata az űrlapmezők láthatóságának vezérlésére.
- Több oldalas űrlapok létrehozásának lehetősége.
- Űrlapok létrehozásának lehetősége a felhasználók regisztrálására.
- Fejlett spamvédelem.
- Fájlok feltöltése és fogadása az űrlapon keresztül.
- Speciális mezőtípusok a dátumnak és az időnek.
- Az űrlapokból érkező válaszok mentése és szerkesztése egyenesen a WordPress adminisztrációs felületén.
- Integráció harmadik fél szolgáltatásaival, például: PayPal, Stripe, Mailchimp, AWeber, GetResponse, Constant Contact, Drip, Zapier…
Nagyon örülök, hiszen a leírás segítségével laikusként könnyedén meg tudtam valósítani régi tervem, a kapcsolati űrlap beillesztését. Köszönöm!
Jó a leírás, tetszik is az űrlap szerkeszthetősége ingyen, de valamiért a teszt során egyik megadott emailre sem érkezik semmi! Sem arra, aki feliratkozik, sem arra, ami a honlaphoz be lett állítva, mint Küldő email cím, mint Válasz email cím, és mint amire Küldeni kellene email cím. Ezt hogyan lehet megoldani? Nem ír ki küldési hibát, de mégsem kap egyik email cím sem semmilyen levelet, de még a honlap sem gyűjti ki, hogy hány darab Űrlap kitöltés történt. Mit lehet ilyenkor tenni, hogy megérkezzenek az emailek?