Contact Form Pro: űrlapbejegyzések és spamvédelem
A Divi saját Contact Form moduljának bővítése: beküldések tárolása a Form Entries oldalon, spamvédelem, betöltésjelző és a Supreme Contact Field mezőmodul.
A Contact Form Pro a Divi natív Contact Form moduljához ad új lehetőségeket. A sikeres beküldéseket a Divi Supreme → Form Entries oldalon tárolja, webhelyszintű és űrlaponkénti spamvédelmet ad (honeypot, Cloudflare Turnstile, hCaptcha, tiltólista), opcionális betöltésjelzőt beküldés közben, automatikus választ, megőrzési időt és webhookot. Feloldja a Supreme Contact Field gyermekmodult is (fájlfeltöltés, csillagos értékelés, aláírás és más mezőtípusok).
Nem váltja ki a Supreme Contact Form 7 modult, és a Divi saját spam- és captcha-beállításait sem; azokkal együtt működik. A webhelyszintű alapértelmezésekről a Contact Form Pro beállításai fejezet szól.
Mire jó
Szekció neve “Mire jó”- Leadgyűjtés Contact Form 7 nélkül: a Divi Contact Formot használod tovább, a beküldéseket a Form Entries oldalon nézed át (keresés, szűrés, csillagozás, spam, CSV-export).
- Fájlfeltöltés: Supreme Contact Field → File Upload. A fájlok a Form Entriesben maradnak (privát tárolóban), az admin e-mail csak a fájlnevet sorolja fel.
- Aláírás: Supreme Contact Field → Signature. Az aláírás képe az admin e-mailhez csatolva megy, és a bejegyzésen is tárolódik.
- Erősebb robotszűrés: honeypot, Turnstile vagy hCaptcha a natív Divi űrlapokon.
- CRM, Zapier: a webhook külső URL-re küldi az új bejegyzéseket.
Mikor ne használd
Szekció neve “Mikor ne használd”- Ha végig Contact Form 7-et használsz: használd a Supreme Contact Form 7 modult, a Contact Form Pro a Divi natív űrlapját célozza.
- Ne kapcsold be a Turnstile-t és a hCaptchát ugyanazon az űrlapon: elég egy interaktív kihívás.
- A sikertelen Divi-validációjú beküldések nem tárolódnak: bejegyzés csak akkor jön létre, ha a Divi beküldése sikert jelez (nincs kapcsolati hiba).
Bekapcsolás
Szekció neve “Bekapcsolás”- Nyisd meg a Divi Supreme → Extensions oldalt.
- Kapcsold be a Contact Form Pro kiterjesztést.
- Kattints a Save changes gombra, majd töltsd újra a Visual Buildert.
A beállítás kulcsa dsm_use_contact_form_entries, alapértelmezetten ki van kapcsolva.
Bekapcsolás után:
- megjelenik a Contact Form Pro beállítófül;
- a Divi Supreme menü alatt megjelenik a Form Entries;
- a natív Contact Form modul megkapja a Supreme Spam Protection és a Supreme Submit Loader csoportot;
- a Supreme Contact Field hozzáadható a Contact Formhoz (a Divi saját Field modulja után szerepel a listában).
Első lépések
Szekció neve “Első lépések”- Kapcsold be a Contact Form Prót az Extensions oldalon.
- Nyisd meg a Divi Supreme → Contact Form Pro oldalt, és állítsd be a spam-alapértékeket (a honeypot alapból be van kapcsolva). Turnstile- vagy hCaptcha-kulcsot csak akkor adj meg, ha használod ezeket.
- Tegyél egy Divi Contact Formot egy oldalra.
- Szükség esetén a Content → Supreme Spam Protection alatt hagyd az alapértéket (Use site setting), vagy kényszerítsd be-/kikapcsolva az egyes védelmeket.
- Szükség esetén a Design → Supreme Submit Loader alatt kapcsolj be betöltésjelzőt az adott űrlaphoz.
- Vegyél fel natív mezőket és/vagy Supreme Contact Field gyermekeket (például File Upload vagy Star Rating).
- Küldj be egy próbát látogatóként, majd nyisd meg a Divi Supreme → Form Entries oldalt.
Form Entries
Szekció neve “Form Entries”A menü a Divi Supreme → Form Entries (dsm_cf_entry).
- Állapotok: New, Read, Spam (és külön szűrő a csillagozottakra).
- Műveletek: spamnek / nem spamnek jelölés, olvasottnak / újnak jelölés, csillagozás, a beküldött mezők megtekintése, Export CSV.
- Spam okai (ahol releváns): Honeypot, Turnstile, hCaptcha, Blacklist, Marked manually.
Űrlaponkénti spamvédelem (Content → Supreme Spam Protection)
Szekció neve “Űrlaponkénti spamvédelem (Content → Supreme Spam Protection)”| Vezérlő | Módok |
|---|---|
| Honeypot | Use site setting / On / Off |
| Cloudflare Turnstile | Use site setting / On / Off (és pozíció, igazítás) |
| hCaptcha | Use site setting / On / Off (és pozíció, igazítás) |
Pozíciók: a beküldő gomb fölött, a gomb alatt, az űrlapmezők fölött. Igazítás: balra, középre, jobbra (vagy a webhelyszintű beállítás).
A sikertelen honeypot-, Turnstile- vagy hCaptcha-ellenőrzés Spamként tárolódik, és a Divi admin értesítő e-mailje nem megy ki. A tiltólistás találatok szintén Spamként tárolódnak, de azoknál nincs ilyen kemény e-mail-tiltás.
| Beállítás | Típus | Alapérték | Leírás |
|---|---|---|---|
| Honeypot | választó | örökölt | Use site setting / On / Off (attribútum: dsm_cf_honeypot). |
| Cloudflare Turnstile | választó | örökölt | Use site setting / On / Off (dsm_cf_turnstile). |
| Turnstile position / alignment | választó | a gomb fölött / örökölt | Az elhelyezés, ha a Turnstile be van kapcsolva. |
| hCaptcha | választó | örökölt | Use site setting / On / Off (dsm_cf_hcaptcha). |
| hCaptcha position / alignment | választó | a gomb fölött / örökölt | Az elhelyezés, ha a hCaptcha be van kapcsolva. |
Betöltésjelző (Design → Supreme Submit Loader)
Szekció neve “Betöltésjelző (Design → Supreme Submit Loader)”Űrlaponkénti felülbírálatok a webhelyszintű alapértékekhez:
| Beállítás | Típus | Alapérték | Leírás |
|---|---|---|---|
| Submit loader | választó | örökölt | Use site setting / On / Off (dsm_cf_loader). |
| Loader style / color / size / placement | különféle | örökölt | A jelző stílusa (Spinner, Dots, Pulse ring, Button busy only), színe, mérete, helye (On submit button / Form overlay). |
| Busy button text | szöveg | A gomb szövege beküldés közben (dsm_cf_loader_button_text). |
Supreme Contact Field
Szekció neve “Supreme Contact Field”Csak a Divi Contact Form gyermeke lehet. A mezőtípusokról és beállításaikról lásd az Űrlapok fejezetet. A gyermekmodul shortcode-ja: dsm_contact_form_field → dsm/contact-form-field.
Tippek
Szekció neve “Tippek”- Kezdd csak a honeypottal; ha átjutnak a robotok, kapcsold be a Turnstile-t vagy a hCaptchát, de ne mindkettőt ugyanazon az űrlapon.
- A spam-kulcsok módosítása után küldj be valódi próbát, és ellenőrizd a bejegyzés állapotát a Form Entries oldalon.
- A fájlmezők a Divi AJAX-beküldése előtt töltenek fel: a legnagyobb méretet a PHP
upload_max_filesizeértékén belül tartsd, a Contact Form Pro korlátai mellett. - Az automatikus választ és a webhookot a Contact Form Pro beállítófülön állítod, nem az egyes űrlapmodulokon.
- A kiterjesztés csak a natív
divi/contact-formbeküldéseire vonatkozik.
Készült: