Tovább a tartalomhoz

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.

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

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

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

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.

  • 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:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások