Azért készítünk WordPress weboldalt, hogy a leendő vásárlóink, partnereink megismerjenek minket és kérdés esetén fel tudják velünk venni a kapcsolatot. Ehhez valamilyen kapcsolati űrlapot el kell helyezni a weboldalon. Vannak olyan sablonok, ahol ez alapvetően integrálva van, lásd ennek az oldalnak a designja. Ha nincs akkor valamilyen bővítmény segítségével kell hozzáadni. Én Contact Form 7 bővítmény szoktam használni.

Telepítés

A szokásos módon telepítjük az alkalmazást.

Contact form 7 telepítése

Contact form 7 telepítése

Beállítások

Kapcsolatok fül / Kapcsolati űrlapok: a már elkészített űrlapok listája. Ezen a felületen szerkeszthetjük, törölhetjük és hozhatjuk létre az űrlapokat.

Kapcsolati fül / Új űrlap létrehozása: új űrlap létrehozása.

wordpres-alapozo-tanfolyam-wordpress-contact-form-7-bovitmeny-urlap-lista

Űrlap lista

Új űrlap - nyelvválasztás

Új űrlap – nyelvválasztás

A nyelvválasztáson kívül az egyes űrlapoknál megváltoztathatjuk a válaszüzenetet és a hibaüzeneteket.

Űrlap szerkesztése

Új űrlap

 Új űrlap szerkesztő felület:

  • fent: űrlap neve – ez fog megjelenni a listában, csak az azonosítást szolgálja
  • balra lent: űrlap HTML kódja – itt formázható az űrlap
Változók kezelése

Változók kezelése

Az űrlapra felhelyezhetünk szövegmezőt, Email cím mezőt, URL mezőt, Telefonszám mezőt, Lenyíló listát, Jelölő dobozokat, Rádiógombokat és még sok hasznos mezőt. Ezeket a jobb oldalt lenn található szerkesztőben hozhatjuk létre:

  1. A lenyíló menüből kiválasztjuk a számunkra megfelelő mezőt
  2. Bejelöljük, hogy kötelező vagy sem
  3. Elnevezzük a későbbi azonosítások miatt
  4. Opcionálisan megadhatunk css id-t vagy class-t
  5. Mezőtől függő beállítások következnek
  6. Beállíthatunk alapértelmezett értéket
  7. Megjelenik a két shortcode: a megjelenítéshez és a válasz levelekhez

Válaszlevelek

Két válaszlevelet tudunk kiküldeni. Általában az egyiket saját magunknak állítjuk be, míg a másikat az ügyfélnek visszajelzés céljából. A következő adatokat meg kell adni:

  • Címzett: kinek küldjük a válaszlevelet
  • Feladó: ki küldi a válasz levelet, itt használhatók a shortcode-ok
  • Tárgy: a levél tárgy, itt használhatók a shortcode-ok
  • További fejléc: a levél fejlécének kiegészítésére szolgáló mező, itt használhatók a shortcode-ok
Válaszlevél

Válaszlevél

A jobb oldalon a levél törzse látható. Itt egyszerű szöveges üzenetet adhatunk meg úgy, hogy a shortcode-ok itt is megjelennek. Az itt kialakított struktúra alapján a válaszleveleket azonnal küldi a rendszer, ha a kapcsolati formot használta valaki.

Használat

Ha elkészítettük a kapcsolati űrlapunkat, akkor térjünk vissza a lista nézetbe és az űrlapunk mellől másoljuk ki a beágyazáshoz szükséges shortcode-ot pl .[contact-form-7 404 "Not Found"] és illesszük be egy bejegyzésbe vagy oldalba.

Űrlap megjelenítése

Űrlap megjelenítése

A képen jól látszik, ha helyesen illesztettük be a shortcode-ot, akkor az űrlap meg fog jelenni a bejegyzésbe vagy oldalon. Ha a kötelezően kitöltendő mezőbe nem megfelelő formátum kerül vagy üresen marad, akkor a bővítmény hibaüzenet formájában jelzi. A sikeres küldésről is ad visszajelzést.

Gratulálok elolvastad a nyolcadik leckét .

A következő leckéd a WordPress Bejegyzések és oldalak szerkesztése, hogy megtöltsd tartalommal az oldaladat.