Sziasztok kedves blog olvasók. A WordPress visszajelzési űrlapok témájának folytatása. És mivel már beszéltem róluk, ma azt javaslom, hogy beszéljünk a WP Contact Form 7 bővítményről. Ezután bemutatom a bővítmény lépésről lépésre történő konfigurációját, valamint röviden leírom a bővítmény kiegészítőit.

Oldalnavigáció:

A WordPress kapcsolatfelvételi űrlap leírása 7

2) Aktiválja a Kapcsolatfelvételi űrlap 7 beépülő modult a WordPress adminisztrációs területén.

3) Lépjen az újonnan létrehozott lapra a képen látható módon:

4) Kattintson az "Új hozzáadása" fülre, és adja meg az alapértelmezett űrlapnyelvet, vagy válassza ki a kívánt nyelvet

5) Adja meg a kapcsolatfelvételi űrlap nevét, majd kattintson a Mentés gombra.

6) Most van egy rövid kódunk, amelyet ki lehet másolni és beilleszteni a bejegyzésbe vagy az oldalsávba az űrlap megjelenítéséhez - contact-form-7 id = "1252" title = "(! NYELV: Űrlap száma 1" (надо взять в !} szögletes zárójelek mint a képen).

7) Így néz ki az űrlapunk:

Persze nem túl szép, de senki sem törődik azzal, hogy saját stílusokat alkosson, vagy saját formát készítsen és betéteket szúrjon oda.

A 7-es kapcsolatfelvételi űrlap megjelenítése a sablonban bárhol

6. pontban lépésről lépésre beállítás Megmutattam, hogyan veheted át a CF7 rövid kódot, majd leírtam, hogy ez a kód megjeleníthető widgetben, bejegyzésben vagy oldalon. Ezenkívül azt szeretném mondani, hogy a 7-es kapcsolatfelvételi űrlapot bárhol megjelenítheti a sablonban. Ehhez írja be a következő egyszerű kódot:

Ennyi, ha mindent jól csináltál, akkor a WordPress sablon tetszőleges helyére megkapod a Kapcsolatfelvételi űrlap 7 kimenetét.

Kapcsolatfelvételi űrlap 7 beviteli mezőinek beállítása

Neki köszönhetően további dobozai lesznek, mint:

Válasz konfigurálása a kapcsolatfelvételi űrlaphoz 7

A CF7 bővítmény 4.4-es és újabb verzióiban a fejlesztő azt javasolja, hogy írja be a from mezőt (itt van a bőrön lent)

a domainjének megfelelő helyes címet. A bőrön látható, és ez az ajánlás problémát okoz:

Hogyan lehet válaszolni a felhasználónak egy levelezőtől?

Ha csak megnyomja a választ, akkor a saját levelünkre válaszolunk, sőt, saját magunknak válaszolunk. Ez nagyon kényelmetlen, mert kézzel kell kimásolnunk a felhasználó címét, be kell illesztenünk a levelezőbe és csak utána válaszolni.

Van megoldás erre a problémára, és mint mindig, egyszerű. A terepen kell További fejlécek kód hozzáadása:

Válaszolni:

Természetesen az e-mail-sh-t le kell cserélni a saját e-mail rövid kódjára. Lásd alább a bőrt:

Most, amikor levelet kap a WordPress visszajelzésétől, kattintson a válaszra a levélben, és a válasz a megfelelő e-mailre kerül elküldésre.

Ha ezek után a lépések után problémába ütközik, olvassa el a bejegyzést a hivatkozásra kattintva. A Contact Form 7 beépülő modulban le vannak írva a fő problémák és a problémák okai.

Ez minden. Remélem, megérti, hogyan van beállítva a bővítmény és az elrendezései.

(Utolsó frissítés: 2019.05.19.)

Üdvözlet kedves olvasó! Ma megmutatom, hogyan hozhat létre visszajelzési űrlapot egy webhely / blog szerzője számára a WordPressben a népszerű Contact Form 7 bővítmény használatával (több mint 5 millió telepítés). A posztban benne van : helyes beállítás Kapcsolatfelvételi űrlap 7, levélszemét elleni védelem, hogyan módosítható és konfigurálható kinézet formák. És rámutatott a fő okokra is - miért nem működik a kapcsolatfelvételi űrlap, és miért nem küld leveleket .

kapcsolatfelvételi űrlap fontos eszköze az olvasókkal való kapcsolattartásnak és fordítva. Írjon egy személyes levelet, tegyen ajánlatot a szerzőnek (amit nem utasíthat vissza), kérdezzen, küldjön valamit, és még sok más. Mindez átveszi az irányítást, és nem ad ki értékes információkat kívülállóknak, kapcsolatfelvételi űrlapunk WordPress Kapcsolatfelvételi űrlap 7. Itt valami ilyesmi. Én így írtam, nekem is tetszett.

Ó, megérkezett a levél! 7-es kapcsolatfelvételi űrlap jól sikerült

Nem untatlak, kedves olvasó, semmilyen firkálással – térjünk a dologra. A WordPress modul telepítése és megfelelő konfigurálása - kapcsolatfelvételi űrlap 7.

WordPress kapcsolatfelvételi űrlap 7 beépülő modul

Beépülő modul a WP kapcsolatfelvételi űrlaphoz 7

A Contact Form 7 számos kapcsolatfelvételi űrlapot tud kezelni, ahol rugalmasan testreszabhatja az űrlapok és a levelek tartalmát meglehetősen egyszerű jelölésekkel. Az űrlapok beépített támogatással rendelkeznek az Ajax beküldésekhez, a CAPTCHA-khoz, az Akismet spamszűrőhöz és még sok máshoz.

Minden manipulációt a WordPress adminisztrációs paneljén hajtunk végre. A beépülő modul telepítéséhez kattintson a „Bővítmények” részben az „Új hozzáadása” lehetőségre. A "Keresés" ablakba írja be a 7. kapcsolatfelvételi űrlapot, amely természetesen elsőként jelenik meg. Kattintson a "Telepítés" gombra:

A bővítmény telepítése

Alapértelmezés szerint az 1-es kapcsolatfelvételi űrlap

A képen látható, hogy alapértelmezés szerint a kapcsolatfelvételi űrlap szabványos verziója és egy kész rövid kód az új oldalra, bejegyzésre vagy a oldalsó panel(szöveges widgeten keresztül). A 7. kapcsolatfelvételi űrlap alapértelmezett megjelenése, a webhely külön oldalán beállítva:

Megjelenés: szabványos kapcsolatfelvételi űrlap a WordPress webhelyen

Ha csak nézni, ellenőrizni vagy módosítani, azaz további mezőket szeretne hozzáadni, akkor kattintson a "Módosítás" elemre. A képernyő fent van.

Megnyílik a „Kapcsolatfelvételi űrlap szerkesztése” oldal. A beépülő modul orosz nyelvű, ezért nagyon könnyű lesz kitalálni, hogy mi az. Űrlapsablon lap. Az űrlapsablont igényeinek megfelelően módosíthatja.

Ha például fájlfeltöltési címkét szeretne hozzáadni egy űrlapsablonhoz, a következőket kell tennie: Jelölje meg az egérrel a címke beszúrásának helyét (lehetőleg az üzenet után), és kattintson a megfelelő "fájl" fülre. Ezzel a funkcióval engedélyezheti a felhasználóknak, hogy feltöltsék fájljaikat az űrlapon keresztül, majd e-mailt küldünk Önnek fájlmellékletekkel:

Kapcsolatfelvételi űrlap szerkesztése. Fájl fül

Megnyílik egy ablak - Form Tag Generator: fájl:

A levélbe feltöltött fájl csatolásához be kell szúrnia egy címkét ()

A 7-es kapcsolatfelvételi űrlap alapértelmezett fájltípus- és fájlméret-korlátozásokat alkalmaz. Ha nem állítja be a beállításokat, az alapértelmezett fájlkiterjesztések: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav , és wmv. A megengedett fájlméret pedig 1 MB (1 048 576 bájt). Megnyomjuk a "Címke beszúrása" gombot:

Fájlcímke beszúrva az űrlapsablonba

Ahol az egérkurzorral jelölted, és megjelenik egy további címke. Ha rossz helyre van beillesztve, csak másolja ki, és helyezze a megfelelő helyre. Ugyanígy adja hozzá a szükséges címkéket az űrlaphoz. További címkék hozzáadása után feltétlenül kattintson a kék „Mentés” gombra. Így fog kinézni az üzenetmező után a fájl e-mailhez csatolására szolgáló gomb:

Gomb Válasszon ki egy fájlt a kapcsolatfelvételi űrlapon

Ha mindent helyesen csinál, akkor nem lesz problémája a további mezőkkel.

Ellenőrizze az E-mail, az Űrlapküldési értesítések és a Speciális beállítások fület is. Véleményem szerint semmin nem kell változtatni. Ha csak a Speciális beállításokban adhatja meg a paramétert - csak előfizetőknek - subscribers_only: true. További információkért a speciális paraméterek beállítási oldalára mutató hivatkozás található.

És most, barátaim, el kell helyeznünk az elkészített kapcsolatfelvételi űrlapot a webes erőforrás egy külön új oldalára vagy oldalsávjára. Ez könnyen megtehető.

A kapcsolatfelvételi űrlapot az oldal / blog külön oldalán helyezzük el

Az összes beállítás és az űrlap mentése után másolja ki a rövid kódot a Kapcsolatfelvételi űrlapok vagy a Kapcsolatfelvételi űrlap szerkesztése oldalon. Ezután hozzon létre egy új oldalt - az Oldalak részt - Új hozzáadása. Adja meg az oldal nevét, például "Kapcsolatok". Állítsa az üzenetszerkesztőt "Szöveg" módba, és szúrja be a rövid kódot az üzenetmezőbe:

Új oldal kapcsolatfelvételi űrlappal

Ha van új oldal automatikusan bekerül a menübe, akkor a „Megrendelés” 1-es, 2-es vagy 3-as értékét állítjuk be (amelyik van a menüben, megjelenik a Kapcsolat oldal). Kattintson a „Közzététel” gombra. Minden. Kész. Manuálisan is hozzáadhat egy oldalt a menühöz. Most van egy űrlap a kapcsolatfelvételhez a blog szerzőjével / webhely telepítve van.

Ugyanezzel a módszerrel egy kapcsolatfelvételi űrlapot adnak hozzá az oldalsávhoz, a lábléchez vagy a cikk szövegéhez. Másolja ki a rövid kódot, és illessze be bejegyzéseibe vagy szöveges widget tartalmába. Ne feledje, hogy bármikor szerkesztheti az űrlapot, vagy létrehozhat újat különböző címkékkel/mezőkkel.

Spamet kap a 7-es kapcsolatfelvételi űrlapon keresztül?

Van védelem. A spammerek mindenre hatással vannak, ez alól a kapcsolatfelvételi űrlapok sem kivételek. Mielőtt spamet kapna, védje meg kapcsolatfelvételi űrlapjait a Contact Form 7 hatékony spamszűrő funkcióival.

A 7-es kapcsolatfelvételi űrlap támogatja a spamszűrést az Akismet segítségével. Az intelligens reCAPTCHA blokkolja a bosszantó spambot. A megjegyzések tiltólistájával blokkolhat bizonyos üzeneteket is kulcsszavakat vagy adott IP-címekről küldik.

Kattintson az "Integráció" gombra. A Google reCAPTCHA megvédi Önt a spamektől és más automatikus visszaélésektől. A kapcsolatfelvételi űrlap 7 reCAPTCHA integrációs moduljával letilthatja az űrlap spamrobotok általi küldését.

Google reCAPTCHA v3 integráció: spamvédelem

A bővítmény integrálása más recaptcha szolgáltatásokkal

Trample Setup Integration, majd kövesse a hivatkozást a ReCaptcha API kulcsok beszerzéséhez:

A reCAPTCHA az Google szolgáltatás

A reCAPTCHA használatának megkezdéséhez először regisztrálnia kell WordPress webhelyét. A reCAPTCHA a Google szolgáltatása, ezért használatához szüksége van rá google fiók... Jelentkezzen be a Google-ba a használatával fiókot, és kövesse a linket https://www.google.com/recaptcha/admin... Egy egyszerű regisztrációs űrlapot fog látni, például:

Regisztráljon egy WordPress webhelyet. Goodle reCAPTCHA

Kérjük, adjon meg egy címet. Válassza ki a reCAPTCHA v3 lehetőséget (a reCAPTCHA v3 nem igényel CAPTCHA widgetet (nem vagyok robot a reCAPTCHA v2-ben használt jelölőnégyzet)), és adja meg a webhely tartományát a Domains mezőben. A webhely regisztrációja után kap egy webhelykulcsot és egy titkos kulcsot. Írja be őket (a fenti képernyőkép), és mentse el a beállításokat. Ez minden. A kapcsolatfelvételi űrlap mostantól a reCAPTCHA-fiókot használja annak ellenőrzésére, hogy az üzenetet ember vagy spam küldte-e.

Ha a Kapcsolatfelvételi űrlap 7 telepítése mellett dönt, akkor azt tanácsolom, hogy telepítse mellé a Contact Form 7 Style kiegészítőt is. Lehetővé teszi az űrlap megjelenésének szerkesztését. Nemcsak választhat egyet a kész sablonok közül, hanem saját egyedi dizájnt is létrehozhat. Változtatni szeretne a megjelenésén? Akkor a folytatás kifejezetten nektek szól, a szépség ínyencei.

A kapcsolatfelvételi űrlap megjelenése - Kapcsolatfelvételi űrlap 7 stílus

Kapcsolatfelvételi űrlapstílusok 7

A Contact Form 7 Style Plugin egy kapcsolatfelvételi űrlap 7 kiegészítő, amelyet telepíteni kell a WordPress webhelyére. Támogatja az egyéni stílusokat, amelyek könnyen kezelhetők az adminisztrációs panelen keresztül. Vannak előre definiált sablonok is, amelyeket a 7-es kapcsolatfelvételi űrlap beállításaiban lehet aktiválni. A beállítások között a fő bővítmény jelenik meg új betét- Kapcsolatfelvételi űrlap 7 stílussablon. Megjelenés testreszabása:

Kész sablonok az űrlaphoz

Például a szabványos külsőt valami ilyesmire cseréltem:

A kapcsolatfelvételi űrlap megjelenése

Ne felejtse el, hogy beállíthatja saját egyéni stílusparamétereit:

A beépülő modul támogatja az egyéni stílusokat, amelyek az adminisztrációs panelen keresztül kezelhetők

Következtetésképpen:

Az e-mailek küldése a 7-es kapcsolatfelvételi űrlapról a legtöbb ember számára zökkenőmentesen működik. De kiderül, hogy nem mindenkinek. Annak ellenére, hogy a beépülő modul sikeresen küld több millió e-mailt naponta, számos probléma késleltetheti vagy leállhat e-maileket, egy tipikus e-mail küldő és fogadó oldalán egyaránt.

Miért nem működik a 7-es kapcsolatfelvételi űrlap (nem küld e-maileket)?

1. Tárhelyproblémái. Fontos megjegyezni, hogy az e-mailek küldése és fogadása nagymértékben függ a WordPress-webhelyet üzemeltető szervertől;
2. Ügyeljen arra, hogy a helyes visszaküldési e-mail címet használja;
3. E-mailje spamnek minősülhet;
4. Beépülő modulok vagy téma ütközések a 7-es kapcsolatfelvételi űrlappal;
5. Javascript ütközések.

Ha nem tud e-maileket küldeni erről a beépülő modulról, akkor valószínűleg általában nem tud e-maileket küldeni a WordPressről. Ebben az esetben, uraim, az oldalon megtalálhatja a pluginnal kapcsolatos gyakran ismételt kérdéseket https://contactform7.com/faq/.

Vagy a támogatási fórumonhttps://wordpress.org/support/plugin/contact-form-7/. angol nyelv nem számít, kedvenc böngészőjének fordításával minden világos lesz.

Nekem ennyi. Úgy tűnik, nem felejtettem el semmit. Minden jót. Sok sikert barátok.

P.S. Kiderült, hogy a régi bejegyzések szerkesztése (az olvasóknak mindig naprakésznek kell lennie) ugyanannyi időt vesz igénybe, mint az írás. új utasításokat... Borzalom!

(függvény (w, d, n, s, t) (w [n] = w [n] ||; w [n] .push (függvény () (Ya.Context.AdvManager.render ((blockId: "RA) -292864-4 ", renderTo:" yandex_rtb_R-A-292864-4 ", async: true));)); t = d.getElementsByTagName (" script "); s = d.createElement (" script "); s .type = "text / javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore (s, t);)) (ez , this.document, "yandexContextAsyncCallbacks");

A kapcsolatfelvételi űrlap a legtöbb webhely elengedhetetlen tulajdonsága. Ez az oka annak, hogy a WordPress könyvtárában olyan sok bővítmény található kapcsolatfelvételi űrlapok... Az egyik legnépszerűbb a Contact Form 7. A beépülő modul lehetővé teszi bármilyen űrlap létrehozását; nagyon rugalmas és könnyen testreszabható; évek óta fejlődik, és sok fejlesztést tartalmaz.

Kapcsolatfelvételi űrlapok létrehozása és megjelenítése

Űrlapok létrehozása az adminisztrációs területen

A bővítmény telepítése után megjelenik a "Kapcsolatfelvételi űrlap 7" menüpont, amelyen keresztül űrlapokat hozhat létre és törölhet.

A képen látható űrlap a plugin aktiválásakor automatikusan létrejön.

Használjuk az alapértelmezett űrlapot úgy, hogy létrehozunk egy Kapcsolatfelvétel oldalt, és oda beillesztjük az űrlap rövid kódját.

Az oldal elülső része

Most mentsük el a cikket, és nézzük meg, hogyan néz ki az űrlapunk (a Twenty Sixteen témával):

A képen az elküldött levél utáni űrlap látható (erre az űrlap alján található értesítés utal).

Űrlap testreszabása (összetett űrlapok létrehozása)

A fenti példa bemutatja, hogyan kell beilleszteni egy kész és nagyon egyszerű alak kapcsolatokat. Most pedig nézzük meg, hogyan hozhatunk létre egy összetettebb űrlapot. Ehhez lépjen vissza az adminisztrációs panelre, az űrlapkezelőbe, és lépjen az alapértelmezett űrlap szerkesztéséhez.

A felső mezőben - az űrlap neve (csak az adminisztrációs panelen látható), a magunk számára érthető nevet jelezzük, például: "Visszajelzés a webhelyről", "Állakozási űrlap", "Visszajelzési űrlap" " stb.

A címsor alatt egy rövid kód található. Feljegyzésekben használjuk az űrlap megjelenítésére.

És lent van négy lap:

1. Űrlapsablon
2. Levél
3. További beállítások

Tekintsünk minden lapot külön-külön.

Űrlapsablon

Ezen a lapon testreszabhatja az űrlap mezőit és megjelenését. A munkaterület az HTML szerkesztő WP. Csak a szokásos gombok helyett látunk különböző űrlapmezőket beszúró gombokat.

Űrlap elrendezés

Az elrendezéshez html címkéket és beépülő modulok rövid kódjait használhatja. A rövid kódok űrlapmezőket adnak hozzá, a html címkék pedig tetszőleges HTML-struktúra létrehozását teszik lehetővé. Az alapértelmezett űrlapunk például így néz ki:

Az Ön neve (kötelező) Az Ön e-mail címe (kötelező) Téma Üzenet

És amikor megjelenik egy bejegyzésben, ez lesz a következő HTML-kód:

Rövid kód szintaxis

Kattintson a "Szöveg" gombra. Megnyílik egy ablak, ahol megadhatjuk a szövegmező attribútumait. Adja meg és kattintson a "Címke beszúrása" gombra.

A címke később html kódot tartalmazó szövegmezővé alakul:

A rövid kódok kényelmesen létrehozhatók a rövid kódkészítőn keresztül.

De a konstruktor nem engedi megváltoztatni a rövid kódot (csak ott tudod létrehozni a rövid kódot). A rövid kód megváltoztatásának két módja van:

1. törölje és hozzon létre egy újat a konstruktor segítségével.
2. tanulja meg a szintaxist, és kézzel javítsa ki a mező rövid kódját.

A kivitelezővel ezt te magad fogod kitalálni.

És itt elemezzük a rövid kód szintaxisát.

Vegyük például a címkét szövegdoboz további lehetőségekkel:

Szöveg (kívánt) Mezőtípus: szöveg, kijelölés, jelszó, szám stb. (v ebben az esetben szövegmező). Meghatározza, hogy a címkénk melyik űrlapelemre fog átalakulni, ami azt jelenti, hogy milyen adatokat kapjon. * A csillag kötelezővé teszi a mező kitöltését (az űrlapot nem küldjük el, és megjelenik egy értesítés, hogy a mezőt ki kell tölteni). Ügyfél Neve (kívánt) A mező neve névattribútumként használatos a bevitelben, és a kimenő levél sablonjának kialakításakor is használatos. id: my-id Az id attribútum a bemeneten my-id értékkel. Díszítésre használt. class: my-class Az osztály attribútuma a bemeneten my-class értékkel. Díszítésre használt. helyőrző "(! LANG: Adja meg a nevet" Использовать текст "Введите имя" как placeholder. !}

Figyeljük meg a címke attribútumainak sorrendjét: először a mező típusa, majd a neve, és csak ezután jön a további opciók.

Mezőtípusok

• Szövegmezők: text, email, tel, url, textarea
• Numerikus mezők: szám, tartomány
• Dátum mezők: dátum
• Jelölőnégyzetek, rádió, listák: jelölőnégyzet, rádió, kiválasztás
• Fájl feltöltési mező: fájl
• CAPTCHA: captchac és captchar
• Szavazások: kvíz
• Elfogadási mező: elfogadás
• Beküldés gomb: elküld
• Tetszőleges mezőtípus

Levél sablon

A második hozzájárulásban a kiküldött levél sablonját (elrendezését) és tulajdonságait lehet finomítani. Ennek a lapnak a mezőiben használhatja az űrlapmezők speciális címkéit - ez lehetővé teszi az űrlapon megadott adatok átvitelét a levélben.

A címkék egy űrlapsablon mezőneveiből állnak. Például létrehoztunk egy szövegdobozt, melynek neve:. Most már használhatja a címkét az e-mail sablonjában. A levélben ez a címke helyett a felhasználó által beírt mezőérték (teljes név) kerül behelyettesítésre.

E-mail fejlécek:

Kinek - email hova küldik a levelet. Tetszőleges számú mezőt megadhat, vesszővel elválasztva.

Kitől - a név és az e-mail cím, kitől jött a levél. Általában a szerver levele van itt feltüntetve (pl [e-mail védett]).

Bármilyen levelet megadhat, de ha a levelezési tartomány eltér a webhely tartományától, az űrlap nem tesztelni fogjákés "esküdni" fog erre a paraméterre, bár leveleket továbbra is küldenek.

Tárgy – A levél tárgya. Egyértelmű lesz, hogy melyik űrlapról küldték az adatokat. Például a tárgysor: "Hiba a webhelyen", "Visszahívási megrendelés" stb. Válasszon olyan címet, amely megkönnyíti a kapott levelekkel való munkát.

• További fejlécek – Alapértelmezés szerint a Reply-To: ide van írva. A Reply-To fejléc azt mondja, hogy erre az e-mailre a Válasz gombra kattintva válaszolhat levelező program az űrlapcímke pedig a sablonból származó mező neve. A címke helyett a felhasználó által megadott e-mail-cím kerül beillesztésre. Valami olyasmit kap, mint a Válaszcím: [e-mail védett].

A levél törzse

Ez a következő fő rész ennek a lapnak. Maga a levél szövege itt van feltüntetve. A szövegben ugyanazokat az űrlapcímkéket használjuk (az űrlapsablonból származó mezőneveket).

Elemezzük az alapértelmezett betűt:

Tól től:<>Tárgy: Üzenet: - A webhelyről küldve Jelenleg a Kapcsolatfelvételi űrlap 7 bővítményét tanulmányozzuk (http://test-wp.ru)

4 mezőt töltött ki a felhasználó. A levél elküldése után a címkék értékekké alakulnak, és a következő levelet kapjuk:

Feladó: Dmitrij Tárgy: Kérdés a kapcsolatfelvételi űrlappal kapcsolatban 7 Üzenet: Hello! Kérdésem van a Contact Form 7 beépülő modullal kapcsolatban. Hogyan konfigurálhatom? - Beküldve a webhelyről Jelenleg a Contact Form 7 bővítményt tanulmányozzuk (http://test-wp.ru)

Nem kötelező mezők az e-mail törzsében

Ha a felhasználó nem tölti ki a mezőt, de a levél törzsében használja, akkor a levél törzse hiányos lesz. Például a test azt írja, hogy Ember a városból, de a felhasználó nem töltötte ki a mezőt, ami azt jelenti, hogy a levélben kapunk egy Férfit a városból... Egy ilyen sor a levélben felesleges. Ha el szeretné távolítani ezt a sort az üzenetből, jelölje be az „Üres üzenetcímkéket tartalmazó sorok kimenetének kizárása” négyzetet. Vegye figyelembe, hogy ez csak akkor működik, ha a mező szövege és rövid kódja egy sorban van.

"HTML levélformátum használata" opció. Lehetővé teszi HTML-címkék használatát az üzenet szövegében. Ebben az esetben korlátozott listát használhat HTML címkék mert nem minden levelezőkliensek vagy a szolgáltatások megfelelően tudják kezelni az összetett HTML-jelöléseket. Használhatja: táblázatok, pontozott listák, merészség, bekezdések és így tovább. További részleteket keress a neten.

A 7-es kapcsolatfelvételi űrlap lehetővé teszi, hogy két címre küldjön levelet, és az egyes levelek beállításai eltérőek. Ez akkor lehet hasznos, ha egy levelet kell küldenie az oldal adminisztrátorának teljes körű tájékoztatással és egy másolatot a vezetőnek, amely csak a rendelési adatokat tartalmazza.

Űrlapküldési értesítések

Ezen a lapon szerkesztheti azokat az üzeneteket, amelyeket az űrlap egy adott helyzetben megjelenít: sikeres vagy sikertelen levélküldés vagy hiba esetén.

Az e-mail sabloncímkék nem működnek ezekben a mezőkben.

További beállítások

Ez a lap haladó felhasználók számára készült, és lehetővé teszi az űrlap képességeinek kiterjesztését JS-kód használatával. Például események közzététele elemzés céljából.

Ennek a funkciónak a használatáról egy külön cikkben fogok beszélni.

A Kapcsolatfelvételi űrlap 7 beépülő modulja segít megszervezni a webhelyével kapcsolatos visszajelzéseket.

A Contact Form 7 beépülő modult letöltheti a WordPress hivatalos webhelyéről

A Really Simple CAPTCHA beépülő modult letöltheti a WordPress hivatalos webhelyéről

Megvizsgáltuk, hogyan kell telepíteni és csatlakoztatni ezt a bővítményt a "" leckében, most ezzel fogunk foglalkozni további funkciókat plugin Kapcsolatfelvételi űrlap 7. Az űrlap megfelelően működik monitorokon, táblagépeken, telefonokon és laptopokon. Egyébként, ha elromlott a laptopod, akkor van egy szerviz, ahol HP laptopokat javítanak.

Miután letöltötte és aktiválta a bővítményt, lépjen a beépülő modul beállításaihoz a ikonra kattintva új szakasz vezérlőpult "Kapcsolatok".

Vigye az egeret az űrlap nevére, és válassza a "Szerkesztés" lehetőséget.

Megnyílik egy ablak az űrlapparaméterek módosítására.

Mivel az oldal nem egy, hanem több űrlapot is használhat (üzenetküldő űrlap, hívásrendelési űrlap, személyes adatokat tartalmazó űrlap), hogy ne legyen félreértés, melyik űrlap miért felelős, módosítsa az űrlap nevét. Ehhez kattintson az 1-es űrlap nevére.

A 2. blokkban látható, hogy mi fog megjelenni az űrlap oldalán. Először a szöveg, a mező neve, a mező kódja után következik. A szöveget tetszőlegesre módosíthatja.

Ha új mezőket szeretne hozzáadni az űrlaphoz, kattintson a # 3 - "Címke létrehozása" legördülő listára, és válassza ki a kívánt elemet a legördülő listából.

• Szövegmező
• Email
• Telefonszám
• Szám (spinbox)
• Szám (csúszka)
• Szövegmező
• Legördülő menü
• Jelölőnégyzetek
• Rádiógombok
• Elfogadás
• Kérdés
• CAPTCHA
• Fájlfeltöltés
• Küldés gomb

Alapértelmezés szerint az eszköztippek és űrlapmezők a következőképpen helyezkednek el: az eszköztipp tetején, az elem alján. Ha a leírást és az elemet egy sorban szeretné elhelyezni, távolítsa el a szöveg utáni címkét

... A teljes blokknak leírással és elemekkel egy sorban kell lennie, és a címkén belül kell lennie

Szövegmező

A legördülő listából válassza ki a "Szövegmező" elemet

Ha bármely hozzáadott funkció szükséges - jelölje be az 1-es négyzetet, és ne felejtse el írni a leírásban.

A beviteli mezőben adhatja hozzá További információ hogy könnyebb legyen az űrlap kitöltése. Jelölje be a 2. jelölőnégyzetet „Helyőrzőként használja?” és írj mellé egy tippet a mezőbe. Ha ezt a mezőt kitölti az űrlapon, az eszköztipp szövege eltűnik. Ezután kövesse a plugin utasításait. Ennek eredményeként a következő mezőt kapja kész formában:

Mindenképpen illessze be a kódot az e-mail sablonba, ellenkező esetben az ebből a mezőből származó adatok nem kerülnek postára! Ez nem csak a szövegmezőkre vonatkozik, hanem minden más elemre is.

Email

A cím űrlapra való átküldésre szolgál postafiók feladó

URL

Lehetővé teszi a webhely címének hozzáadását az űrlaphoz.

Telefonszám

Ebbe a mezőbe csak számok írhatók be.

Szám (spinbox)

Egy mező, amelyben beállíthatja valaminek, például egy cikknek a mennyiségét. A számot a fel/le nyilak állítják be.

dátum

Beszúr egy dátum szerint kiválasztható naptárat az űrlapba. Például szállodai foglalásokhoz használják. Érkezés dátuma, indulás dátuma.

Szövegmező

Igen, ne lepődj meg 🙂 Újabb szövegmező. Ezúttal ez a mező nagy méretekés sok szöveget írhat bele. Például vélemények, megjegyzések.

Legördülő menü

Ha valamire sok lehetőség van, és ki kell választania egy tételt egy nagy listából, például városok, utcák, áruk listájából.

A listát a Kijelölés mezőben kell elhelyezni, minden elemet új sorban.

Jelölőnégyzetek

A jelölőnégyzet vagy a fejlesztői szakzsargonban a jelölőnégyzet olyan elem, amely jelölőnégyzetet hoz létre. Ennek a mezőnek két állapota van – bejelölve vagy nem. Több választás is lehetséges. Csak sorba rendezve, ha bejelöli a "Kizáróvá teszi a jelölőnégyzeteket?" akkor csak egy paraméter választható ki.

Rádiógombok

A kapcsolók (jarg. Rádiógombok) akkor használatosak, ha a több felkínált opció közül egyet kell kiválasztani. Ha bepipálja a "Először egy címkét, majd egy jelölőnégyzetet?" a címke helye és a kiválasztási mező megváltozik, alapértelmezés szerint először a kijelölés, majd a címke.

Elfogadás

Valaminek a megerősítése. Tételezzük fel a fent leírt feltételek elfogadását.

Kérdés

Ez az első védelmi vonal a spam ellen, a legalapvetőbb. A beállításban írjon egy kérdést, lehet számokkal, lehet betűkkel, vagy így és így, és jelezze a helyes választ. Ha az űrlap kitöltésekor a válasz helyes, akkor az űrlapot elküldjük. A zöld azt jelzi, hogy ennek a képletnek melyik része jelenik meg a webhelyen a válaszbeviteli mező előtt, a piros pedig a válasz. A képletben a helyes válasz a | (függőleges sáv)

Spam elleni védelmet ad az űrlaphoz.

A funkció működéséhez még egy bővítmény szükséges. Töltse le, telepítse, aktiválja a bővítményt.

A beállításokat változatlanul hagyhatja, a küldés gomb elé 2 sort másolhat be.

Fájlfeltöltés

Az üzenetküldő űrlaphoz fájlt csatolhat. A beállításokban megadhatja a maximális méretet bájtban, és a feltöltéshez engedélyezett formátumokat, pl. jpg .tiff .doc

Küldés gomb

Az űrlap beküldése. A beállításoknál a "Címke" részben - megadhatja a gomb nevét (Küldés, válasz, küldés 🙂)

A 7. kapcsolatfelvételi űrlap megjelenésének testreszabása

Mivel a beépülő moduloknak frissítendő tulajdonságaik vannak, módosítani fogjuk az űrlap megjelenését a style.css webhelytéma stílusfájljában.

Az alábbi kód felelős az űrlap, mezőinek és egyéb elemeinek megjelenítéséért:

Wpcf7 (háttérszín: #ddd;) / * űrlap háttérszíne * / .wpcf7 bemenet, .wpcf7 szövegterület (kitöltés: 5px; szín: # 1D1D1D; betűcsalád: Arial, Helvetica, sans-serif; betűméret: 16 képpont; vonalmagasság: 20 képpont; szegély: 1 képpont tömör # C7C7C7; doboz-árnyék: beszúrás 2 képpont 2 képpont 8px # F9F9F9; -webkit-átmenet: minden 0,2 másodperccel egyszerű; -moz-áttérés: minden 0,2 másodperccel egyszerű; -o-átmenet : minden 0,2 mp-es egyszerű; átmenet: minden 0,2 mp-es egyszerű bemenet (szegély: nincs; padding-left: 0; margin-left: 0;) .wpcf7 select (körvonal: nincs; font-size: 16px; font-family: Arial, Helvetica, sans-serif;) .wpcf7 bemenet: lebegés, .wpcf7 bemenet: fókusz, .wpcf7 bemenet: aktív, .wpcf7 szövegterület: lebeg, .wpcf7 szövegterület: fókusz, .wpcf7 szövegterület: aktív (háttér: #FDFDFD; körvonal: nincs;)

Mi van, mi.

.wpcf7 bemenet, .wpcf7 szövegterület - a beviteli mező stílusa (szövegmező)

1. párnázás- beállítja a behúzást a tartalomtól az elem határáig. Itt látható a behúzás a mezőbe beírt szövegtől a mező határáig. Állítsa be az értéket Xpx képpontban, ahol X a képpontok száma. Példa: kitöltés: 5px 3px 6px 8px;
2. szín- szöveg szín.
3. betűtípus család- beviteli mezők betűtípusa.
4. betűméret- betűméret
5. vonalmagasság- vonalmagasság
6. határ- szegély a beviteli mező körül
7. doboz-árnyék- blokk árnyék. betét azt jelzi, hogy az árnyék belső. Ha külső árnyékra van szüksége, hagyja ki ezt az értéket. A második és harmadik 2px 2px érték az árnyék vízszintes és függőleges keveredését jelzi. A negyedik érték, a 8px, az árnyék elmosódási sugarát állítja be. Ötödik - # F9F9F9 - árnyék színe.

A kapcsolatfelvételi űrlap testreszabása 7 gomb

.buttons_form (kitöltés: 0px; magasság: 30px; szélesség: 150px! fontos; szegély: nincs! fontos; kurzor: mutató; szín: #fff; -webkit-border-radius: .5em; -moz-border-radius:. 5em; szegélysugár: 0,5 em; szín: #faddde; szegély: tömör 1px # 980c10; háttér: # d81b21; háttér: -webkit-gradiens (lineáris, bal felső, bal alsó, (# ed1c24), (#) aa1317)); háttér: -moz-linear-gradient (top, # ed1c24, # aa1317); szűrő: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# ed1c24", endColorstr = "# aa1317");)

Kapcsolatfelvételi űrlap 7 értesítési stílus

Ő a felelős a hibaüzenetekért vagy a sikeres beküldésekért.

Wpcf7 .wpcf7-validation-errors (szegély: nincs; háttérszín: # 246416; szín: #fff; margó: 0; kitöltés: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (szegély: nincs; háttérszín: # 7ad33f; margó: 0; kitöltés: 20px; -webkit-border-radius: 10px; -moz-border -radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ng (szegély: nincs; háttérszín: # 349622; margó: 0; kitöltés: 20px; -webkit-border-radius: 10px ; -moz-border-radius: 10px; border-radius: 10px; color: white;) .wpcf7 span.wpcf7-not-valid-tip (szegély: nincs; háttérszín: # 349622; kitöltés: 5px; padding- bal: 5 képpont; jobb oldali kitöltés: 5 képpont; szegélysugár: 10 képpont; szélesség: 290 képpont; szín: fehér; / * Vető árnyék * / -webkit-box-shadow: 3px 3px 3px rgba (0,0,0,0,3) ; -moz-box-shadow: 3px 3px 3px rgba (0,0,0,0,3); box-shadow: 3px 3px 3px rgba (0,0,0,0,3);)

És most a kényelem kedvéért a teljes kód megjegyzésekkel:

Wpcf7 (háttérszín: #ddd;) / * az űrlap háttérszíne * / .wpcf7 bemenet, .wpcf7 textarea (/ * A kód ezen része felelős a beviteli mezők, szövegterületek stílusáért * / kitöltés: 5px ; / * Beállítja a behúzást a mezők elemből a tartalma elé, bármilyen értéket megadhat, például 10px * / szín: # 1D1D1D; / * Szöveg színe a beviteli mezőkben * / font-family: Arial, Helvetica, sans- serif; / * A beviteli mezőkben lévő szöveg betűtípusa * / font -size: 16px; / * A szöveg mérete a beviteli mezőkben * / sor magassága: 20 képpont; / * A sor magassága a beviteli mezőkben * / keret: 1px szilárd # C7C7C7; / * A mezők körüli szegély. Az első érték a szélesség pixelben, a második - a keret stílusa, a harmadik - a színe * / box-shadow: beszúrás 2px 2px 8px # F9F9F9; / * Shadow beviteli mezőkből.2px - eltolás az x tengely mentén, 2px - eltolás az y tengely mentén, 8px - az árnyék elmosódási sugara, # F9F9F9 - árnyék színe * / -webkit-transition: mindez 0,2 másodperces könnyedséggel; -moz- átmenet: minden 0,2 mp-es egyszerű; -o-átmenet: minden 0,2 mp-es könnyű; átmenet: minden 0,2 másodperces könnyű 25 képpont ;) .w pcf7 .wpcf7-list-item bemenet (szegély: nincs; padding-bal: 0; margó-bal: 0; ) .wpcf7 select (vázlat: nincs; font-size: 16px; font-family: Arial, Helvetica, sans-serif;) .wpcf7 bemenet: hover, .wpcf7 bemenet: fókusz, .wpcf7 bemenet: aktív, .wpcf7 szövegterület: hover, .wpcf7 textarea: fókusz, .wpcf7 textarea: active (/ * Ez a rész felelős a beviteli mezők stílusáért, ha az egérmutató föléjük kerül * / háttér: #FDFDFD; / * A beviteli mező háttere, ha az egérmutató rajta van * / körvonal : nincs; / * A szövegbeviteli mező külső szegélye * /) .wpcf7 input.wpcf7-submit (/ * A kód ezen része felelős a Küldés gomb stílusáért a programban form * / -webkit-transition: 0; -moz-transition: 0; - o-transition: 0; átmenet: 0; szegély: nincs; / * Szegély a gomb körül * / pozíció: relatív; szín: #fff; / * Szövegszín * / szöveg-átalakítás: nagybetűk; / * Szövegátalakítás (a nagybetű azt jelenti, hogy a gombon lévő szöveg jelenik meg nagybetűvel) * / / * Lekerekített gombsarkok. A következő három tulajdonság értékének azonosnak kell lennie, mivel ugyanazok, csak különböző böngészőkhöz * / -webkit-border-radius: 6px; / * Sarkok lekerekítése Chrome-hoz * / -moz-border-radius: 6px; / * Sarkok lekerekítése Mozilla FireFox esetén * / border-radius: 6px; / * Sarkok lekerekítése minden más böngészőhöz, beleértve a mobilokat is * / font-size: 14px; / * A gomb szövegének mérete * / font-weight: félkövér; / * Szövegstílus (a félkövér félkövért jelent) * / padding-top: 11px; / * Felső padding az elem szélétől a tartalomig * / padding-bottom: 10px; / * Kitöltés az elem szélének aljától a tartalomig * / padding-left: 35px; / * Kitöltés az elem szélétől balra a tartalomig * / kitöltés jobbra: 35px; / * Behúzás az elem szélétől jobbról a tartalomig * / / * Gradiens háttér - Gradiens háttér a gomb * / háttérszín: # 000000; / * A gomb háttérszíne, ha a színátmenetet a böngésző nem támogatja * / / * A következő tulajdonságokban a színeket azonosan kell megadni, mivel ugyanazok, csak különböző böngészőkhöz. Nézzük meg az első ingatlant. A from (# 676767), to (# 3B3B3B) rész azt jelenti, hogy meg kell jeleníteni a színátmenetet, ahol az átmenet a # 676767 színről a # 3B3B3B színre megy * / háttér: -webkit-gradient (lineáris, bal felső, bal alsó, (# 676767) -től (# 3B3B3B)); háttér: -moz-linear-gradient (felső, # 349622, # 246416); szűrő: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 349622", endColorstr = "# 246416"); -ms-filter: "progid: DXImageTransform.Microsoft.gradient (startColorstr = # 349622, endColorstr = # 246416)"; / * Dobó árnyék – A gomb árnyéka. Az árnyék színe az RGBA-ban van megadva * / -webkit-box-shadow: 0 2px 5px rgba (0,0,0,0,3); -moz-box-shadow: 0 2px 5px rgba (0,0,0,0,3); box-shadow: 0 2px 5px rgba (0,0,0,0,3); ) / * Lebegtetéskor – A gomb stílusa lebegtetéskor. Minden majdnem ugyanaz, mint az előző blokkban * / .wpcf7 input.wpcf7-submit: hover (kurzor: mutató; szövegdekoráció: nincs; háttérszín: # 000000; háttér: -webkit-gradiens (lineáris, bal felső , bal alsó, innen (# 246416), ide (# 349622)); háttér: -moz-linear-gradient (felső, # 246416, # 349622); szűrő: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 246416 ", endColorstr =" # 349622 "); -ms-filter:" progid: DXImageTransform.Microsoft.gradient (startColorstr = # 246416, endColorstr = # 349622) ";) / * Kattintáskor - a gomb stílusa, amikor rákattint . majdnem ugyanaz, mint az előző blokkban * / .wpcf7 input.wpcf7-submit: aktív (felső: 1px; szín: # d8c6e2; / * A gomb szövegének színe kattintáskor * / háttérszín: # 000000; háttér : -webkit-gradient (lineáris, bal felső, bal alsó, (# FF0000), (# 246416) között; háttér: -moz-linear-gradient (top, # FF0000, # 246416); szűrő: progid: DXImageTransform . Microsoft.gradient (startColorstr = "# FF0000", endColorstr = "# 246416"); -ms-filter: "progid: DXImag eTransform.Microsoft.gradient (startColorstr = # FF0000, endColorstr = # 246416) "; -webkit-box-shadow: nincs; -moz-box-shadow: nincs; box-shadow: nincs; ) / * CF7 üzenetek – A sikeres küldésről, hibákról stb. szóló üzenetek stílusa. * / .wpcf7 .wpcf7-validation-errors (/ * Az érvényesítési hibákhoz tartozó üzenetek stílusa * / szegély: nincs; / * Az üzenetblokk kerete * / háttérszín: # 246416; / * Háttér * / szín: #fff ; / * Szöveg színe * / margó: 0; / * Külső kitöltés * / Padding: 20px; / * Kitöltés * / / * Sarkok lekerekítése különböző böngészőkhöz - a következő 3 tulajdonság * / -webkit-border-radius: 10px; - moz-border -radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (/ * A sikeres küldésről szóló üzenetek stílusa * / border: nincs; / * Üzenetblokk kerete * / háttér -szín: # 7ad33f; / * Háttér * / margó: 0; / * Külső kitöltés * / kitöltés: 20px; / * Kitöltés * / / * Sarkok lekerekítése különböző böngészőkhöz - a következő 3 tulajdonság * / -webkit-border-radius : 10px; -moz- border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ng (szegély: nincs; háttérszín: # 349622; margó: 0; kitöltés: 20px; - webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: white;) .wpcf7 span.wpcf7-not-valid-tip (szegély: nincs; backgrou nd-szín: # 349622; padding: 5px; padding-bal: 5px; padding-right: 5px; határsugár: 10 képpont; szélesség: 290 képpont; fehér szín; / * Dobó árnyék * / -webkit-box-shadow: 3px 3px 3px rgba (0,0,0,0. 3); -moz-box-shadow: 3px 3px 3px rgba (0,0,0,0,3); box-shadow: 3px 3px 3px rgba (0,0,0,0,3); ) .wpcf7-form .fleft (float: left;) .wpcf7-form .mright20 (margin-right: 20px;) .wpcf7-form .mright40 (margin-right: 40px;) .wpcf7-form .clear (clear: mindkét;)

Részletes utasítások a WordPress-webhelyek visszajelzési űrlap-bővítményének telepítéséhez, konfigurálásához és használatához. Kapcsolatfelvételi űrlap 7 beépülő modul bekapcsolva Ebben a pillanatban kategóriájában a legjobb.

Azt, hogy még a fizetős bővítmények között sincs egyértelmű alternatíva, a Contact Form 7 beépülő modul használatának gyakorisága alapján ítélhető meg, a jelen írás idején ezt a plugint több mint 28.800.000 alkalommal töltötték le csak a hivatalos WordPress oldalról, és az átlagos értékelés 4,5 az 5-ből! Ez valóban a nagy siker mutatója. Ezen kívül, ha megnézi a legkeresettebb prémium WP témákat, szinte mindegyikben megtalálja a Contact Form 7 beépülő modult, amely ajánlott vagy alapértelmezés szerint telepítve van.

Kapcsolatfelvételi űrlap 7 plugin "élő", frissíti a szerző mindegyikkel új verzió WordPress. A hibákat és hibákat azonnal kiküszöböljük. Nem azonosítottak nyilvánvaló ütközéseket a leggyakrabban használt bővítményekkel.
A Contact Form 7 plugin teljesen ingyenes, beleértve. számára kereskedelmi használat... A bővítmény telepítése után a beállítások panelen megjelenik a szerző „adományozási” kérése.

A Contact Form 7 beépülő modul telepítése

A Contact Form 7 beépülő modult letöltheti a hivatalos WordPress webhelyről (link fent), vagy közvetlenül a lapon keresztül "Plugins"> "Új hozzáadása"> "Kereső bővítmények" sor meghajtó a "Kapcsolatfelvételi űrlap 7"-ben... Ne felejtse el aktiválni a bővítményt, mielőtt elkezdené: "Plugins"> "Telepítve"> keresse meg a bővítmény kapcsolatfelvételi űrlapját 7> kattintson az "Aktiválás" gombra.... Egy új „Kapcsolatfelvételi űrlap 7” elem jelenik meg webhelye oldalsó adminisztrációs panelén.

A Contact Form 7 beépülő modul konfigurálása

Ami jó, az az, hogy a Contact Form 7 beépülő modul alapértelmezés szerint többnyelvű. Ha a WordPress verziója orosz nyelvű, akkor a bővítmény is teljesen orosz nyelvű lesz, és bármilyen nyelven létrehozhat visszajelzési űrlapot. Az űrlap nyelve az egyes űrlapok létrehozása során kerül megadásra. A beállításoknak nincs külön szakasza, minden beállítás egyedi minden egyes űrlaphoz.

Példa visszajelzési űrlap hozzáadására

1. Válassza a lehetőséget az adminisztrációs panelen "Kapcsolatfelvételi űrlap 7"> "Űrlapok"> gombra az "Új hozzáadása" oldalon.

2. A rendszer kéri, hogy válasszon nyelvet az űrlaphoz. Az alapértelmezett az "orosz". Megnyomjuk az "Új hozzáadása" gombot
3. Megnyílt előtted egy ablak, ahol elkészítheted az űrlapodat a beállításaiddal.

A lehetőségek széleskörűek, de szeretnék rögtön néhány jellemzőt kiemelni. Az ablak, amelyben megnyílt, több fület tartalmaz: "Űrlapsablon", "Level", "Értesítések az űrlap beküldésekor", "További beállítások". Utolsó lap nincs rá szüksége, inkább a haladó felhasználók és programozók testreszabása. Nézzük meg közelebbről a többit.

"Űrlapbeküldési értesítések"- ezeket az üzeneteket látja a webhely látogatója, amikor űrlapot küld el. Lehetőségeket tartalmaz mind a sikeres, mind a hibákat és kudarcokat tartalmazó üzenetekhez. Ezeket a rendszerüzeneteket saját belátása szerint módosíthatja.

"Űrlapsablon"- ebben a részben címkéket fog generálni, amelyek felelősek a kötelező mezők meglétéért az űrlapon.

"Levél"- így néz ki és tartalma a levél, amelyet az űrlap kitöltése után kap meg.

FIGYELEM: most elemezzük, melyek azok a címkék, és milyen mezőket hoznak létre. Mindezek a címkék az "Űrlapsablon" fülön vannak megadva, de ha nem kézzel (!) adja meg a "Válaszcímkéket" a "Levél" fülön, akkor a kitöltött űrlapok nem érkeznek meg teljesen az Ön leveléhez.

4. A címkék beállításai az „Űrlapsablon” lapon.

- szöveg: szövegdobozt ad hozzá (rövid).
- email: mező az e-mailekhez.
- URL: mező a webhely címének vagy bármely hivatkozás jelzésére.
- tel: kapcsolattartó telefonszám mező
- szám: mező, amelybe csak számérték írható be
- dátum: dátumformátum mező
- szöveges terület: hozzáad egy szövegdobozt (hosszú).
- legördülő menü: legördülő lista. A mezőnek van további beállítások... A kieső lista az „Opciók” mezőben látható. Sőt, a lista egy eleme egy sorban (nem vesszővel elválasztva!). Ha a „Több kijelölés engedélyezése” be van jelölve, a felhasználó egynél több lehetőséget is kiválaszthat a listából. Ha az „Üres elem beszúrása első lehetőségként” mellett van egy pipa, akkor alapértelmezés szerint egy üres mező kerül a tetejére, amelyet a felhasználó is kiválaszthat.

- jelölőnégyzetek: Jelölőnégyzet (pipák). A mező több beállítással rendelkezik. A jelölőnégyzetek listája az „Opciók” mezőben látható. És egy jelölőnégyzet egy sorban (nem vesszővel elválasztva!). Ha van egy pipa „Először egy címkét, egy jelölőnégyzetet utoljára” mellett, akkor alapértelmezés szerint a jelölőnégyzet az első jelölőnégyzetnél lesz. Ha a „Kijelölőnégyzetek kizárólagossá tétele” elem be van jelölve, akkor a felhasználó csak az egyik jelölőnégyzetet tudja bejelölni.

- rádiógombok: rádiógombok. A választógombokkal mindig csak egy elemet választhat ki a listából. A lista bevitele hasonló az oszlopban lévő jelölőnégyzetekhez. A beállítások közül engedélyezheti a „Cimke először, egy jelölőnégyzet utoljára” lehetőséget, ekkor a lista első választógombja lesz bejelölve alapértelmezés szerint.

- elfogadás: jelölőnégyzetet, anélkül, hogy bejelölné azt a négyzetet, amelyre az üzenet nem kerül elküldésre. Valójában ez egy lehetőség arra, hogy a felhasználó feltétlen beleegyezését vegye valamihez, különben a levél nem kerül elküldésre. Például: "Ön beleegyezik abba, hogy az Ön által megadott információkat üzemeltetőink feldolgozzák."

- kvíz: plugin innováció. Ez a mező lehetővé teszi kérdés és válasz létrehozását. Ideális spam elleni védelemhez. Tekintse meg a kérdés és válasz formázását a címkegenerálási űrlapon.

Bármely mező kötelezővé tehető (általában *-gal vannak jelölve), ehhez be kell jelölni a négyzetet Mezőtípus> Kötelező mező. Figyelem! Ne felejtse el a szövegben jelezni a felhasználóknak, hogy a mezőt ki kell tölteni!

- CAPTCHA: A captcha csak kiegészítő beépülő modulként van telepítve. De elvileg a kvíz címkével sokkal kevésbé kell egy csepp.

- fájl: a mező létrehoz egy címkét, amely lehetővé teszi a felhasználó számára, hogy fájlt csatoljon az üzenethez. A címkebeállításokban megadhatja a csatolt fájl maximális méretét, a „Fájlméret korlátja (byte)”, az engedélyezett fájltípusokat (vesszővel elválasztott kiterjesztések). Figyelem, ha nem adja meg a csatolt fájl maximális méretét, akkor azt alapértelmezés szerint a kiszolgáló képességei határozzák meg. A korlátozásokról pontos információkat a hosting cégtől kaphat. Általában a maximális méret 10 MB.

submint: a címke hozzáad egy "Küldés" gombot (a név megváltoztatható).
Ez egy képernyő az összes általam generált címkével, lent pedig az oldalon található űrlap képernyője. Kérjük, vegye figyelembe, hogy az „Űrlapsablon” támogatja a HTML-címkéket, ezért a következő magyarázatokat használom a felhasználók számára. HTML használatával címkéket.

5. A "Letter" fül.

Most menjünk az Önnek elküldött levél generálására szolgáló űrlaphoz, és adjuk hozzá az „űrlapsablonban” használt címkéket. Ügyeljen a képernyőre. A levél törzsében nem szereplő mezők a lap tetején feketén jelennek meg, a levélben található mezők pedig szürkén jelennek meg.

Hozzáadjuk őket az üzenet törzséhez ("Üzenettörzs" mező): csak másolja ki a feketével kiemelt címkéket, és illessze be őket az üzenet törzsének alakjába. Felhívjuk figyelmét, hogy a címkékben feltüntetett számok megegyeznek az űrlapsablonban megadott egyedi mezőszámokkal. Így beazonosítható, hogy melyik mező mire hivatkozik, és közvetlenül a levél törzsében aláírhatja, hogy később ne keveredjen össze.
Mentjük a változtatásokat.

6. Űrlap telepítése az oldalon.

Az űrlap létrehozására szolgáló oldalról másolja ki a rövid kódot (általában kékkel vagy barnával van kiemelve), és illessze be bármely oldalba vagy bejegyzésbe.

Pro és kontra dióhéjban

profik
+ nagyszámú mezőtípusok
+ többnyelvű támogatás
+ könnyű használat
+ ingyenes
+ megbízható
+ nem ütközik más bővítményekkel
+ A Contact Form 7 plugin fejlesztés alatt áll

Mínuszok:
- nem szabad megfeledkeznünk további címkékről sem a generált betűnél
- a forma és a betű kialakítása minimális HTML ismeretet igényel

Következtetés: határozottan nagyszerű szerkesztő, ha nem a legjobb! Elégedett a rugalmassággal, megbízhatósággal és stabilitással. Ha kifizetnék, akkor is megveszik, hiszen nincs más minőség a közelében. A Contact Form 7 plugint ajánlom.