# 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](https://hub.hellowp.io/hu/plugins/supreme-modules-pro-for-divi/beallitasok-kontakt-urlap-pro/) fejezet szól.

## 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

- 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

1. Nyisd meg a **Divi Supreme → Extensions** oldalt.
2. Kapcsold be a **Contact Form Pro** kiterjesztést.
3. 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

1. Kapcsold be a Contact Form Prót az **Extensions** oldalon.
2. 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.
3. Tegyél egy Divi Contact Formot egy oldalra.
4. 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.
5. Szükség esetén a **Design → Supreme Submit Loader** alatt kapcsolj be betöltésjelzőt az adott űrlaphoz.
6. Vegyél fel natív mezőket és/vagy Supreme Contact Field gyermekeket (például File Upload vagy Star Rating).
7. Küldj be egy próbát látogatóként, majd nyisd meg a **Divi Supreme → Form Entries** oldalt.

## 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)

| 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)

Ű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

Csak a Divi Contact Form gyermeke lehet. A mezőtípusokról és beállításaikról lásd az [Űrlapok](https://hub.hellowp.io/hu/plugins/supreme-modules-pro-for-divi/modulok-divi-5-urlapok/) fejezetet. A gyermekmodul shortcode-ja: `dsm_contact_form_field` → `dsm/contact-form-field`.

## 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-form` beküldéseire vonatkozik.