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
Szekció neve “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.
- Nyisd meg az oldalt a Divi 5 Visual Builderben.
- Add hozzá a Supreme Contact Form 7 modult.
- A Content fülön válaszd ki az űrlapot a Contact Form 7 listából.
- A Design fülön állítsd be a színeket, a betűtípust és a térközt.
- Mentsd el, és próbáld ki a nyilvános oldalon.
Content
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “Hozzáadás”- Kapcsold be a Contact Form Pro kiterjesztést.
- Adj hozzá vagy nyiss meg egy Divi Contact Form modult.
- Add hozzá a Supreme Contact Field modult (a beépített Field után van a listában).
- Állítsd be a Type, a Label és a típushoz tartozó beállításokat.
- 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
Szekció neve “Első lépések: fájlfeltöltés”- Add hozzá a Supreme Contact Field modult, és a Type legyen File Upload.
- Add meg a Label értékét, és ha kell, kapcsold be a Required Field beállítást.
- Ellenőrizd a legnagyobb méretet és az engedélyezett kiterjesztéseket a Divi Supreme → Contact Form Pro beállításai alatt.
- 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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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.
Készült: