# Divi 5 modulok: űrlapok

> A Supreme Contact Form 7 modul és a Supreme Contact Field mező a Divi saját kapcsolati űrlapjához.

Két űrlapmodul tartozik ide, mindkettő a **Divi Supreme** kategóriában. Előbb be kell őket kapcsolnod a **Divi Supreme Pro → Modulok beállításai** fülön. A builder feliratai angolul maradnak, ezért itt is úgy szerepelnek.

## Supreme Contact Form 7

A Contact Form 7 bővítmény űrlapjait ágyazza be és formázza a Divi 5 Visual Builderben. Az űrlapot egy legördülő listából választod ki, nem kell a Contact Form 7 beállítóoldaláról kimásolnod a shortcode-ot a Divi Code moduljába. Formázható a beviteli mező, a gomb, a címke, az érvényesítés és a hibaüzenet is.

Előfeltétel, hogy a Contact Form 7 telepítve legyen, és legyen legalább egy űrlapod. Ha a Divi saját kapcsolati űrlapját és az űrlapbejegyzéseket szeretnéd használni, a **Contact Form Pro** kiterjesztés való hozzá, és a következő szakasz mezőmodulja.

1. Nyisd meg az oldalt a Divi 5 Visual Builderben.
2. Add hozzá a **Supreme Contact Form 7** modult.
3. A **Content** fülön válaszd ki az űrlapot a **Contact Form 7** listából.
4. A **Design** fülön állítsd be a színeket, a betűtípust és a térközt.
5. Mentsd el, és próbáld ki a nyilvános oldalon.

### Content

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Contact Form 7** | A Contact Form 7-ben létrehozott űrlap kiválasztása. | none |
| **Show Error & Validation Messages** | A hiba- és érvényesítési üzenetek megjelennek a builderben, hogy formázni tudd őket. Az űrlap a nyilvános oldalon működik, ahogy a Divi Contact Form modulja is. | ki |

### Design

| Beállítás | Mit csinál |
|---|---|
| **Bottom Spacing** | A címkék alatti térköz. |
| **Button Alignment** | A küldés gomb igazítása. |

## Supreme Contact Field

A Divi saját **Contact Form** moduljának gyermek eleme. Olyan mezőtípusokat ad, amelyeket a Divi beépített mezője nem tud: fájlfeltöltés, csillagos értékelés, aláírás, többes választás és más. Csak akkor jelenik meg a modulválasztóban, ha a **Contact Form Pro** kiterjesztés be van kapcsolva, és közvetlenül a Divi beépített **Field** modulja után szerepel. Nem önálló modul: a Contact Form Pro része. A szülője mindig a Divi Contact Form, Contact Form 7 űrlapban nem használható. Egyszerű név, e-mail, üzenet mezőkhöz a Divi saját mezője elég.

Mire jó: önéletrajz vagy dokumentum feltöltése (**File Upload**), elégedettségi értékelés (**Star Rating**), elektronikus aláírás vagy beleegyezés (**Signature**), több választható tulajdonság (**Multi-select Dropdown**).

### Hozzáadás

1. Kapcsold be a **Contact Form Pro** kiterjesztést.
2. Adj hozzá vagy nyiss meg egy Divi Contact Form modult.
3. Add hozzá a **Supreme Contact Field** modult (a beépített Field után van a listában).
4. Állítsd be a **Type**, a **Label** és a típushoz tartozó beállításokat.
5. Mentsd el, próbáld ki a nyilvános oldalon, és a beküldést nézd meg a **Form Entries** alatt.

### Első lépések: fájlfeltöltés

1. Add hozzá a Supreme Contact Field modult, és a **Type** legyen **File Upload**.
2. Add meg a **Label** értékét, és ha kell, kapcsold be a **Required Field** beállítást.
3. Ellenőrizd a legnagyobb méretet és az engedélyezett kiterjesztéseket a **Divi Supreme → Contact Form Pro** beállításai alatt.
4. Küldj be egy próbafájlt, és nézd meg a **Divi Supreme → Form Entries** oldalon: a fájl ott van tárolva (privát). Az adminnak küldött értesítő e-mail csak a fájlnevet tartalmazza, a fájlt nem csatolja.

### Mezőtípusok

| Típus | Felirat a builderben | Megjegyzés |
|---|---|---|
| `date` | Date | Dátum. |
| `time` | Time | Időpont. |
| `datetime` | Date & Time | Dátum és időpont. |
| `phone` | Phone | Telefonszám. |
| `number` | Number | Szám. |
| `url` | URL | Weboldal címe. |
| `multi_select` | Multi-select Dropdown | Többes választású legördülő lista. |
| `star_rating` | Star Rating | Csillagos értékelés. |
| `signature` | Signature | Aláírótábla a látogatónak. Az admin értesítő e-mail egy „Signed (see attachment)” sort tartalmaz, és csatolja az aláírás képét. Ugyanez a kép a Form Entries bejegyzéshez is hozzákerül. |
| `hidden` | Hidden | Rejtett mező. |
| `acceptance` | Acceptance / Consent | Beleegyezés. Az alapszöveg „I agree to the terms and privacy policy”, és jellemzően a **Required Field** alapból be van kapcsolva. |
| `file` | File Upload | Fájlfeltöltés. A fájlok a Contact Form Entries alatt, privátan tárolódnak. Az admin e-mail a fájlnevet mutatja, és jelzi, hogy a fájl a Contact Form Entries alatt érhető el. A fájl nincs csatolva. |

### Content: Field

| Beállítás | Mit csinál |
|---|---|
| **Type** | A mezőtípus (lásd fent). |
| **Label** | A látható címke. |
| **Consent Text** | Csak beleegyezés típusnál: a beleegyezés szövege. |
| **Field ID** | A mező azonosítója. |
| **Max Stars** | Csillagos értékelésnél a csillagok száma. |
| **Placeholder** | Helyőrző szöveg, ahol értelmezett. |
| **Default Value** | Rejtett mezőnél az alapérték. |
| **Minimum Length**, **Maximum Length** | Telefon- és számmezőnél a hossz alsó és felső határa. |
| **Country Code** | Telefonnál a hívószám megjelenítése (**No** vagy **Yes**). |
| **Default Country Code** | Az alapértelmezett hívószám, ha a hívószám be van kapcsolva. |
| **Required Field** | A mező kitöltése kötelező (a beleegyezésnél alapból be van kapcsolva). |
| **Error Message** | Saját érvényesítési hibaüzenet. |
| **Options** | Többes választásnál az **Add New Item** gombbal felvehető sorok (érték és felirat). |

### Design

A csoportok típustól függően jelennek meg: **Fields**, **Dropdown**, **Checkbox**, **Stars**, **Signature Pad** és a fájlfeltöltés zónája (háttér, szegély, a „Choose File” szöveg és a súgószöveg betűtípusa). A rejtett mezőnek nincs látható Design beállítása.

### Tippek

- Tartsd stabilan a **Field ID** értékét, ha a mezőket automatikus válaszadóhoz vagy webhookhoz kötöd.
- A fájlfeltöltést a Contact Form Pro korlátai és a PHP feltöltési korlátai is szabályozzák. Ha a feltöltés nem sikerül, mindkettőt ellenőrizd. A fájlt az értesítő e-mail nem csatolja, a Form Entries oldalról érheted el.
- Az aláírás képe csatolva van az admin értesítő e-mailhez, és el is tárolódik az űrlapbejegyzésen.