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

Ennek a bővítménynek a telepítésével és csatlakoztatásával foglalkoztunk a "" leckében, most ezzel fogunk foglalkozni további jellemzők 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 űrlap paramétereinek 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, ezért módosítsa az űrlap nevét. Ehhez kattintson az űrlap nevére 1 .

A 2. számú blokkban látható, hogy mi fog megjelenni az űrlapon lévő oldalon. 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. számú legördülő listára - "Címke generálása" é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ájl küldése
  • küldés gombra

A tippek és űrlapmezők alapértelmezés szerint a következőképpen vannak elrendezve: felül egy tipp, alul egy elem. 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 leírásokat és elemeket tartalmazó teljes blokknak 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ármilyen hozzáadott funkció szükséges, jelölje be az 1-es négyzetet, és ne felejtse el beírni a leírásba.

Hozzáadhat a beviteli mezőhöz 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 írjon be egy tippet a mellette lévő mezőbe. Amikor kitölti ezt a mezőt az űrlapon, az eszköztipp szövege eltűnik. Ezután kövesse a plugin utasításait. Az eredmény egy ehhez hasonló mező a kész formában:

A levélsablonba feltétlenül illessze be a kódot, különben ebből a mezőből az adatok nem kerülnek postára! Ez nem csak a szövegmezőkre vonatkozik, hanem minden más elemre is.

Email

A feladó postafiók címének átadására szolgál az űrlapnak

URL

Lehetővé teszi webhelycím hozzáadását az űrlaphoz.

Telefonszám

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

Szám (spinbox)

Egy mező, ahol beállíthatja valaminek, például egy terméknek a mennyiségét. A mennyiséget a fel/le nyilakkal lehet beállítani.

dátum

Beszúr egy naptárt az űrlapba dátum kiválasztásának lehetőségével. Például egy szállodai szobák lefoglalására 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, é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 elemet egy nagy listából, például városok, utcák, áruk listájából.

A listát a Választási mezőben kell elhelyezni, minden elemet új sorban.

Jelölőnégyzetek

A jelölőnégyzet vagy fejlesztői szakzsargonban jelölőnégyzet egy jelölőnégyzetet létrehozó elem. Ennek a mezőnek két állapota van – bejelölve vagy nem. Többféle kiválasztás lehetséges. Csak egy sorban helyezkednek el, ha bejelöli a „Kizáróvá teszi a jelölőnégyzeteket?” négyzetet. akkor csak egy opció választható ki.

rádiógombok

A kapcsolók (szleng rádiógombok) akkor használatosak, ha egyetlen opciót kell kiválasztani a több javasolt közül. Ha bejelöli az "Először a címkét, majd a 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. Vállaljon beleegyezést a fent leírt feltételek elfogadására.

Kérdés

Ez az első védelmi vonal a spam ellen, a legelemibb. A beállításban írjon valamilyen kérdést, használhat számokat, használhat betűket vagy mindkettőt, é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álaszt. A képletben a helyes válasz a | jel után van írva (függőleges sáv)

Spam elleni védelmet ad az űrlaphoz.

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

A beállításokat nem módosíthatja, a küldés gomb előtt 2 sort másolhat és illeszthet be.

Fájl küldése

Az űrlaphoz csatolhat egy fájlt az üzenet küldéséhez. A beállításokban megadhatja maximális méret bájtokban, és a feltöltéshez engedélyezett formátumok, pl. .jpg .tiff .doc

küldés gombra

Az űrlap beküldése. A "Parancsikon" részben található beállításokban - megadhatja a gomb nevét (Küldés, válasz, küldés 🙂)

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

Mivel a bővítmények frissítési tulajdonságokkal rendelkeznek, változások megjelenés Az űrlapok a style.css webhelytéma-stílusfájlban lesznek előállítva

A 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 textarea( padding:5px; color:#1D1D1D; font-family:Arial, Helvetica, sans-serif; font-size: 16 képpont; vonalmagasság: 20 képpont; szegély: 1 képpont tömör #C7C7C7; doboz-árnyék: beillesztés 2px 2px 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ű input(szegély: nincs; padding-left: 0; margin-left: 0; ) .wpcf7 select( outline: none; font-size:16px; font-family:Arial, Helvetica, sans-serif; ) .wpcf7 input: hover, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:hover, .wpcf7 textarea:focus, .wpcf7 textarea:active ( háttér: #FDFDFD; vázlat: nincs; )

Mi van itt mi.

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

  1. párnázás- beállítja a behúzást a tartalomtól az elem határáig. Itt - a behúzás a mezőbe beírt szövegtől a mező határáig. Az érték pixelben Xpx, 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- keret a beviteli mező körül
  7. doboz árnyéka blokk árnyék. betét azt jelzi, hogy az árnyék belső. Ha külső árnyékot szeretne, 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 adja meg. Ötödször - #F9F9F9 - az á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-gradient(lineáris, bal felső, bal alsó, from(#ed1c24), to(#) 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

Felelős a hibák vagy a sikeres benyújtások bejelentéséért.

Wpcf7 .wpcf7-validation-errors( border:none; background-color:#246416; color:#fff; margin:0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ok( -radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ng( border:none; background-color:# 349622; margin:0; padding:20px; ; -moz-border-radius: 10px; border-radius: 10px; color: white; ) .wpcf7 span.wpcf7-not-valid-tip( border:none; background-color :#349622; padding: 5px; padding-bal: 5px; padding-right: 5px; border-radius: 10px; szélesség: 290px; szín: fehér; /* Dob shadow */ -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 ( background-color:#ddd; ) /*forma háttérszíne */ .wpcf7 input, .wpcf7 textarea( /* A kód ezen része felelős a beviteli mezők, szövegterületek stílusáért */ padding:5px; /* Beállítja a kitöltést a mezők elemből a tartalma elé, tetszőleges értéket adhatunk, például 10px */ color:#1D1D1D /* Szöveg színe a beviteli mezőkben */ font-family:Arial, Helvetica, sans-serif; /* Szöveg betűtípus a beviteli mezőkben */ font -size:16px; /* Szövegméret a beviteli mezőkben */ sormagasság: 20 képpont; /* Vonalmagasság a beviteli mezőkben */ szegély: 1 képpont tömör #C7C7C7; /* Szegély Az első érték a szélesség pixelben, a második a doboz stílusa, a harmadik a színe */box-shadow: inset 2px 2px 8px #F9F9F9; /* Box shadow 2px - x offset, 2px - y offset, 8px - árnyék elmosódási sugara, #F9F9F9 - árnyék színe */ -webkit-átmenet: minden 0,2 mp-es könnyedség; -moz-átmenet: minden 0,2 mp-es könnyű; -o-átmenet: minden 0,2 mp-es könnyű; átmenet: minden 0,2 mp-es könnyű; ) .wpcf7 .wpcf7-list- item( padding-left: 0; margin-left: 0; margin-right: 25px; ) .w pcf7 .wpcf7-list-item input( border: none; padding-bal: 0; margó-bal: 0; ) .wpcf7 select( outline: none; font-size:16px; font-family:Arial, Helvetica, sans-serif; ) .wpcf7 input:hover, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea: hover, .wpcf7 textarea:focus, .wpcf7 textarea:active ( /* Ez a rész felelős a beviteli mezők stílusáért, amikor az egérmutatót föléjük viszi */ háttér: #FDFDFD; /* A beviteli mező háttere ha az egérmutatót fölé viszi */ körvonal : nincs; /* A szövegbeviteli mező külső szegélye */ ) o-átmenet: 0; átmenet: 0; szegély: nincs; /* Szegély a gomb körül */ pozíció: relatív ; szín: #fff; /* Szöveg színe */ text-transform: nagybetűs; /* Szövegátalakítás (a nagybetű azt jelenti, hogy a gombon lévő szöveg jelenik meg nagybetűvel) */ /* Kerekítse le a gomb sarkait. A következő három tulajdonság értékének meg kell egyeznie, mivel azonosak, csak a következőre különböző böngészők*/ -webkit-border-radius: 6px; /* Lekerekített sarkok a Chrome-hoz */ -moz-border-radius: 6px; /* Lekerekített sarkok Mozilla FireFoxhoz */ border-radius: 6px; /* Lekerekített sarkok minden más böngészőhöz, beleértve a mobilt is */ font-size: 14px; /* A gomb szövegének mérete */ font-weight: bold; /* Szövegstílus (a vastag félkövért jelent) */ padding-top: 11px; /* Felső kitöltés az elem szélétől a tartalomig */ padding-bottom: 10px; /* Kitöltés az elem aljától a tartalmáig */ padding-left: 35px; /* Kitöltés az elem szélétől balra a tartalmához */ kitöltés jobbra: 35px; /* Kitöltés jobbra az elem szélétől a tartalomig */ /* gradiens háttér - Gradiens gomb háttér */ 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 ugyanúgy 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ítenünk egy színátmenetet, ahol a #676767) színtől átmenet van a #3B3B3B színre */ háttér: -webkit-gradient(linear, left top, bal alsó, from( #676767), to(#3B3B3B)); háttér: -moz-linear-gradient(top, #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 RGBA-ban megadott árnyékszín */ -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ílusának módosítása, amikor az egérmutatót lebegteti. Minden majdnem ugyanaz, mint az előző blokkban */ .wpcf7 input.wpcf7-submit:hover( kurzor: pointer; szövegdekoráció: nincs; háttérszín: #000000; háttér: -webkit-gradient(lineáris, bal felső , bal alsó, from(#246416), to(#349622)); háttér: -moz-linear-gradient(top, #246416, #349622); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="# 246416" ", endColorstr="#349622"); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#246416, endColorstr=#349622)"; ) /* Kattintáskor - gombstílus, amikor rákattint, szinte a ugyanaz, mint az előző blokkban */ .wpcf7 input.wpcf7-submit:active( top: 1px; color: #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ó, from(#FF0000), to(#246416)); 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; doboz-árnyék: nincs ) /* CF7 üzenetek – A sikeres küldésről, hibákról stb. szóló üzenetek stílusa. */ .wpcf7 .wpcf7-validation-errors( /* Üzenetstílus érvényesítési hibákhoz */ border:none; /* Üzenetblokk szegélye */ background-color:#246416; /* Háttér */ color:#fff; /* Szöveg színe */ margó: 0; /* Külső kitöltés */ padding:20px; /* Belső kitöltés */ /* Kerekítés a böngészők között - a következő 3 tulajdonság */ -webkit-border-radius: 10px; -moz- border -radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ok( /* Sikerüzenet stílusa */ border:none; /* Üzenetblokk szegélye */ background-color:#7ad33f; / * Háttér */ margó: 0; /* Külső kitöltés */ padding:20px; /* Belső kitöltés */ /* Kerekítés a böngészők között - a következő 3 tulajdonság */ -webkit-border-radius: 10px; -moz- border-radius: 10px; border-radius: 10px; ).wpcf7 .wpcf7-mail-sent-ng( border:none; background-color:#349622; margin:0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: white; ) .wpcf7 span.wpcf7-not-valid-tip( border:none; backgrou nd-color:#349622; padding:5px; padding-bal: 5px padding-right: 5px; border-radius:10px; 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; )

A kapcsolatfelvételi űrlap a legtöbb webhely elengedhetetlen tulajdonsága. Ezért van olyan sok kapcsolatfelvételi űrlap-bővítmény a WordPress könyvtárában. Az egyik legnépszerűbb a Contact Form 7. A bővítmény lehetővé teszi bármilyen űrlap létrehozását; nagyon rugalmas és könnyen beállítható; évek óta fejlődik, és számos fejlesztést tartalmaz.

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

Űrlapok létrehozása az adminisztrátorban

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 automatikusan létrejött a plugin aktiválásakor.

Az alapértelmezett űrlapot használjuk, ehhez létrehozunk egy "Kapcsolatfelvétel" oldalt, és oda szúrjuk be az űrlap rövid kódját.

Az oldal eleje

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 a nyomtatvány alján található közlemény utal).

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

A fenti példa bemutatja, hogyan kell beszúrni egy kész és nagyon egyszerű kapcsolatfelvételi űrlapot. És most nézzük meg, hogyan lehet létrehozni egy űrlapot nehezebb. Ehhez visszatérünk az adminisztrációs panelhez, az űrlapkezelőhöz, és továbblépünk az alapértelmezett űrlap szerkesztéséhez.

A felső mezőben - az űrlap neve (csak az adminisztrációs panelen látható), jelöljön meg egy olyan nevet, amely egyértelmű az Ön számára, például: "Visszajelzés az oldalról", "Állási jelentkezési űrlap", "Űrlap" Visszacsatolás" stb.

A cím 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 a WP HTML szerkesztő. 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:

É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 shortcode konstruktor segítségével.

De a konstruktor nem engedi megváltoztatni a rövid kódot (csak ott lehet rövid kódot létrehozni). 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. tanulmányozza a szintaxist, és kézzel javítsa ki a mező rövid kódját.

A tervezővel ezt magad is kitalálod.

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


Vegyük például a szövegmező címkéjét további beállításokkal:

Szöveg (kívánt) Mezőtípus: szöveg, kijelölés, jelszó, szám stb. (ebben az esetben egy szövegmező). Meghatározza, hogy a címkénk melyik űrlapelemre lesz konvertálva, ami azt jelenti, hogy milyen adatokat fogad el. * A csillag kötelezővé teszi a mező kitöltését (az űrlapot nem küldi 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 szerepel a bevitelben, és a kiküldött levél sablonjának kialakításánál is felhasználható. id:my-id Az id attribútum a bemeneten my-id értékkel. Díszítésre használt. osztály: az én osztályom osztály attribútuma bemenetben my-class értékkel. Díszítésre használt. helyőrző "(!LANG: Adjon meg egy nevet" Использовать текст "Введите имя" как placeholder. !}

Kövesse 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ók, listák: jelölőnégyzet , rádió , kijelölés
  • Fájl feltöltési mező: fájl
  • CAPTCHA: captchac és captchar
  • Szavazások: kvíz
  • "Elfogadás" mező: elfogadás
  • Beküldés gomb: elküld
  • Egyéni mezőtípus

Levél sablon

A második fülön finomhangolhatja az elküldött levél sablonját (elrendezését) és tulajdonságait. Ennek a fülnek a mezőiben speciális űrlapmező-címkéket használhatunk - ez lehetővé teszi az űrlapon megadott adatok elküldését a levélben.

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

E-mail fejlécek:

    Kinek - email doboz hová küldik az e-mailt. Tetszőleges számú mezőt megadhat vesszővel elválasztva.

    Feladó - név és e-mail cím, akitől a levél érkezett. Á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 – Az e-mail címe. Egyértelmű lesz, hogy melyik űrlapról küldték az adatokat. Például a levél tárgya "Hiba a webhelyen", "Visszahívási megrendelés" és így tovább. Válasszon egy címet, hogy megkönnyítse a kapott levelekkel való munkát.

  • További fejlécek - Reply-To: alapértelmezés szerint 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].
Betűtörzs

Ez a lap következő fontos része. Íme a levél szövege. 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 kapcsolatfelvételi űrlap 7 beépülő modul felfedezése (http://test-wp.ru) webhelyről küldve

4 mezőt töltött ki a felhasználó. Az e-mail elküldése után a címkék értékekké alakulnak, és ehhez hasonló e-mailt kapunk:

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 állíthatom be? -- Az Exploring Contact Form 7 Plugin webhelyről küldve (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 megkapjuk az Ember a városból ... Egy ilyen sor a levélben felesleges. Ha el szeretné távolítani ezt a sort az e-mailbő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 a rövid kód ugyanabban a sorban van.

"A levél HTML-formátumának használata" opció. Lehetővé teszi HTML-címkék használatát az e-mail törzsé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észletekért keressen a weben.

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 e-mailt kell küldenie a webhely rendszergazdájának teljes körű tájékoztatástés a menedzser számára egy másolat, amely csak a rendelési adatokat tartalmazza.

Űrlap beküldési értesítések

Ezen a lapon szerkesztheti, hogy az űrlap milyen üzeneteket jelenít meg egy adott szituációban: sikeres vagy sikertelen levélküldéskor, illetve hiba esetén.

A levélsablon-címkék nem működnek ezekben a mezőkben.

További beállítások

Ez a lap haladó felhasználóknak szól, és lehetővé teszi a JS kód használatát az űrlap lehetőségeinek bővítésére. Például akassza le az eseményeket az elemzéshez.

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

Minden webhelytulajdonos szeretne egy kapcsolatfelvételi űrlapot a felhasználók üzeneteinek küldésére és e-mailben történő fogadására. Ez az úgynevezett visszajelzési űrlap. Ez azt jelenti, hogy a látogató közvetlenül az oldalról küldheti el levelét a webmesternek anélkül, hogy kinyitná a postafiókját. A funkció megvalósításához a legjobb plugin A 7-es kapcsolatfelvételi űrlap nem küld e-maileket. A cikkem leírja a helyes a Contact Form 7 beépülő modul konfigurálása hogy minden megfelelően működjön.

Hogyan működik a Kapcsolatfelvételi űrlap 7 beépülő modulja

Ez az űrlap a webhely bármely oldalán található (csak ki kell másolnia a sort, és be kell illesztenie Jó helyen). Az oldal látogatója egy postafiókon keresztül tölti ki a kötelező mezőket (például neve, e-mail címe, üzenete) és a bővítményt (nevezzük "feladó") levelet küld egy másik postafiókba ( "befogadó").

vagyis 2 postafiókot kell regisztrálnia - feladót és címzettet. Jobb, ha a feladót Yandex mailben hozza létre, és a címzett a webhely hivatalos postafiókja.

A Contact Form 7 beépülő modul egy ideje leállt – nem küldött leveleket, hanem egyszerűen megfordította a letöltést. Találtam megoldást – telepítettem egy másik ingyenes WPForms Lite bővítményt. Beállítása nagyon egyszerű, nincs szükség további pluginok telepítésére az üzenetküldés konfigurálásához, de észrevettem, hogy nem minden e-mailnél működik. Az egyiken nem kaptam levelet, a másikon viszont elküldik.

A Contact Form 7 beépülő modul beállítása. Útmutató

1) Regisztráljuk a feladó mezőt a Yandex leveleken (bármilyen, nem számít, a neve nem fontos a bővítmény működéséhez, és nem lesz látható a látogatók számára). Levelek átrakóhelyeként szolgál majd.

2) A Contact Form 7 plugin kapcsolatfelvételi űrlapjának beállítása Kattintson a gombra "Változás"és tovább "Űrlapsablon". Íme egy példa arra, hogyan kell kinéznie a kötelező mezőkkel: felhasználónév, e-mail, üzenet és egy küldés gomb:

Az Ön neve (kötelező)

Az Ön e-mail címe (kötelező)

Üzenet

3) lapon "Levél" felelős a kapott levelek megjelenéséért.

Kinek- a címzett postafiók címe

Kitől – <адрес ящика отправитель>

Téma

Betűtörzs

Tehát kap egy levelet, amelyben a visszajelzési űrlap összes kitöltött mezője feltüntetésre kerül. Ezzel befejeződik a Contact Form 7 beépülő modul konfigurálása..

Figyelem! Ahhoz, hogy a Contact Form 7 beépülő modul e-maileket küldhessen, telepítenie kell egy másik WP-Mail-SMTP bővítményt. Ő fogja összekapcsolni a feladó és a címzett két e-mail címét, és végrehajtja a levélküldéshez szükséges rendszerfunkciókat.

A WP-Mail-SMTP bővítmény beállítása. Utasítás

Emailből- a feladó postafiók címe

Névből– például a szervezete vagy az Ön neve

postázó- a levélküldés funkciója. Válassza az "Összes WordPress e-mail küldése SMTP-n keresztül" lehetőséget.

SMTP gazdagép- a Yandex mail smtp.yandex.ru számára

SMTP port- a Yandex mail 465-höz

Titkosítás– SSL titkosítás használata

Hitelesítés– Igen: SMTP hitelesítés használata

felhasználónév– jelentkezzen be az e-mail feladóján

Jelszó- jelszó az e-mail feladóján

A beállítás befejeződött. Mentse el a változtatásokat.

7. kapcsolatfelvételi űrlap elhelyezése egy oldalon

A kapcsolatfelvételi űrlap beállításainál ügyeljen a felül lévő sorra:

Bármely oldalra ki kell másolni és beilleszteni. Minden készen áll.

Nem okoz nehézséget, különösen az én utasításaim szerint. Minden jól működik, e-maileket küldenek. Azt is javaslom, hogy olvassa el a WordPress legjobb megoldásairól szóló cikket. Ott sok érdekességet találsz.

Jó napot kedves blogolvasók. Folytatjuk a visszajelzési űrlapok témáját a WordPress-en. És mivel róluk beszélünk, ma azt javaslom, hogy beszéljünk a WP Contact Form 7 bővítményről. Ezután elmondom a bővítmény lépésről lépésre történő beállítását, és röviden leírom a bővítmény kiegészítőit is.

Oldalnavigáció:

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

2) Aktiválja a Contact Form 7 beépülő modult a WordPress adminisztrátorában.

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 már ki lehet másolni és beilleszteni egy bejegyzésbe vagy oldalsávba az űrlap megjelenítéséhez - contact-form-7 id="1252" title="(!LANG:Űrlapszám 1" (надо взять в квадратные скобки как на рисунке).!}

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

Természetesen 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 be.

A 7-es kapcsolatfelvételi űrlap tetszőleges helyen történő megjelenítése a sablonban

A 6. bekezdésben lépésről lépésre történő beállítás Megmutattam, hogyan veheted át a CF7 kód rövid kódját, és leírtam, hogy ez a kód megjeleníthető widgetben vagy bejegyzésben, 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:

Ez minden, ha mindent jól csináltál, akkor a 7-es kapcsolatfelvételi űrlap kimenete a WordPress sablon tetszőleges helyén fog megjelenni.

A 7. kapcsolatfelvételi űrlap beviteli mezőinek testreszabása

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

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

NÁL NÉL új verzió CF7 bővítmény 4.4 és újabb, 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őrről nézve ez az ajánlás problémát okoz:

Hogyan lehet választ adni a felhasználónak a levelezőtől?

Ha csak a válaszra kattint, akkor mi válaszolunk saját leveleinkre, sőt mi magunk válaszolunk. Ez nagyon kényelmetlen, mert manuálisan kell bemásolnunk a felhasználó címét a levelezőbe, és csak utána válaszolni.

A probléma megoldása, és mint mindig, egyszerű. szükséged van a terepen További fejlécek kód hozzáadása:

Válaszolni:

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


Most, amikor megkapja a WordPress visszajelzési levelét, kattintson a levélre a válaszhoz, és a válasz a megfelelő e-mailre kerül elküldésre.

Ha ezen lépések után problémába ütközik, a hivatkozásra kattintva olvassa el a bejegyzést. A főbb problémákat és a problémák okait a Contact Form 7 plugin ismerteti.

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

Ez az anyag részletesen leírja a Kapcsolatfelvételi űrlap 7 konfigurációját – egy olyan beépülő modult, amely egy olyan népszerű platformhoz használható webhelyek létrehozására és népszerűsítésére a globális weben, mint a WordPress. Ezzel a szoftvereszközzel kapcsolatfelvételi űrlapokat hozhat létre és konfigurálhat.

Egy kicsit a WordPress-ről

Az egyik legnépszerűbb és legelterjedtebb fejlesztői és tartalomkezelő eszköz információs források a WordPress. Kezdetben ezt szoftver egyszerű blogok létrehozására összpontosított. De aztán a szakosodott szakemberek kiegészítették a funkcionalitását, ami lehetővé tette más internetes források létrehozását ezzel a tartalomkezelő rendszerrel.

A webhelyek létrehozására és népszerűsítésére szolgáló platform erősségei és gyengeségei

Ennek előnyei szoftver platform ilyen:

    A forráskódok egyszerűsége és nyitottsága.

    Lenyűgöző mennyiségű háttérinformáció.

    Lehetőség bármilyen tematikus forrás fejlesztésére az interneten a lehető legrövidebb idő alatt.

    Nagy teljesítmény további szoftverbővítmények (bővítmények) nélkül.

De a hátrányok ebben az esetben a következők:

    A "Wordpress" alapján létrehozott webhelyek nem fognak megbirkózni a nagy terhelésekkel.

    Csökken az internetes erőforrás teljesítménye további miniprogramok vagy, ahogyan más néven, beépülő modulok telepítésekor.

és miért van szükségük a WordPress platformon alapuló webhelyekre

Az olyan tartalomkezelő rendszerek alapvető funkciói, mint a WordPress, nagyon szerények. Éppen elég a legalapvetőbb blogok és weboldalak fejlesztése. A szoftverplatform funkcionalitásának javítása és a rugalmasság növelése érdekében a fejlesztőknek speciális miniprogramokat kell telepíteniük, amelyeket a szakmai zsargonban plug-ineknek neveznek. Az egyik ilyen a Kapcsolatfelvételi űrlap 7. A beépülő modul beállítása lehetővé teszi egy kibővített funkcionalitású visszajelzési űrlap létrehozását a tartalomkezelő rendszer egy adott oldalán.

Szakterület "Kapcsolatfelvételi űrlapok 7"

Amint azt már korábban említettük, a Wordpress platformon alapuló internetes forrás látogatója és adminisztrátora közötti visszacsatolás létrehozása a 7-es kapcsolatfelvételi űrlap fő feladata. A levelezés beállítása, sablon szerkesztése, különféle fájlok küldése messze nem a lehetőségek teljes listája. hogy ez a mini program. Ugyanakkor az oldal hardver erőforrásainak terhelése viszonylag csekély lesz, és jelenléte nem vezet jelentős mértékben az oldal vagy a blog teljesítményének csökkenéséhez.

Plugin telepítési sorrend

Háromféleképpen telepíthet beépülő modulokat a WordPress platformra:

    Egy ZIP archívum letöltésével a globális webről, és "feltöltve" az internetes erőforrás megfelelő könyvtárába.

    Különféle FTP kliensek használata.

A bővítmények telepítésének három lehetősége közül a legbiztonságosabb az utolsó. Ebben az esetben programozási kód a hivatalos oldalról van letöltve, és határozottan nem tartalmaz különféle rosszindulatú, veszélyes töredékeket. A plugin telepítésének sorrendje ebben az esetben a következő:

    Lépjen a WordPress adminisztrációs panelre.

    Ezután lépjen a „Bővítmények” részre.

    A megnyíló ablakban válassza az "Új hozzáadása" lehetőséget.

    A keresősávba írja be a bővítmény nevét - Kapcsolatfelvételi űrlap 7 -, majd vigye az egeret a "Keresés" gombra, és kattintson egyetlen kattintással. Ezt követően megkezdődik a keresési művelet. szoftver.

    A befejezés után megjelenik a talált bővítmények listája. Ebben a listában megtaláljuk azt, amelyre szükségünk van, és kattintson a vele szemben található "Telepítés" gombra.

    Ezt követően a tartalomkezelő rendszer automatikusan letölti és telepíti ezt a bővítményt.

    A következő lépés a telepített szoftver aktiválása. Ehhez lépjen a "Bővítmények" fülre, és keresse meg a Kapcsolatfelvételi űrlapot7 a listában. Mellette a felirat: "Activate", majd kattints rá egyszer az egérrel.

    Frissítjük a tartalomkezelő rendszer adminisztrációs paneljét, és elemei között találjuk a Kapcsolatfelvételi űrlap7-et. Ez a feltétele a népszerű és funkcionális bővítmény sikeres telepítésének.

    Algoritmus a "Kapcsolatfelvételi űrlapok 7" beállításához

    A 7-es kapcsolatfelvételi űrlap beállítása a következő elemekből áll:

      Teremtés új forma vagy a bővítmény telepítésekor létrehozott régi szerkesztése. A tapasztalat azt mutatja, hogy a legtöbb esetben jobb az új űrlap létrehozásának lehetőségét használni.

      A következő lépésben válassza ki az űrlap nyelvét, és adja meg a nevét.

      Ezután, ha szükséges, konfigurálja újra a sablont.

      Mentjük a változtatásokat.

      A korábban kapott kóddal új oldalt hozunk létre.

      Az utolsó szakaszban el kell mennie a webhelyre, és ellenőriznie kell az internetes erőforrás létrehozott felületelemének megfelelő működését.

    Új űrlap létrehozása

    Az aktiválás után ez a beépülő modul létrehoz egy alapértelmezett űrlapot a webhely- vagy bloglátogatók kérdéseinek feltevéséhez. Természetesen megfelelően szerkeszthető, konfigurálható. De sokkal könnyebb lesz törölni ezt, és újat létrehozni teljes készlet minden szükséges funkciót. Ehhez a következő lépéseket kell végrehajtania:

      Lépjen a bővítmény menüjébe, és válassza az „Űrlapok” elemet.

      Az ezt követően megnyíló ablakban be kell jelölni a "Kapcsolatfelvételi űrlap1" elem melletti négyzetet.

      Majd felette a "Műveletek" legördülő listában válassza a "Törlés" elemet.

      Válaszul egy kérdés jelenik meg, amely megerősíti az elvégzett műveleteket. Meg kell erősítenie az űrlap törlését, és kattintson az "Igen" gombra.

      A következőnél válassza ki a „Wordpress” „Kapcsolatfelvételi űrlap7” adminisztrációs panelen az „Új létrehozása” menüpontot.

      A megnyíló ablakban a legördülő listában válassza ki a jövőbeli űrlap felületének nyelvét - "orosz". Ezután kattintson a "Létrehozás" gombra.

    Ezt követően alapértelmezés szerint létrejön a WordPress új visszajelzési űrlapjának kezdeti kódja. Ezt követően olyan műveleteket kell végrehajtania, mint például a 7-es kapcsolatfelvételi űrlap beállítása.

    Állítsa be az űrlap nevét

    A fenti műveletek végrehajtása után megjelenik egy ablak az új űrlap nevének beírására a Kapcsolatfelvételi űrlap 7 stílusában. Ennek pontos beállítása egyrészt ezzel az egyszerű művelettel kezdődik. De az űrlap nevét jobb az alapján megadni Keresőoptimalizáció. Ezért ebben az esetben például a „Visszajelzési űrlap” vagy a „Kérdés a webhely rendszergazdájának” lesz a legoptimálisabb. Amint eldöntöttük ennek a felületelemnek a nevét, beírjuk a lekérdező ablak megfelelő mezőjébe.

    A "Kapcsolatfelvételi űrlapok 7" sablon szerkesztése

    Ugyanabban az ablakban a létrehozott űrlap nevével 4 fül található. Az első a sablon. Alapértelmezés szerint itt csak 5 elem jön létre:

      Az a hely, ahol az internetes erőforrás látogatójának neve be van írva.

      A kérdést feltevő látogató e-mail címének tárcsázására szolgáló mező.

      Egy másik mezőben beírhatja a kérdés tárgyát.

      Az utolsó alapértelmezett űrlapelem a Küldés feliratú gomb.

    Szükség esetén a mező szövege szerkeszthető és egyéb felületelemek is hozzáadhatók. Ehhez elegendő bármelyik kódot kiválasztani szöveges elem(például a kódnak azt a részét, ahol az üzenet tárgya fel van tüntetve, és másolja ki helyi menü ugyanabban a mezőben egy másik helyre. A jobb oldalon vannak paraméterek (a következő bekezdésben részletesen lesz szó), amelyekben kiválasztjuk a számunkra érdekes elemet. Ezt követően megjelenik a legördülő lista szükséges kódot. Ezután másolja ki ezt a kódot, és illessze be az üzenet tárgykódja helyett. Az elem nevét saját belátása szerint választja ki.

    A mező hosszának beállítása és egyebek

    Ugyanitt módosíthatja a bevitelt a 7-es kapcsolatfelvételi űrlapon. Bármely szövegmező szélességének módosítása az alábbiak szerint történik:

      Például 55-re kell növelnie egy internetes erőforrás-látogató nevében szereplő karakterek számát. Alapértelmezés szerint 40 van.

      Ehhez adja hozzá a 60/55 számokat a kód végén. Az eredmény egy kód lesz. A változtatások mentése után a mező hossza 60, és maximális összeget benne beírható karakterek - 55.

      Hasonlóképpen átméretezheti az üzenet szövegmezőjét. Csak ebben az esetben szükséges ennek az elemnek a kódját az alábbiak szerint módosítani. Ebben az esetben 40 az egy sorban lévő betűk száma, 30 pedig a 7-es kapcsolatfelvételi űrlap ezen interfész elemében szereplő kifejezések teljes száma. Maga az űrlap megjelenése pontosan az egyes személyek paraméterértékeinek kiválasztásával állítható be. elem. Ezért ajánlatos minden egyes elem kódjában feltüntetni az ebben a részben megadott paraméterek konkrét értékét.

      Egyéb űrlapfülek

      Mint már említettük, az első lap neve Űrlapsablon. A következő ebben az ablakban a "Letter". Beállítja annak a helynek a paramétereit, ahová a leveleket erről az internetes erőforrásról küldik. Az „Értesítés” fülön kialakul az üzenet szövege, amely a levél sikeres elküldése esetén megjelenik. Lehetőség van arra is, hogy üzenetet készítsen arra az esetre, ha az eszközök segítségével nem tud kapcsolatba lépni a webhely adminisztrátorával. Utolsó lap a 7. kapcsolatfelvételi űrlapon - "További beállítások". A gyakorlatban nagyon-nagyon ritkán használt paramétereket tartalmazza. Használhatja például a felhasználó által beírt szöveg nyomon követését a Yandex - metrikák segítségével.

      A beépülő modullal hozzáadható mezők ehhez az űrlaphoz

      A Wordpress 7-es kapcsolatfelvételi űrlapjának testreszabása lehetővé teszi a következő felületelemek hozzáadását a visszajelzési űrlaphoz:

      • A tesztmező egy univerzális interfész elem, amelybe bármilyen karakterkészlet beírható.

        E-mail - az elektronikus postafiók nevének megadására szolgáló hely.

        URL - egy mező a weboldal címének beírására.

        Telefonszám – lehetővé teszi a telefonszám nemzetközi formátumú megadását.

        A "Szám (spinbox)" elem lehetővé teszi, hogy beviteli mezőt hozzon létre tetszőleges egész értékkel (például a látogató életkorával).

        A "Szám (Slider)" elem egy csúszkát ad az űrlaphoz, amellyel egy megadott tartományból választhat számértéket.

        A "Dátum" elem egy speciális beviteli mezőt hoz létre, amelyben megadhatja a kívánt dátumot. Ennek az interfész elemnek az aktiválásakor alul megjelenik egy naptár, amelyben azonnal kiválaszthatja a kívánt dátumot.

        A "Szövegmező" legördülő menü pedig az e-mail szöveges részének beírására szolgál.

        A következő elem - "Legördülő menü" - lehetővé teszi a kívánt paraméter kiválasztását egy rögzített listából.

        A "CheckBoxes" azonban arra szolgál, hogy egy vagy több értéket válasszon ki egy adott listából.

        A "Radio Buttons" interfész elem szinte teljesen megegyezik az előzővel. Az egyetlen különbség az, hogy ebben az esetben csak egyet választhat helyes opció, míg a "CheckBox"-nak több érvényes értéke is lehet.

        Az "Elfogadás" elem lehetővé teszi, hogy csak egy jelölőnégyzetet adjon a létrehozott űrlaphoz. Általában arra szolgál, hogy megismerkedjen az esetleges feltételekkel, és ezek elfogadása nélkül a jövőben nem lehet e-mailt küldeni.

        A "Menü" elem lehetővé teszi egy speciális szakasz létrehozását a felületen, amely megvédi postafiókját a spamektől. Ebben az esetben az elküldés előtt meg kell adni a helyes választ a feltett kérdésre.

        A második biztonsági lehetőség a CAPTCHA. Kiválasztásakor egy külön rész kerül az űrlaphoz, amelyben megjelenik egy kép szimbólumokkal és egy további mező a beírásukhoz.

        A következő elem a "Fájl küldése". Lehetővé teszi, hogy a levél szövegéhez fájlt adjon hozzá különféle magyarázatokkal és megjegyzésekkel az erőforrás-adminisztrátor számára.

        Az utolsó elem - "Küldés gomb" - lehetővé teszi a megfelelő interfész elem hozzáadását.

      Mentse el a változtatásokat

      Miután beállította a szükséges értékeket, és megfelelően konfigurálta az űrlapot, mindezt el kell mentenie. Ehhez a bővítményszerkesztő ablakban felemelkedünk a felső részébe. Itt kell lennie egy Mentés gombnak. Vigye rá a manipulátor mutatóját, és kattintson rá egyetlen kattintással. Válaszul megjelenik az űrlap kódja, amelyet ugyanazzal az egérmutatóval választunk ki és másolunk. Ezután lépjen a tartalomkezelő rendszer adminisztrációs paneljére az „Oldalak” menüpontban. Ezután létrehozunk egy új oldalt a szükséges névvel (például "visszajelzés", "Kapcsolatok" vagy "Kérdés az erőforrás-adminisztrátornak"). Ezután lefordítjuk a tárcsázó kurzort a kódja beviteli mezőjébe. Ebben az esetben át kell kapcsolni a kódtárcsázási módot "Szöveg"-re az opciók panelen. Ezt követően illessze be a korábban kapott űrlapkódot. Ezután a felület jobb oldalán találjuk meg a „Közzététel” gombot, és vigyük rá az egeret. A következő lépésben a tartalomkezelő rendszer felületének ezen elemén egyetlen kattintással végezzük el a bal egérgombot.

      Az eredmény ellenőrzése

      A korábban jelzett manipulációk végrehajtása után az internetes erőforrás felületét hozzá kell adni új oldal, amelyen a 7. Kapcsolatfelvételi űrlapon megadott elemek jelennek meg.. Az interfész beállítás elvileg véget ért. Csak a megfelelő szoftverbeállításokat kell ellenőrizni. Ehhez el kell menni kezdőlap webhely, blog vagy portál. Ezután az oldalak listájában megtaláljuk azt, amelyen a visszajelzési űrlapot elhelyezték. Odamegyünk, minden mezőbe egyszerre beírjuk a megfelelő paramétereket és küldünk egy tesztlevelet postánkra. Válaszul tájékoztató üzenetet kell kapnia a művelet sikeres befejezéséről. Aztán vele üres mezők megpróbál egy másik e-mailt küldeni. Ezt követően egy üzenetnek kell megjelennie, amely szerint be kell állítania az összes ellenőrzött űrlapparamétert. Ha mindkét esetben a korábban jelzett eredmények születtek, akkor a létrehozott visszajelzési űrlap megfelelően működik.

      Plugin előnyei és hátrányai. Alternatívák

      Kezdő fejlesztőnek kiváló megoldás a visszajelzési űrlap elkészítésére a Contact Form 7 miniprogram.A levélküldés beállítása, felületelemek és egyéb fontos felületelemek létrehozása ebben az esetben többnyire automatizált, minimális felhasználói ismeretet igényel. Ezért egy egyszerű internetes forráshoz belépő szintés kezdő rendszergazdával – ez egy nagyszerű megoldás. De végül is minden plugin további terhelést jelent a weboldal erőforrásaira, ami csökkenti a teljesítményt. Ennek eredményeként a haladóbb felhasználók azt javasolják, hogy távolodjanak el az ilyenektől egyszerű módja hozzon létre egy visszajelzési űrlapot. Ezzel saját maga is létrehozhatja HTML használatával, CSS és JS, bár kevesebb funkcióval. Ez csökkenti a webhely számítási erőforrásainak szükségességét, és jelentősen növeli a teljesítmény szintjét.

      Eredmények

      Ez a cikk a Contact Form 7 beállítását írja le lépésről lépésre. Ez a beépülő modul valóban magas szintű funkcionalitással rendelkezik, bármilyen visszajelzési űrlap létrehozására használható. Másrészt egy további bővítmény használata a tartalomkezelő rendszer részeként növeli a terhelést Hardver webhely. Ezért az ezen a tartalomkezelő rendszeren alapuló kezdő webhely-adminisztrátoroknak ajánlott ezt a bővítményt ilyen célokra használni. Nos, a haladóbb felhasználók megtehetik a 7-es kapcsolatfelvételi űrlap nélkül is. Ebben az esetben biztosan nem kell konfigurálnia a bővítményt.