WordPress Contact Form 7 bővítmény

WordPress alapozó tanfolyam

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.

0 Comments

Submit a Comment

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Hírlevél feliratkozás

FRISS TARTALMAK, AJÁNLATOK, ÚJDONSÁGOK

  1. Elsőkézből értesülhetsz új tartalmainkról
  2. Készülő Online Kurzusaink tesztelője lehetsz
  3. Tájékoztatást kapsz az új tematikus hírlevél listáinkról



Kiemelt bejegyzések