Kapcsolat űrlapok

 

Hasznos valamilyen kapcsolat űrlapot elhelyezni a weboldaladon, ha azt szeretnéd, hogy a látogatóidnak ne kelljen az e-mail címed után bogarászniuk és kényelmetlenül külön levelet írni, ha privátban szeretnének üzenni Neked – ugyanakkor azt sem szeretnéd, hogy a spam-robotok ellepjék a postafiókodat. (Arra, ugye, figyelmeztetnem sem kell, hogy nehogy kiírd “rendesen” az e-mail címed? Ha a @ jel megjelenik, a robotok képesek kivágni az előtte és mögötte lévő részeket, és – feltételezve, hogy az egy e-mail cím – megpróbálják oda elküldeni a kártékony kódjukat!)

A legismertebb és legáltalánosabban használt kapcsolat űrlap-készítő bővítmény a Contact Form 7. Telepítése és bekapcsolása után saját menüpontot hoz létre a Vezérlőpult alján, erre kattintva néhány mozdulattal beállíthatod az űrlapodat. Szerkeszthető, hogy milyen mezőket kérsz, és azokban melyik kötelező. Küldés után a küldő egy üzenetet lát a weboldalon, Te pedig kapsz egy e-mailt – mindkettő tartalmát beállíthatod. Végtelen számú űrlapot hozhatsz létre, akár minden oldalad aljára tehetsz másikat. Amikor elkészültél, rákattintasz az űrlap kódjára, Ctrl+C, bemész a megfelelő oldalba vagy bejegyzésbe, Ctrl+V, és kész is vagy. A “Címke létrehozása” gombra kattintva további dolgokat is beállíthatsz, például hozzáadhatsz egy spamszűrésre való mezőt. (A kezelőfelület többé-kevésbé magyar, de én kiegészítettem, úgyhogy ha letöltöd innen a magyar nyelvi fájlokat, teljesen magyar lesz.) A szerkesztőfelület és a végeredmény:

 

 

 

Egy másik hasonló bővítmény az Easy Contact. Ez a Beállítások menüpont alá épül be, angol nyelvű, de azért könnyen megérthető. Hasonlóan működik, mint a Contact Form 7, azzal a különbséggel, hogy itt már komoly spam-szűrés is beállítható: kérheted a látogatódat egy egyszerű összeadás elvégzésére, egy kérdés megválaszolására vagy akár mindkettőre. Ez nagy előny, hátrány azonban az, hogy csak egyféle űrlapod lehet egy weblapon, amelyet a megfelelő helyre az [easy-contact] kódrészlet bemásolásával tudsz elhelyezni. A szerkesztőfelület és a végeredmény:

 

 

Ha bármely olyan űrlap-bővítményt használsz, amelyhez nincs biztonsági kérdés vagy Captcha, érdemes használni a SI Captcha bővítményt, amely hozzáad egy ilyet az űrlapjaidhoz.

Megjegyzés: nem mindenki bízik meg az űrlapkitöltőkben, ezért illik az űrlap előtt vagy után kiírni, hogy az űrlap kitöltése és elküldése egy levelet fog küldeni az alábbi e-mail címre – és itt kiírni a címedet, valamilyen antispam formában, pl. így: info [kukac] wp-suli [pont] hu. Ha valaki jobban szeret “normál” e-mailt írni, így megteheti.

 

Van még egy közkedvelt kapcsolat űrlap-készítő, amely a fentieknél jóval többet tud, ez a cFormsII – ezt azonban csak a zárt tagi oldalon mutatom be. El szeretnéd olvasni? Légy a tagunk, és már a Tiéd is lehet! 🙂

 

Oszd meg Te is:

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn

Ezek is érdekesek lehetnek számodra: 

Iratkozz fel hírlevelünkre!

Javasolt eszközök:

Banner250x250.png
Elementor Pro
Generatepress Logo White Asset
GeneratePress
Divi 4.0
Divihello
Prémium támogatás és ajándék Divi licence
Adatvedelem.png
ADATVÉDELEM minta
Aszf.png
Webshop ÁSZF minta

“Kapcsolat űrlapok” bejegyzéshez 73 hozzászólás

  1. Üdv!

    Feltettem és bekapcsoltam a SI Captcha plugint de nem akar működni, nem jelenik meg az oldalon. Contact Form 7-hez kellene. Van valami spéci beállítása?

    Köszönöm

    • Megpróbáltam én is, a SI Captcha a regisztrációhoz, a bejelentkezéshez és a hozzászólásokhoz (megjegyzésnek fordították) tud captcha mezőt adni. A Contact Form 7-nek van sajátja. Ha bemész az űrlap szerkesztésébe, ott van jobboldalt felül egy olyan menüpont, hogy Címke létrehozása. Erre kattintva kiválasztható egy Captcha is, és ott figyelmeztet, hogy ehhez telepíteni kell a Really Simple Captcha bővítményt (http://wordpress.org/extend/plugins/really-simple-captcha/), vagy létrehozhatsz egy quiz-t is, azaz felteszel egy egyszerű kérdést, és arra be kell írniuk a választ, ez is jó a robotok ellen.

  2. Szia Moni!

    Nem a cikk témájába vág, ráasádul talán nagyon alap kérdés és talán volt is már róla szó, csak én nem találom: az oldalamat már tudom “fészbuk lájkoltatni” (bocs:-)), de milyen bővítmény az, amivel minden bejegyzés alatt megjelenik a “tetszik” gomb, mint itt Nálad is?

    A másik kérdésem, hogyha megnézed a honlapomat, levettem az oldalsávot az egyes oldalakon, mert az valamiért az oldal aljára ugrott mindenhol (de vajon miért??), de amúgy sem szeretnék oldalsávot a főoldalon és a bejegyzéseken kívül, így ez nem baj, viszont a fehér sáv megmaradt. Ezt hogy tudom kivenni? A múltkori bejegyzésedben volt erről szó, az ebben az esetben is működik vajon (statikus oldalsablon létrehozása, stb.)?

    Előre is nagyon köszi és az eddgieket is!! Nagyrészt Neked köszönhető, hogy olyan az oldalam, amilyen!:-)

    Tina

    • A “Tetszik” gombos dolog nem bővítmény, hanem a Facebook ad hozzá egy kódot, és ha bejegyzések alá akarod, akkor a single.php-ba kell beilleszteni alulra a content rész alá.

      Az oldalsáv akkor szokott alulra ugrani, ha egy div nincs helyesen lezárva. Át kell nézni a kódot és megkeresni, hol csinálja a hibát.

      Az oldalsáv nélküli oldalakról már volt szó (https://wp-suli.hu/haladoknak/oldalsav-nelkuli-oldalak/), egy másik page.php template-et kell csinálni mondjuk egyoszlopos.php néven (csak ne használj angol megnevezéseket, mert azzal összeakadhat, lásd a https://wp-suli.hu/alapok/tanulopenz/ cikkemet), de a css-t magadnak kell kitalálnod, mert az sablononként más.

      Ennyit mára, megyek offline, úgyhogy egy ideig ne csodálkozzatok, ha nem válaszolok 🙂 Kellemes hétvégét!

  3. Kedves Móni!

    Egy -talán- ide vágó kérdésem van. Egy olyan bővítményt kerestem, mint ez is, amit éppen most használok miközben ide írok. Találtam is egy látszólag megfelelőt, ez a wp-comment-master. Problémám, hogy hiába kapcsoltam be a bővítményt, állítottam be mindent ahogy kell, nem jelenik meg az űrlap a bejegyzések után. (Csak az alap alkalmazás, amit le akarok cserélni… ) Tudnál segíteni? Köszönöm!

  4. Nem ragaszkodom a comment-master-hez, csak azt szerettem volna, ha nem csupán egy hozzászólás mező van, hanem legalább egy email címet el tudok kérni. Megpróbálom a Thread Commentet én is, köszönöm szépen válaszod! Nagyon hasznos az oldalad, szeretem! 🙂

    • Köszi 🙂 – de hogy érted azt, hogy “legalább egy e-mail címet el szeretnél kérni”? Az alapból benne van. Ha be vagy jelentkezve a saját oldaladra, akkor persze nem látod, de jelentkezz csak ki, frissíts, és ott lesz.

  5. Akkor csupán az volt a “probléma”, hogy be voltam jelentkezve. 😀
    Hiába, van még mit tanulnom.. 🙂 Köszönöm, magamtól nem tudom, mikor jöttem volna rá!

  6. Telepítettem a thread-comment,bekapcsoltamátírtam benne -de csak magyarosítani kezdtem. Problémám, hogy egyrészt hiába írtam át magyarra pár dolgot, továbbra is angolul jelennek meg a lefordított dolgok..Nem csak a form-on, de az értesítő emailben is. Vetnél rá egy pillantást, ha az időd engedi? Másrészt a válasz értesítő email úgy néz ki, mintha nem is ez a plugin küldené. Kezdek kissé belezavarodni.. :/

    • Csak “belülről” tudom megnézni. Pláne, hogy még a weboldalad címét sem tudom 😀 Küldj admin hozzáférést privátban (info kukac wp-suli pont hu) és valamikor a hétvégén megnézem, de most el kell mennem.

  7. Köszönöm a tippet, hasznos kis cikk volt számomra és a cForms II-t kezdtem el használni ez alapján, nagyon jónak tartom és, ahogy elnéztem eléggé sokrétű.

  8. Erre is van alternatíva a cforms. használhatod űrlapként is de a commenteket is kiszolgálja. ja és a kapcsája sem akad össze semmivel.
    Ez a formok nagyágyúja. 2 dolgot kell szem előtt tartani.

    csak a saját oldaláról tudod letölteni
    és az aljából ki kell szedni a hivatkozást, mert rossz szomszéd.

  9. Szia Móni!

    Szeretném megkérdezni, hogy a honlapomra egy ajánlatkérő űrlapot kellene szerkeszteni, ezt ezzel a Contact Form 7 programmal meg lehetne csinálni?
    Kellene bele olyan hogy név, email cím, esküvő helyszíne, esküvő dátuma és kijelölős pontok amit ha bejelöl akkor még azt kéri az esküvőn az ajánlatkérő.
    Ezzel a programmal ezt meg lehetne csinálni?

    Köszönöm a válaszodat!

    Pista

  10. Szia!

    Valamit én nem jól csinálok a letöltésnél? Letöltöttem a Contact Form 7 programot és a magyarosítást is.Kicsomagoltam őket de a vezérlőpultban nem jelenik meg semmi sem amit meg kellene nyitni.

  11. Szia!

    Most már feltöltöttem mindent, majd felülírtam a magyar fájlokkal, majd felmásoltam az egész mappát, de a bővitményeket nem tudom bekapcsolni!
    Nem vagyok egy programozó, ez már eddig is látszott!

    • Nem kell ehhez programozónak lenni, Pista 🙂 Lépj be a Vezérlőpultba, kattints a Bővítményekre és aztán a Contact Form neve alatt a Bekapcsol linkre. Ha nem megy, szólj, küldj admin hozzáférést e-mailben (info@) és megcsinálom.

  12. Hú, most megakadtam.
    A Contact form 7-et ismertem, de valamiért nem jelent meg.
    Az easyt telepítettem, megjelent, beállítgattam. Akkor már csak a kódrészletet kell beírnom egy neki szánt oldalba?
    Köszi.

  13. Szia Móni!

    Tetszik az oldalad, nagyon hasznos cikkeket írsz!
    Egy olyan kérdésem lenne, hogy ha egy formon több feliratkozót szeretnék, azaz ajánlani lehet egyszerre több embernek az oldalt, akkor meg lehet -e oldani valahogy, hogy ne csak 1 levelet küldjünk, hanem többet? Tehát pl. ha mondjuk 3 személyt kell regisztrálnia egy ajándékhoz, akkor mindháromnak menjen ki automatikus Email?

    Köszi,
    Bence

    • Szia, Bence! Köszönöm!
      Sajnos ilyet nem tud a WP illetve a Contact Form, ehhez egy külön program kell, olyan, mint a Futótűz Generátor. Próbálj meg keresni rá egy plugint a wordpress.org/extend/plugins oldalon vagy egy javascript kódot valahol. “Guglizd ki”, ahogy mondani szokás 🙂

  14. Szia!

    Használom a Contact Form-ot, de most olyan igény merült fel részemről, hogy megoldható-e az, hogy az űrlapmező melletti részre tegyek egy másik modul gyorskóddal vagy csak egyszerűen írhassak a mellette lévő részre?

    A kérdés gyakorlatilag az összes gyors kódos bővítményre vonatkozik, azaz lehet-e a mellettük lévő helyre írkálni valahogy?

    Gondolok itt pl, arra, hogy beteszek egy űrlapot és mellé egy google maps térképet. Mindkettőt gyors kóddal lehet behívni, de alap esetben mindig egymás alá teszi őket.

  15. Köszönöm Móni, sikerült!!!!!

    Hogy őszinte legyek ezt a táblázat funkciót egyébként is hiányoltam eddig a WordPress szerkesztőjéből, de az EASY TABLE CREATOR plugin kárpótolt mindenért!

    • Szia! Ha a captcha nem vált be, használd a Kérdést (Quiz). Nekem az tökéletesen megvédi az űrlapjaimat, amióta használom, nem kapok spamet ezeken keresztül.

      • Mi az a Quiz? Nekem a captchval az a gond hogy egy fehér kép jelenik meg, és semmi szöveg.

        a 2 szükséges kiegészítő fent van a szerveren
        a chmod 777 a képeknél
        az eléréssel sincs gond

      • A Quiz mondjuk az, hogy “5+3=?” és ha beírja valaki a helyes választ, hogy “8”, akkor mehet tovább. De a kérdés és a válasz tetszőleges lehet, szokták használni a “Mi a fehér szín ellentéte?” vagy a “Mi Magyarország fővárosa?” kérdéseket vagy hasonlókat is.

  16. Szia Móni!

    A Contact Form 7-ben a file feltöltést nem sikerül beállítanom. A formba már csatolni tudom a filet a honlapon keresztül, a kiterjesztésre szűrés is működik, csak nem kapom meg a csatolmányokat. A public_html/wp-content/uploads/wpcf7_uploads/ könyvtárban nincs semmi és a levél csatolmányaként sem kapom meg. Olvastam, hogy valahol be kellene állítani azt, hogy a filefeltöltés hogyan működjön, de nem tudom, hogy hol. Tudnál segíteni?

    köszönöm, Éva

      • Szia Móni!

        Köszönöm a gyors választ, én kevésbé vagyok gyors:-)
        Igen a fájlmellékletbe másoltam az alábbi kódot:
        [file your-file filetypes:gif|png|jpg|jpeg]
        De nem működik.

        Üdv.,Éva

      • Bocs, akkor passz, nem tudom… De épp most volt egy frissítése a Contact Formnak, próbáld ki megint, hátha most már jó.

      • A fájlmelléklet mezőbe a [your-file] kódot kell másolni. Csak ennyit, szó szerint! Amikor létrehozod a file feltöltés short kódját, akkor kapsz egy rövid kódot is:

        Példa: hosszú [file file-140 limit:1024kb filetypes:jpg|png|gif]
        és a rövid: [file-140]

        A fájl mellékletbe jelen esetbe a [file-140] kerül! Működni fog.

  17. Szia!
    Nagyon hasznos a cikked, azonban van egy kis gondom. A Contact form 7-et telepítettem fel, és minden rendben is ment, rendesen megjelenik.
    Azt is írja ki, hogy a mailt elküldte, de a fiókomba sehogy sem akar megjönni a mail. Már többször, különböző címekkel próbálkoztam, semmi változás.
    Gmail-es fiókot használok, SPAM-ben sincs.
    Esetleg valami plusz kiegészítőt kellene letöltenem, vagy mit csinálhattam rosszul? Ezt a verziót tettem fel:
    http://wordpress.org/extend/plugins/contact-form-7/

    Köszönöm szépen!

    • Szia!
      Vagy három éve használom ezt a bővítményt, és majdnem mindig jól működött. Egyetlen esetben volt gond vele, de nem tudtunk rájönni, hogy mi – az én postafiókomba megjött az üzenet, az ügyfélébe nem, pedig mindkettő gmail-es volt… A hajunkat téptük, de nem jutottunk semmire. Milliószor levettük, feltettük, így állítottuk, úgy állítottuk, semmi változás. Úgyhogy sajnos – passz…

      Tegnap egy másik ügyfelemnél is jelentkezett egy probléma, csak itt nem az, hogy nem érkeznek meg a levelek, hanem az, hogy el sem mennek, visszadobja a rendszer egy hibaüzenettel. Próbáltuk gmail-es, átirányított, direkt, külön fiókos, mindenféle címmel. Még nem tudom, mi a gond, megpróbálom újratelepíteni, de ez most valami más lesz, mint a fenti, mert most eleve hiba van.

      Ugyanakkor maga a bővítmény nem hibás, mert n+1 másik weboldalon meg működik…

      • Szia!

        Köszönöm a választ, kiderült, hogy mi volt a gond, a szolgáltatóval megoldottuk a dolgot:)
        Viszont az lenne a kérdésem, hogy ebben a Contact form 7-ben, vagy valamelyik másik formban beállítható-e, hogy a küldő fél is kapjon egy visszaigazolást a mail címére, aminek a szövegét én módosíthatom tetszőlegesen?

        Köszönettel:
        Bence

  18. Kedves Moni!
    Az lenne a kérdésem, hogy a honlapomon használom a cformsII bővítményt ill. a Contact Form 7-et is, de van egy dolog amit nem tudok, hogy oldjam meg. Egy szakember katalógusom van és minden szakember oldalára szeretnék egy ajánlatkérő űrlapot tenni /ugyanazt /, ez nem is lenne probléma, de hogy oldjam meg, hogy az adott szakembernek küldje el az ajánlatkérést, ne csak egy adott email címre? Remélem érthetően írtam le 🙂

    Előre is köszönöm válaszod!

    • Szia!
      Készíts minden szakértőnek egy külön Kapcsolat űrlapot (az első jót másold le annyiszor, ahány kell), és mindegyiknél állítsd be a címzett e-mail címét. Ezután minden szakértő oldalára a saját űrlapját szúrd be. (Más lesz az ID-száma.)

      • Kedves Moni!

        Sikerült jól megoldanom a Contact Form 7-el. Egy olyan kérdésem merült még fel, hogy azt meg tudom oldani, hogy a szakember oldalán az ajánlatkérő űrlap csak egy link vagy egy kép legyen és ha rákattintok akkor nyissa le és jelenítse meg magát az űrlapot?
        Igazából ez csak helymegtakarítás céljából lenne fontos, ill. aki csak nézelődik ne zavarja ez az űrlap!
        Nagyon köszönöm előre is.
        Egyébként nagyon hasznosak a cikkek amiket írsz, most például a Widget Contex oldotta meg egy nagyon problémámat!

      • A Contact Form 7-tel javasoltam volna én is 🙂

        A “lenyitást” prémium sablonokban (pl Elegant Themes) simán meg tudod csinálni, ingyeneseknél csak programozással. Nyílhat persze új oldalon is az űrlap, de azzal meg azokat szivatod, akik írni akarnak a szakértőnek…

      • Kedves Moni!

        Mivel ingyenes sablont használok csak programozással oldható meg, amihez én csak egy kicsit értek. Új ablakban nem szeretném, azokat az oldalakat én sem szeretem! Úgy érzem akkor így marad 🙂
        Azért köszönöm a segítséget!

  19. Kedves Móni!

    Honlapom kapcsolat menüpontjában használom azt a kapcsolati ürlap contact from 7 widgetet amit itt feljebb bemutatsz, de ahova az e-mailt kell beírni a kedves vendégnek ott nem müködik a @ jel nem lehet beírni. Kérlek ha tudsz segíts, ha más nem akkor másik kapcsolati ürlapot rakok be, de nem bolygatnám, ha már ez meg van.

    Előre is köszi!

    • Kívülről nem látom, mi a baja, de szerintem ugyanaz a script tiltja le az oldalon az Alt Gr-es karaktereket, amelyik a jobb egérgombos kattintást is letiltja… Szerintem kapcsold ezt ki és működni fog a @ is.

      Másrészt pedig javaslom, hogy ne tölts fel ilyen őrült nagy képeket, mert pixelenként töltődnek le, egy örökkévalóságig tart, nincs türelme az embernek kivárni. Nincs értelme 900px-nél szélesebb képet feltenni, ha ekkora a diavetítés.

      • Köszönöm!

        Elnézést tudatlanságomért, de még kicsit kezdetleges a tudásom a wordpress területén, és nem tudom, hol találom a scriptnek nevezett dolgot.
        Esetleg ha ehez egy kis segítséget kaphatnék.

        A képek csupán idő hiány miatt lettek fel rakva. Majd figyelembe veszem ajánlatát a kép méreteket illetően.

        Köszönöm előre is!

  20. Kedves Móni!

    Egy érdekesség, hogy azóta kaptam üzenetet azon az űrlapon keresztül, amin nem tudtam beírni a @ jelet.

    Semmit nem csináltam az oldallal, mivel nem tudom, hogy a javascriptet hol lehet átállítani, és milyen kóddal, de valakinek sikerült mégis üzenetet írnia nekem arra, is gondoltam, hogy az internet böngészője más, vagy nem windows hanem linux alapos gépen kersztül írta.

    Minden esetre, rá kerestem a jobb klikk vissza állítás lehetőségére, de mindenhol csak a tiltását írják le, hogy eredetileg milyen kodot kell átalakítani azt nem tudom.

    Még a wordpres közösségre is irtam a problémámmal, de ök sem válaszoltak rá eddig.
    Mondjuk még csak 2 nap telt el.

    Nem tudom mit tehetnék.
    További szép napot!

    • Próbáltam Chrome és Firefox alatt is, de nem megy.

      A jobb egérgombot (és talán a @ jelet is) szerintem egy bővítmény tiltja le, vagy ha nem, akkor a sablon fejrészében van a script. (Megjelenés -> Szerkesztő -> header.php) Ha kell ebben segítség, megnézhetem, de ez már a fizetős segítség kategóriája, mert ez már nekem is idő, és abból van ugye a legkevesebb… Ha tehát érdekel egy egyéni konzultáció, akkor kérlek, írj az info kukac wp-suli.hu címre.

  21. Kedves Móni!

    A @ karakter problémát ugy oldottam meg, hogy az oldalra ráírtam a @ karakternek az Alt+kód számát, ugyanis telefonon és tableten be lehetett írni a @ karaktert. De személyi számítógépen az Alt Gr+V billentyű nem működött.

    Talán másoknak is van ilyen problémájuk ez egy nem elegáns megoldás, de megoldás valamilyen szinten.

    Köszönöm segítségét!

  22. Kedves Móni!
    Szeretném megoldani , hogy egy jelentkezési ürlap megérkezését a wp kezelje, egy automata válasz segítségével az ürlapba beírt e-mail címre.A kapcsolati ürlapon nem tudom beállítani a küldő e-mail címet, ezért a megérkezett ürlapra a saját e-mail fiókom nem küld választ a feladónak, és hibát jelezz mert az adminnak szeretné küldeni az automatikus választ és nem az ürlapra felírt e-mail címre.
    Remélem érthetően írtam le a problémámat.

    • Kedves István!
      Nem igazán értem a problémát – nem a kérdést nem értem, hanem azt, hogy miért ne tudnád ezt egyszerűen megoldani. Csak be kell pipálni az Email fülön az “Email (2) használat” lehetőséget, és ott be lehet állítani mindent, a feladó címét, és a visszaigazoló levél szövegét is.
      Sok sikert!

      • Kedves Móni !
        Fantasztikus vagy, hogy egy ilyen bénázóval is mint én , foglalkozol.Köszönöm a segítséget .Az ember sokszor nem látja a fától az erdőt.
        Még egyszer, köszönöm !

Szólj hozzá!

Ez a weboldal az Akismet szolgáltatását használja a spam kiszűrésére. Tudjunk meg többet arról, hogyan dolgozzák fel a hozzászólásunk adatait..