Sveiki, dārgie emuāra lasītāji. Turpinot tēmu par WordPress atsauksmju veidlapām. Un tā kā es par tiem runāju, šodien es ierosinu runāt par spraudni WP Contact Form 7. Tālāk es jums parādīšu spraudņa soli pa solim konfigurāciju, kā arī īsi aprakstīšu šī spraudņa papildinājumus.

Lapas navigācija:

WordPress saziņas veidlapas apraksts 7

2) WordPress administratora apgabalā aktivizējiet spraudni Contact Form 7.

3) Dodieties uz jauno izveidoto cilni, kā parādīts attēlā:

4) Noklikšķiniet uz cilnes "Pievienot jaunu" un norādiet noklusējuma veidlapas valodu vai atlasiet vajadzīgo

5) Norādiet kontaktformas nosaukumu un noklikšķiniet uz Saglabāt.

6) Tagad mums ir īss kods, ko var nokopēt un ielīmēt ziņā vai sānjoslā, lai parādītu veidlapu - contact-form-7 id = "1252" title = "(! LANG: Veidlapas numurs 1" (надо взять в !} kvadrātiekavās kā attēlā).

7) Mūsu forma izskatās šādi:

Protams, ne pārāk smuki, bet neviens neuztraucas izveidot savus stilus vai izveidot savu formu un ievietot tur ieliktņus.

Kā jebkurā veidnes vietā parādīt saziņas veidlapu 7

6. punktā soli pa solim iestatīšana Es jums parādīju, kā varat izmantot CF7 īskodu, un pēc tam aprakstīju, ka šo kodu var parādīt logrīkā, ziņā vai lapā. Turklāt es vēlos teikt, ka jebkurā veidnes vietā varat parādīt kontaktformu 7. Lai to izdarītu, ievietojiet šādu vienkāršu kodu:

Tas arī viss, ja jūs visu izdarījāt pareizi, jūs saņemsit kontaktformas 7 izvadi uz patvaļīgu vietu WordPress veidnē.

Kontaktformas 7 ievades lauku iestatīšana

Pateicoties viņam, jums papildus būs tādas kastes kā:

Atbildes uz atbildes konfigurēšana saziņas veidlapai 7

Jaunajā CF7 spraudņa versijā 4.4 un jaunākā versijā izstrādātājs iesaka ievadīt laukā no (šeit tas ir uz ādas zemāk)

pareizo adresi, kas atbilst jūsu domēnam. To var redzēt no ādas, un šis ieteikums rada problēmu:

Kā atbildēt lietotājam no pasta sūtītāja?

Ja jūs vienkārši nospiedīsit atbildi, mēs atbildēsim uz savu pastu, patiesībā mēs atbildēsim paši sev. Tas ir ļoti neērti, jo mums ar roku jānokopē lietotāja adrese, jāielīmē tā pastā un tikai tad jāatbild.

Šai problēmai ir risinājums un, kā vienmēr, vienkāršs. Jums ir nepieciešams laukā Papildu galvenes pievienot kodu:

Atbildēt uz:

Protams, jūsu e-pasts-sh ir jāaizstāj ar savu pasta īskodu. Skatiet ādu zemāk:

Tagad, kad saņemat vēstuli no WordPress atsauksmes, varat noklikšķināt, lai atbildētu pastā, un jūsu atbilde tiks nosūtīta uz pareizo e-pastu.

Ja pēc šīm darbībām jūs saskaraties ar problēmu - izlasiet ziņu, noklikšķinot uz saites. Kontaktformas 7 spraudnī ir aprakstītas galvenās problēmas un problēmu cēloņi.

Tas ir viss. Ceru, ka jūs saprotat, kā ir iestatīts spraudnis un tā izkārtojumi.

(Pēdējais atjauninājums: 19.05.2019.)

Sveiciens, dārgais lasītāj! Šodien es jums parādīšu, kā vietnē WordPress izveidot atsauksmju veidlapu vietnei/emuāra autoram, izmantojot populāro kontaktformas 7 spraudni (vairāk nekā 5 miljoni instalāciju). Iekļauts amatā : pareizs iestatījums Saziņas veidlapa 7, surogātpasta aizsardzība, kā mainīt un konfigurēt izskats veidlapas. Un arī norādīja uz galvenajiem iemesliem – kāpēc nestrādā kontaktforma un nesūta vēstules .

Saziņas veidlapa ir svarīgs saziņas līdzeklis ar lasītājiem un otrādi. Uzrakstiet personisku vēstuli, izsakiet autoram piedāvājumu (no kura viņš nevar atteikties), uzdodiet jautājumu, nosūtiet kaut ko un daudz ko citu. Tas viss pārņems un neizpaudīs vērtīgu informāciju nepiederošām personām, mūsu saziņas forma WordPress Kontaktforma 7. Lūk, kaut kas līdzīgs. Es to uzrakstīju šādi, man pašai patika.

Ak, vēstule ir atnākusi! Saziņas veidlapa 7 labi darīts

Es tevi, dārgais lasītāj, nenogurdināšu ar nekādu skriebelēšanu – ķersimies pie lietas. WordPress moduļa instalēšana un pareiza konfigurēšana - saziņas veidlapa 7.

WordPress saziņas veidlapas 7 spraudnis

Spraudnis WP saziņas veidlapai 7

Saziņas veidlapa 7 var pārvaldīt daudzas kontaktu veidlapas, kurās varat elastīgi pielāgot veidlapu un pasta saturu, izmantojot diezgan vienkāršu marķējumu. Veidlapās ir iebūvēts atbalsts Ajax iesniegšanai, CAPTCHA, Akismet surogātpasta filtram un citiem.

Visas manipulācijas veicam WordPress admin panelī. Lai instalētu spraudni, sadaļā "Spraudņi" noklikšķiniet uz "Pievienot jaunu". Logā "Meklēt" ievadiet saziņas veidlapu 7. Protams, tā tiks parādīta vispirms. Noklikšķiniet uz "Instalēt:

Kā instalēt spraudni

Saziņas veidlapa Nr. 1 pēc noklusējuma

No attēla var redzēt, ka pēc noklusējuma standarta saziņas formas versija un gatavs īss kods ievietošanai jaunā lapā, ierakstā vai sānu panelis(izmantojot teksta logrīku). Kontaktformas 7 noklusējuma izskats, kas iestatīts atsevišķā vietnes lapā:

Izskats: standarta saziņas veidlapa WordPress vietnē

Ja vēlaties tikai skatīt, pārbaudīt vai mainīt, tas ir, pievienot tam papildu laukus, pēc tam noklikšķiniet uz vienuma "Mainīt". Ekrāns atrodas augšpusē.

Tiek atvērta lapa "Rediģēt saziņas veidlapu". Spraudnis ir krievu valodā, un tāpēc jums būs ļoti viegli saprast, kas ir kas. Veidlapas veidnes cilne. Varat mainīt veidlapas veidni atbilstoši savām vajadzībām.

Piemēram, lai veidlapas veidnei pievienotu faila augšupielādes tagu, jums: ar peli jāatzīmē vieta, kur ievietot tagu (vēlams pēc ziņojuma) un noklikšķiniet uz atbilstošās cilnes "fails". Izmantojot šo funkciju, varat ļaut lietotājiem augšupielādēt savus failus, izmantojot jūsu veidlapu, un pēc tam jums tiks nosūtīts e-pasta ziņojums ar failu pielikumiem:

Rediģēt saziņas veidlapu. Failu cilne

Tiks atvērts logs - Form Tag Generator: file:

Lai pievienotu pastam augšupielādētu failu, jāievieto atzīme ()

Saziņas veidlapā 7 tiek piemēroti noklusējuma faila veida un faila lieluma ierobežojumi. Ja neiestatāt opcijas, noklusējuma failu paplašinājumi ir: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav. , un wmv. Un atļautais faila lielums ir 1 MB (1 048 576 baiti). Mēs nospiežam pogu "Ievietot tagu":

Veidlapas veidnē ievietota faila atzīme

Kur esat atzīmējis ar peles kursoru un parādīsies papildu tags. Ja tas ir ielīmēts nepareizā vietā, vienkārši nokopējiet to un novietojiet to pareizajā vietā. Tādā pašā veidā pievienojiet savai veidlapai nepieciešamos tagus. Pēc papildu atzīmju pievienošanas noteikti noklikšķiniet uz zilās pogas "Saglabāt". Un šādi izskatīsies poga faila pievienošanai e-pastam pēc ziņojuma lauka:

Poga Kontaktformā atlasiet failu

Ja visu darīsit pareizi, tad ar papildu laukiem problēmu nebūs.

Pārbaudiet arī cilnes E-pasts, Veidlapu iesniegšanas paziņojumi un Papildu iestatījumi. Manuprāt, nekas nav jāmaina. Ja tikai papildu iestatījumos varat norādīt parametru - tikai abonentiem - subscribers_only: true. Lai iegūtu papildinformāciju, būs saite uz papildu parametru iestatījumu lapu.

Un tagad, draugi, mums ir jāievieto sagatavotā kontaktu forma atsevišķā, jaunā tīmekļa resursa lapā vai sānjoslā. Tas tiek darīts viegli.

Saziņas veidlapu ievietojam atsevišķā vietnes/emuāra lapā

Pēc visu iestatījumu veikšanas un veidlapas saglabāšanas kopējiet īso kodu lapā Kontaktu veidlapas vai Rediģēt kontaktu veidlapu. Pēc tam izveidojiet jaunu lapu - sadaļu Lapas - Pievienot jaunu. Ievadiet lapas nosaukumu, piemēram, "Kontakti". Pārslēdziet ziņojumu redaktoru uz "Teksta" režīmu un ievietojiet īskodu ziņojuma laukā:

Jauna lapa ar kontaktu formu

Ja Jums ir jauna lapa tiek automātiski pievienots izvēlnei, tad iestatām "Pasūtījums" 1, 2 vai 3 (kurš ir izvēlnē, tiks parādīta lapa Kontakti). Noklikšķiniet uz pogas "Publicēt". Viss. Gatavs. Lapu izvēlnei var pievienot arī manuāli. Tagad jums ir instalēta veidlapa saziņai ar emuāra / vietnes autoru.

Izmantojot to pašu metodi, sānjoslai, kājenei vai raksta tekstam tiek pievienota saziņas veidlapa. Nokopējiet īskodu un ielīmējiet to savās ziņās vai teksta logrīka saturā. Ņemiet vērā, ka jebkurā laikā varat rediģēt veidlapu vai izveidot jaunu ar dažādiem tagiem/laukiem.

Vai saņemat surogātpastu, izmantojot 7. saziņas veidlapu?

Ir aizsardzība. Surogātpasta izplatītāji ietekmē visu, jūsu kontaktu veidlapas nav izņēmums. Pirms saņemat surogātpastu, aizsargājiet savas kontaktu veidlapas, izmantojot 7. kontaktu veidlapas jaudīgos pretsurogātpasta līdzekļus.

Saziņas veidlapa 7 atbalsta surogātpasta filtrēšanu, izmantojot Akismet. Inteliģentā reCAPTCHA bloķē kaitinošus mēstuļu botus. Izmantojot komentāru melno sarakstu, varat arī bloķēt ziņojumus, kas satur noteiktus atslēgvārdi vai nosūtīts no konkrētām IP adresēm.

Noklikšķiniet uz "Integrācija". Google reCAPTCHA aizsargā jūs no surogātpasta un cita veida automātiskas ļaunprātīgas izmantošanas. Izmantojot saziņas veidlapas 7 reCAPTCHA integrācijas moduli, varat bloķēt veidlapas nosūtīšanu no surogātpasta robotiem.

Google reCAPTCHA v3 integrācija: aizsardzība pret surogātpastu

Spraudņa integrācija ar citiem recaptcha pakalpojumiem

Trample Setup Integration un pēc tam sekojiet saitei, lai iegūtu ReCaptcha API atslēgas:

reCAPTCHA ir Google pakalpojums

Lai sāktu lietot reCAPTCHA, vispirms ir jāreģistrē sava WordPress vietne. reCAPTCHA ir Google pakalpojums, tāpēc, lai to izmantotu, jums ir nepieciešams google konts... Pierakstieties Google, izmantojot konts un sekojiet saitei https://www.google.com/recaptcha/admin... Jūs redzēsit vienkāršu reģistrācijas veidlapu, piemēram:

Reģistrējiet WordPress vietni. Goodle reCAPTCHA

Lūdzu, ievadiet nosaukumu. Atlasiet reCAPTCHA v3 (reCAPTCHA v3 nav nepieciešams CAPTCHA logrīks (es neesmu robots, ko izmantoju reCAPTCHA v2)) un laukā Domēni ievadiet vietnes domēnu. Pēc vietnes reģistrēšanas jūs saņemsit vietnes atslēgu un slepeno atslēgu. Ievadiet tos (ekrānuzņēmums iepriekš) un saglabājiet iestatījumus. Tas ir viss. Jūsu saziņas veidlapā tagad tiek izmantots reCAPTCHA konts, lai pārbaudītu, vai ziņojums ir nosūtīts no cilvēka vai surogātpasta.

Ja jūs nolemjat instalēt Contact Form 7, tad iesaku papildus tai instalēt arī Contact Form 7 Style papildinājumu. Tas ļaus jums rediģēt veidlapas izskatu. Jūs varat ne tikai izvēlēties kādu no gatavajām veidnēm, bet arī izveidot savu unikālo dizainu. Vai vēlaties mainīt savu izskatu? Tad turpinājums ir īpaši jums, skaistuma pazinēji.

Kontaktformas izskats - Kontaktforma 7 Stils

Saziņas veidlapu stili 7

Saziņas veidlapas 7 stila spraudnis ir saziņas veidlapas 7 papildinājums, kas jāinstalē jūsu WordPress vietnē. Atbalsta pielāgotus stilus, kurus var viegli pārvaldīt, izmantojot administratora paneli. Ir arī iepriekš definētas veidnes, kuras var aktivizēt kontaktformas iestatījumos 7. Iestatījumos parādīsies galvenais spraudnis jauns ieliktnis- Saziņas veidlapas 7 stila veidne. Izskata pielāgošana:

Gatavas veidlapas veidnes

Piemēram, es mainīju standarta ārējo uz kaut ko līdzīgu:

Kontaktformas izskats

Neaizmirstiet, ka varat iestatīt savus pielāgotos stila parametrus:

Spraudnis atbalsta pielāgotus stilus, kurus var pārvaldīt, izmantojot administratora paneli

Noslēgumā:

E-pasta ziņojumu sūtīšana no saziņas veidlapas 7 darbojas nevainojami vairumam cilvēku. Bet izrādās, ka ne visiem. Lai gan spraudnis katru dienu veiksmīgi nosūta miljoniem e-pasta ziņojumu, pastāv daudzas problēmas, kas var aizkavēties vai apturēt tās e-pastiem, gan parasta e-pasta sūtīšanas, gan saņemšanas pusē.

Kāpēc nedarbojas saziņas veidlapa 7 (nesūta e-pastus)?

1. Jūsu hostinga problēmas. Ir svarīgi atzīmēt, ka e-pasta ziņojumu sūtīšana un saņemšana ir ļoti atkarīga no servera, kurā tiek mitināta jūsu WordPress vietne;
2. Noteikti izmantojiet pareizo atgriešanas e-pasta adresi;
3. Jūsu e-pasts var tikt uzskatīts par surogātpastu;
4. Spraudņi vai motīvi konfliktē ar 7. saziņas veidlapu;
5. Javascript konflikti.

Ja nevarat nosūtīt e-pasta ziņojumus no šī spraudņa, visticamāk, jūs nevarat nosūtīt e-pastus no WordPress kopumā. Tādā gadījumā, kungi, lapā varat saņemt bieži uzdotos jautājumus par spraudni https://contactform7.com/faq/.

Vai arī atbalsta forumāhttps://wordpress.org/support/plugin/contact-form-7/. angļu valoda tas nav svarīgi, ar jūsu iecienītākās pārlūkprogrammas tulkojumu viss būs skaidrs.

Tas man ir viss. Šķiet, ka neko neesmu aizmirsusi. Visu to labāko. Lai veicas draugi.

P.S. Izrādās, ka veco ierakstu rediģēšana (informācijai lasītājiem vienmēr jābūt aktuālai) aizņem tikpat daudz laika kā rakstīšana jaunas instrukcijas... Šausmas!

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

Saziņas veidlapa ir būtisks vairuma vietņu atribūts. Tāpēc WordPress direktorijā ir tik daudz spraudņu kontaktu veidlapas... Viens no populārākajiem ir Contact Form 7. Spraudnis ļauj izveidot jebkura veida veidlapas; ļoti elastīgs un viegli pielāgojams; ir izstrādāta daudzus gadus un satur daudzus notikumus.

Izveidojiet un parādiet kontaktu veidlapas

Veidlapu izveide administratora zonā

Pēc spraudņa instalēšanas parādīsies izvēlnes vienums "Kontaktveidlapa 7", caur kuru var izveidot un dzēst veidlapas.

Attēlā redzamā forma tiek izveidota automātiski, kad spraudnis ir aktivizēts.

Izmantosim noklusējuma veidlapu, izveidojot lapu Sazinieties ar mani un ielīmējot tur veidlapas īskodu.

Vietnes priekšējā daļa

Tagad saglabāsim rakstu un paskatīsimies, kā izskatās mūsu veidlapa (izmantojot tēmu Twenty Sixteen):

Attēlā redzama forma pēc nosūtītās vēstules (par to norāda paziņojums veidlapas apakšā).

Veidlapu pielāgošana (sarežģītu veidlapu izveide)

Iepriekš redzamais piemērs parāda, kā ievietot gatavu un ļoti vienkārša forma kontaktpersonas. Tagad apskatīsim, kā izveidot sarežģītāku formu. Lai to izdarītu, atgriezieties administrēšanas panelī, veidlapu pārvaldniekā un pārejiet uz noklusējuma veidlapas rediģēšanu.

Augšējā laukā - veidlapas nosaukums (tas ir redzams tikai admin panelī), norādām sev saprotamu nosaukumu, piemēram: "Atsauksmes par vietni", "Darba pieteikuma veidlapa", "Atsauksmju veidlapa ", utt.

Zem virsraksta ir īss kods. Mēs to izmantojam ierakstos, lai parādītu veidlapu.

Un zemāk ir četras cilnes:

1. Veidlapas veidne
2. Vēstule
3. Papildu iestatījumi

Apskatīsim katru cilni atsevišķi.

Veidlapas veidne

Šajā cilnē varat pielāgot veidlapas laukus un izskatu. Darba zona ir HTML redaktors WP. Tikai parasto pogu vietā redzam pogas dažādu formas lauku ievietošanai.

Veidlapas izkārtojums

Izkārtojumam varat izmantot html tagus un spraudņu īskodus. Īskodi pievieno veidlapas laukus, un html tagi ļauj izveidot patvaļīgu HTML struktūru. Piemēram, mūsu noklusējuma veidlapa izskatās šādi:

Jūsu vārds (obligāti) Jūsu e-pasts (obligāts) Temats Ziņa

Un, kad tas tiks parādīts ziņā, tas tiks pārveidots par šo HTML:

Īsā koda sintakse

Noklikšķināsim uz pogas "Teksts". Tiek atvērts logs, kurā mēs varam norādīt teksta lauka atribūtus. Norādiet un noklikšķiniet uz "Ievietot tagu".

Tags vēlāk tiks pārveidots teksta laukā ar html kodu:

Īskodus var ērti izveidot, izmantojot īskodu veidotāju.

Bet konstruktors neļauj mainīt īskodu (tur var izveidot tikai īskodu). Ir divi veidi, kā mainīt īskodu:

1. dzēst un izveidot jaunu, izmantojot konstruktoru.
2. iemācieties sintaksi un manuāli labojiet lauka īskodu.

Ar konstruktoru jūs pats to izdomāsit.

Un šeit mēs analizēsim īskoda sintaksi.

Piemēram, apsveriet tagu teksta lodziņš ar papildu iespējām:

Teksts (obligāti) Lauka veids: teksts, atlase, parole, numurs utt. (v šajā gadījumā teksta lauks). Nosaka, kurā formas elementā tiks pārveidots mūsu tags, kas nozīmē, kāda veida datus tas saņems. * Zvaigznīte padara lauku obligātu (veidlapa netiks iesniegta un tiks parādīts paziņojums, ka lauks ir jāaizpilda). klienta vārds (obligāti) Lauka nosaukums tiek izmantots kā nosaukuma atribūts ievadē, kā arī tiek izmantots, veidojot veidni izejošai vēstulei. id: my-id Id atribūts ievadē ar vērtību my-id. Izmanto dekorēšanai. klase: mana klase Klases atribūts ievadē ar vērtību my-class. Izmanto dekorēšanai. vietturis "(! LANG: ievadiet nosaukumu" Использовать текст "Введите имя" как placeholder. !}

Ievērojiet tagu atribūtu secību: vispirms ir lauka veids, pēc tam tā nosaukums un tikai tad papildu opcijas.

Lauku veidi

• Teksta lauki: teksts, e-pasts, tel, url, teksta apgabals
• Skaitliskie lauki: numurs, diapazons
• Datuma lauki: datums
• Izvēles rūtiņas, radio, saraksti: izvēles rūtiņa, radio, atlasiet
• Faila augšupielādes lauks: fails
• CAPTCHA: captchac un captchar
• Aptaujas: viktorīna
• Pieņemšanas lauks: pieņemšana
• Iesniegt poga: iesniegt
• Patvaļīgs lauka veids

Vēstules veidne

Otrajā ieguldījumā varat precīzi noregulēt nosūtītās vēstules veidni (izkārtojumu) un rekvizītus. Šīs cilnes laukos varat izmantot īpašus veidlapu lauku tagus - tas ļauj pārsūtīt vēstulē veidlapā norādītos datus.

Tagus veido veidlapas veidnes lauku nosaukumi. Piemēram, mēs izveidojām tekstlodziņu ar nosaukumu:. Tagad varat izmantot tagu savā e-pasta veidnē. Vēstulē šī taga vietā tiks aizstāta lietotāja ievadītā lauka vērtība (pilns vārds).

E-pasta galvenes:

Kam - e-pasts kur tiks nosūtīta vēstule. Varat norādīt tik daudz lodziņu, cik vēlaties, atdalot tos ar komatiem.

No kā - vārds un e-pasta adrese, no kā nāca vēstule. Parasti šeit tiek norādīts servera pasts (piemēram, [aizsargāts ar e-pastu]).

Varat norādīt jebkuru pastu, bet, ja pasta domēns atšķiras no vietnes domēna, veidlapa neatšķiras tiks pārbaudīts un "zvērēs" pie šī parametra, lai gan vēstules tik un tā tiks sūtītas.

Tēma — vēstules tēma. Būs skaidrs, no kuras formas dati nosūtīti. Piemēram, tēmas rindiņa ir "Kļūda vietnē", "Atzvanīšanas pasūtījums" un tā tālāk. Izvēlieties nosaukumu, kas atvieglo darbu ar saņemtajām vēstulēm.

• Papildu galvenes — pēc noklusējuma šeit tiek rakstīts Reply-To:. Galvene Reply-To norāda, ka uz šo e-pasta ziņojumu var atbildēt, noklikšķinot uz pogas Atbildēt pasta programma un formas tags ir veidnes lauka nosaukums. Šī taga vietā tiks ievietota lietotāja norādītā e-pasta adrese. Jūs saņemat kaut ko līdzīgu atbildei uz: [aizsargāts ar e-pastu].

Vēstules pamatteksts

Šis ir nākamais galvenā daļa no šīs cilnes. Šeit norādīts pats vēstules teksts. Tekstā mēs izmantojam visus tos pašus veidlapas tagus (lauku nosaukumus no veidlapas veidnes).

Analizēsim noklusējuma burtu:

No:<>Temats: Ziņojums: - Nosūtīts no vietnes Mēs pētām kontaktinformācijas veidlapas 7 spraudni (http://test-wp.ru)

Mums bija 4 lauki, kurus lietotājs aizpildīja. Pēc vēstules nosūtīšanas tagi pārvērtīsies par vērtībām un mēs saņemsim šādu vēstuli:

No: Dmitrijs Temats: Jautājums par 7. saziņas veidlapu Ziņojums: Sveiki! Man ir jautājums par spraudni Contact Form 7. Kā es varu to konfigurēt? - Iesniegts no vietnes Mēs pētām kontaktinformācijas veidlapas 7 spraudni (http://test-wp.ru)

Neobligātie lauki e-pasta ziņojuma pamattekstā

Ja lietotājs neaizpilda lauku, bet tas tiek izmantots vēstules pamattekstā, tad burta pamatteksts būs nepilnīgs. Piemēram, ķermenis saka Cilvēks no pilsētas, bet lietotājs nav aizpildījis lauku, kas nozīmē, ka vēstulē mēs saņemsim Vīrietis no pilsētas... Šāda rindiņa vēstulē ir lieka. Lai noņemtu šo rindiņu no ziņojuma, atzīmējiet izvēles rūtiņu "Izslēgt rindu izvadi ar tukšiem ziņojuma tagiem". Ņemiet vērā, ka tas darbosies tikai tad, ja lauka teksts un īsais kods atrodas vienā rindā.

Opcija "Izmantot HTML pasta formātu". Ļauj izmantot HTML tagus ziņojuma pamattekstā. Šajā gadījumā varat izmantot ierobežotu sarakstu HTML tagi jo ne visi pasta klienti vai pakalpojumi var pareizi apstrādāt sarežģītu HTML iezīmēšanu. Jūs varat izmantot: tabulas, aizzīmju saraksti, treknraksts, rindkopas un tā tālāk. Sīkāku informāciju meklējiet tīklā.

Saziņas veidlapa 7 ļauj nosūtīt vēstuli uz divām adresēm, un katras vēstules iestatījumi ir atšķirīgi. Tas var būt noderīgi, ja ir jānosūta vietnes administratoram vēstule ar pilnu informāciju un dublikāts pārvaldniekam, kurā ir tikai pasūtījuma dati.

Veidlapu iesniegšanas paziņojumi

Šajā cilnē varat rediģēt ziņojumus, kas veidlapā tiek parādīti konkrētā situācijā: pēc veiksmīgas vai neveiksmīgas vēstules nosūtīšanas vai kļūdu gadījumā.

E-pasta veidņu tagi šajos laukos nedarbojas.

Papildu iestatījumi

Šī cilne ir paredzēta pieredzējušiem lietotājiem un ļauj paplašināt veidlapas iespējas, izmantojot JS kodu. Piemēram, notikumu publicēšana analīzei.

Par šīs funkcionalitātes izmantošanu pastāstīšu atsevišķā rakstā.

Kontaktformas 7 spraudnis palīdzēs sakārtot atsauksmes par jūsu vietni.

Spraudni Contact Form 7 varat lejupielādēt oficiālajā WordPress vietnē

Jūs varat lejupielādēt Really Simple CAPTCHA spraudni oficiālajā WordPress vietnē

Mēs pārbaudījām, kā instalēt un savienot šo spraudni nodarbībā "", tagad mēs to aplūkosim papildu funkcijas spraudnis Kontaktinformācijas veidlapa 7. Veidlapa pareizi darbojas monitoros, planšetdatoros, tālruņos un klēpjdatoros. Starp citu, ja jūsu portatīvais dators ir salūzis, tad ir serviss, kur remontē HP portatīvos datorus.

Kad esat lejupielādējis un aktivizējis spraudni, dodieties uz spraudņa iestatījumiem, dodoties uz jauna sadaļa vadības panelis "Kontakti".

Novietojiet peles kursoru virs veidlapas nosaukuma un atlasiet "Rediģēt"

Tiks atvērts logs formas parametru maiņai.

Tā kā vietnē var izmantot nevis vienu, bet vairākas veidlapas (veidlapa ziņojuma nosūtīšanai, veidlapa zvana pasūtīšanai, veidlapa ar personas datiem), lai nerastos neskaidrības par to, kura forma par ko ir atbildīga, mainīt veidlapas nosaukumu. Lai to izdarītu, noklikšķiniet uz veidlapas 1 nosaukuma.

2. blokā tiek parādīts, kas tiks parādīts veidlapas lapā. Vispirms pēc šī lauka koda parādās teksts, lauka nosaukums. Jūs varat mainīt tekstu uz to, ko vēlaties.

Lai veidlapai pievienotu jaunus laukus, noklikšķiniet uz nolaižamā saraksta # 3 - "Ģenerēt tagu" un nolaižamajā sarakstā atlasiet vajadzīgo elementu.

• Teksta lauks
• E-pasts
• Telefona numurs
• Skaitlis (spinbox)
• Skaitlis (slīdnis)
• Teksta lauks
• Nolaižamā izvēlne
• izvēles rūtiņas
• Radio pogas
• Pieņemšana
• Jautājums
• CAPTCHA
• Failu augšupielāde
• Poga Iesniegt

Pēc noklusējuma rīka padomi un veidlapas lauki atrodas šādi: rīka padoma augšdaļā, elementa apakšā. Ja vēlaties ievietot aprakstu un elementu vienā rindā, noņemiet atzīmi aiz teksta

... Visam blokam ar aprakstu un elementiem ir jāatrodas vienā rindā un jāatrodas tagā

Teksta lauks

Nolaižamajā sarakstā atlasiet elementu "Teksta lauks"

Ja ir nepieciešama kāda jūsu pievienotā funkcija - atzīmējiet rūtiņu 1 un neaizmirstiet par to ierakstīt aprakstā.

Jūs varat pievienot ievades laukā Papildus informācija lai atvieglotu veidlapas aizpildīšanu. Atzīmējiet 2. rūtiņu "Vai izmantot kā vietturi?" un blakus laukā uzraksti mājienu. Kad šis veidlapas lauks ir aizpildīts, rīka padoma teksts pazudīs. Pēc tam izpildiet spraudņa uzvednes. Rezultātā jūs saņemat šādu lauku gatavajā formā:

Noteikti ielīmējiet kodu e-pasta veidnē, pretējā gadījumā dati no šī lauka netiks nosūtīti uz pastu! Tas attiecas ne tikai uz teksta laukiem, bet arī uz jebkuriem citiem elementiem.

E-pasts

Izmanto, lai pārietu uz adreses veidlapu pastkaste sūtītājs

URL

Ļauj veidlapai pievienot vietnes adresi.

Telefona numurs

Šajā laukā var ievadīt tikai ciparus.

Skaitlis (spinbox)

Lauks, kurā varat iestatīt kaut kā, piemēram, preces daudzumu. Skaitlis tiek iestatīts ar augšup/lejup vērstām bultiņām.

datums

Veidlapā ievieto kalendāru, kurā var izvēlēties datumu. Piemēram, to izmanto viesnīcu rezervēšanai. Ierašanās datums, izbraukšanas datums.

Teksta lauks

Jā, nebrīnieties 🙂 Vēl viens teksta lauks. Šoreiz šajā laukā ir lieli izmēri un ļauj tajā ierakstīt daudz teksta. Piemēram, atsauksmes, komentāri.

Nolaižamā izvēlne

Ja kaut kam ir daudz iespēju un jums ir jāizvēlas prece no liela saraksta, piemēram, pilsētu, ielu, preču saraksta.

Saraksts jāievieto laukā Atlase, katrs vienums jaunā rindā.

izvēles rūtiņas

Izvēles rūtiņa vai izstrādātāja žargonā izvēles rūtiņa ir elements, kas izveido izvēles rūtiņu. Šim laukam ir divi stāvokļi - atzīmēts vai nē. Iespējamas vairākas izvēles iespējas. Sakārtots tikai pēc kārtas, ja atzīmējat izvēles rūtiņu "Vai izvēles rūtiņas ir savstarpēji izslēdzošas?" tad var atlasīt tikai vienu parametru.

Radio pogas

Slēdži (jarg. Radio pogas) tiek izmantoti, ja nepieciešams izvēlēties vienu no vairākiem piedāvātajiem variantiem. Atzīmējot izvēles rūtiņu "Vispirms ievietot etiķeti un pēc tam izvēles rūtiņu?" mainās etiķetes atrašanās vieta un atlases lauks, pēc noklusējuma vispirms atlase, pēc tam etiķete.

Pieņemšana

Apstiprinājums kaut kam. Pieņemsim, ka piekrītat iepriekš aprakstītajiem nosacījumiem.

Jautājums

Šī ir pirmā aizsardzības līnija pret surogātpastu, visvienkāršākā. Iestatījumā ierakstiet jautājumu, tas var būt ar cipariem, var būt ar burtiem, vai tā un tā, un norādiet pareizo atbildi. Ja, aizpildot veidlapu, atbilde ir pareiza, veidlapa tiks nosūtīta. Zaļš norāda, kura šīs formulas daļa tiks parādīta vietnē pirms atbildes ievades lauka, sarkanā - atbilde. Pareizo atbildi formulā raksta aiz | (vertikālā josla)

Veidlapai pievieno aizsardzību pret surogātpastu.

Lai šī funkcija darbotos, ir nepieciešams vēl viens spraudnis. Lejupielādējiet, instalējiet, aktivizējiet spraudni.

Varat atstāt iestatījumus nemainītus, kopēt un ielīmēt 2 rindiņas pirms sūtīšanas pogas.

Failu augšupielāde

Ziņojuma nosūtīšanas veidlapai varat pievienot failu. Iestatījumos varat norādīt maksimālo izmēru baitos un atļautos augšupielādes formātus, piemēram, jpg .tiff .doc

Poga Iesniegt

Veidlapas iesniegšana. Iestatījumos sadaļā "Etiķete" - varat norādīt pogas nosaukumu (Sūtīt, atbildēt, sūtīt 🙂)

7. saziņas veidlapas izskata pielāgošana

Tā kā spraudņiem ir atjaunināmi rekvizīti, mēs veiksim izmaiņas veidlapas izskatā vietnes motīva style.css stila failā.

Šis kods ir atbildīgs par veidlapas, tās lauku un citu elementu attēlošanu:

Wpcf7 (fona krāsa: #ddd;) / * veidlapas fona krāsa * / .wpcf7 ievade, .wpcf7 teksta apgabals (polsterējums: 5 pikseļi; krāsa: # 1D1D1D; fontu saime: Arial, Helvetica, sans-serif; fonta lielums: 16 pikseļi; līnijas augstums: 20 pikseļi; apmale: 1 px ciets # C7C7C7; lodziņa ēna: ielaidums 2 pikseļi 2 pikseļi 8 pikseļi # F9F9F9; -webkit-pāreja: viss 0,2 s vienkāršība; -moz-pāreja: visas 0,2 s vieglums; -o-pāreja : visas 0,2 s vieglums; pāreja: visas 0,2 s vieglums;) .wpcf7 .wpcf7-list-item (padding-left: 0; margin-left: 0; margin-right: 25px;) .wpcf7 .wpcf7-list-item ievade (apmale: nav; polsterējums pa kreisi: 0; margin-left: 0;) .wpcf7 atlasīt (kontūra: nav; fonta izmērs: 16 pikseļi; fontu saime: Arial, Helvetica, sans-serif;) .wpcf7 ievade: virziet kursoru, .wpcf7 ievade: fokuss, .wpcf7 ievade: aktīva, .wpcf7 teksta apgabals: virziet kursoru, .wpcf7 teksta apgabals: fokuss, .wpcf7 teksta apgabals: aktīvs (fons: #FDFDFD; kontūra: nav;)

Kas tur ir kas.

.wpcf7 ievade, .wpcf7 teksta apgabals - ievades lauka stils (teksta lauks)

1. polsterējums- iestata atkāpi no satura līdz elementa robežai. Šeit ir atkāpe no laukā ievadītā teksta līdz lauka robežai. Iestatiet vērtību pikseļos Xpx, kur X ir pikseļu skaits. Piemērs: polsterējums: 5px 3px 6px 8px;
2. krāsa- teksta krāsa.
3. fontu ģimene- ievades lauku fonts.
4. fonta izmērs- fonta izmērs
5. līnijas augstums- līnijas augstums
6. robeža- apmali ap ievades lauku
7. kaste-ēna- bloku ēna. ielaidums norāda, ka ēna ir iekšēja. Ja jums ir nepieciešama ārējā ēna, izlaidiet šo vērtību. Otrā un trešā vērtība 2px 2px norāda ēnas sajaukšanos attiecīgi horizontāli un vertikāli. Ceturtā vērtība — 8 pikseļi — iestata ēnas izplūšanas rādiusu. Piektais - # F9F9F9 - ēnu krāsa.

Saziņas veidlapas 7 poga pielāgošana

.buttons_form (polsterējums: 0 pikseļi; augstums: 30 pikseļi; platums: 150 pikseļi! svarīgi; apmale: nav! svarīgi; kursors: rādītājs; krāsa: #fff; -webkit-border-radius: .5em; -moz-border-radius:. 5 em; apmales rādiuss: 0,5 em; krāsa: #faddde; apmale: vienkrāsains 1px # 980c10; fons: # d81b21; fons: -webkit-gradients (lineārs, augšā pa kreisi, apakšā pa kreisi, no (# ed1c24), līdz (# aa1317)); fons: -moz-linear-gradient (augšā, # ed1c24, # aa1317); filtrs: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# ed1c24", endColorstr = "# aa1317");)

Sazināšanās veidlapa 7, paziņojuma stils

Viņš ir atbildīgs par kļūdu ziņojumiem vai veiksmīgu iesniegšanu.

Wpcf7 .wpcf7-validation-errors (apmale: nav; fona krāsa: # 246416; krāsa: #fff; margin: 0; polsterējums: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (apmale: nav; fona krāsa: # 7ad33f; margin: 0; polsterējums: 20px; -webkit-border-radius: 10px; -moz-border -rādiuss: 10 pikseļi; apmales rādiuss: 10 pikseļi;) .wpcf7 .wpcf7-mail-sent-ng (apmale: nav; fona krāsa: # 349622; piemale: 0; polsterējums: 20 pikseļi; -webkit-border-radius: 10px ; -moz-border-radius: 10px; border-radius: 10px; color: white;) .wpcf7 span.wpcf7-not-valid-tip (apmale: nav; fona krāsa: # 349622; polsterējums: 5px; polsterējums- pa kreisi: 5 pikseļi; polsterējums pa labi: 5 pikseļi; apmales rādiuss: 10 pikseļi; platums: 290 pikseļi; krāsa: balta; / * Drop 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);)

Un tagad ērtības labad viss kods ar komentāriem:

Wpcf7 (fona krāsa: #ddd;) / * veidlapas fona krāsa * / .wpcf7 ievade, .wpcf7 teksta apgabals (/ * Šī koda daļa ir atbildīga par ievades lauku stilu, teksta apgabaliem * / polsterējums: 5px ; / * Iestata atkāpi no lauku elementa pirms tā satura, varat ievietot jebkuru vērtību, piemēram, 10 pikseļi * / krāsa: # 1D1D1D; / * Teksta krāsa ievades laukos * / font-family: Arial, Helvetica, sans- serif; / * Teksta fonts ievades laukos * / fonta izmērs: 16 pikseļi; / * Teksta lielums ievades laukos * / līnijas augstums: 20 pikseļi; / * Rindas augstums ievades laukos * / apmale: 1px solid # C7C7C7; / * Apmale ap laukiem. Pirmā vērtība ir platums pikseļos, otrā - apmales stils, trešā - tās krāsa * / box-shadow: inset 2px 2px 8px # F9F9F9; / * Shadow no ievades laukiem.2px — nobīde pa x asi, 2 pikseļi — nobīde pa y asi, 8 pikseļi — ēnas izplūšanas rādiuss, # F9F9F9 — ēnas krāsa * / -webkit-transition: viss 0,2 s vieglums; -moz- pāreja: viss 0,2 s vieglums; -o-pāreja: visas 0,2 s vieglums; pāreja: visas 0,2 s vieglums;) .wpcf7 .wpcf7-list- vienums (padding-left: 0; margin-left: 0; margin-left: 0; margin-right: 25 pikseļi;) .w pcf7 .wpcf7-list-item ievade (apmale: nav; polsterējums pa kreisi: 0; piemale-kreisais: 0; ) .wpcf7 atlasīt (kontūra: nav; fonta lielums: 16 pikseļi; fontu saime: Arial, Helvetica, sans-serif;) .wpcf7 ievade: virziet kursoru, .wpcf7 ievade: fokuss, .wpcf7 ievade: aktīvs, .wpcf7 teksta apgabals: kursors, .wpcf7 textarea: fokuss, .wpcf7 textarea: active (/ * Šī daļa ir atbildīga par ievades lauku stilu, kad peles kursors atrodas virs tiem * / background: #FDFDFD; / * Ievades lauka fons, kad peles kursors atrodas virs tā * / kontūra : nav; / * Teksta ievades lauka ārējā apmale * /) .wpcf7 input.wpcf7-submit (/ * Šī koda daļa ir atbildīga par pogas Iesniegt stilu laukā forma * / -webkit-transition: 0; -moz-transition: 0; - o-transition: 0; pāreja: 0; apmale: nav; / * Apmale ap pogu * / pozīcija: relatīva; krāsa: #fff; / * Teksta krāsa * / teksta pārveidošana: lielie burti; / * Teksta pārveidošana (lielie burti nozīmē, ka tiks parādīts teksts uz pogas ar lielajiem burtiem) * / / * Noapaļo pogu stūrus. Šo trīs rekvizītu vērtībām jābūt vienādām, jo ​​tās ir vienādas, tikai dažādām pārlūkprogrammām * / -webkit-border-radius: 6px; / * Noapaļotie stūri pārlūkam Chrome * / -moz-border-radius: 6px; / * Noapaļotie stūri priekš Mozilla FireFox * / border-radius: 6px; / * Noapaļotie stūri visām pārējām pārlūkprogrammām, tostarp mobilajām * / fonta izmērs: 14 pikseļi; / * Pogas teksta lielums * / fonta svars: treknrakstā; / * Teksta stils (treknraksts nozīmē treknrakstu) * / padding-top: 11px; / * Augšējais polsterējums no elementa malas līdz tā saturam * / polsterējums-apakšā: 10px; / * Polsterējums no elementa malas apakšas līdz tā saturam * / polsterējums-pa kreisi: 35px; / * Polsterējums pa kreisi no elementa malas līdz tā saturam * / padding-right: 35px; / * Atkāpe no elementa malas labās puses līdz tā saturam * / / * Gradienta fons - pogas gradienta fons * / fona krāsa: # 000000; / * Pogas fona krāsa, ja pārlūkprogramma neatbalsta gradientu * / / * Tālāk norādītajos rekvizītos krāsas jānorāda vienādas, jo tās ir vienādas, tikai dažādām pārlūkprogrammām. Apskatīsim pirmo īpašumu. Daļa no (# 676767), uz (# 3B3B3B) nozīmē, ka ir jāparāda gradients, kur pāreja no krāsas # 676767 iet uz krāsu # 3B3B3B * / fons: -webkit-gradient (lineārs, augšā pa kreisi, pa kreisi apakšā, no (# 676767), līdz (# 3B3B3B)); fons: -moz-linear-gradient (augšā, # 349622, # 246416); filtrs: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 349622", endColorstr = "# 246416"); -ms-filter: "progid: DXImageTransform.Microsoft.gradient (startColorstr = # 349622, endColorstr = # 246416)"; / * Drop Shadow — pogas ēna. Ēnu krāsa ir norādīta RGBA * / -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); ) / * Virzot kursoru — pogas stils virzot kursoru. Viss ir gandrīz tāds pats kā iepriekšējā blokā * / .wpcf7 input.wpcf7-submit: hover (kursors: rādītājs; teksta noformējums: nav; fona krāsa: # 000000; fons: -webkit-gradients (lineārs, augšā pa kreisi) , pa kreisi apakšā, no (# 246416), līdz (# 349622)); fons: -moz-linear-gradient (augšā, # 246416, # 349622); filtrs: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 246416 ", endColorstr =" # 349622 "); -ms-filter:" progid: DXImageTransform.Microsoft.gradient (startColorstr = # 246416, endColorstr = # 349622) ";) / * Noklikšķinot - pogas stils, noklikšķinot uz tās . gandrīz tāds pats kā iepriekšējā blokā * / .wpcf7 input.wpcf7-submit: aktīvs (augšpusē: 1px; krāsa: # d8c6e2; / * Pogas teksta krāsa, noklikšķinot uz tās * / fona krāsa: # 000000; fons : -webkit-gradient (lineārs, pa kreisi augšā, pa kreisi apakšā, no (# FF0000), līdz (# 246416)); fons: -moz-linear-gradient (augšā, # FF0000, # 246416); filtrs: progid: DXImageTransform . Microsoft.gradient (startColorstr = "# FF0000", endColorstr = "# 246416"); -ms-filter: "progid: DXImag eTransform.Microsoft.gradient (startColorstr = # FF0000, endColorstr = # 246416) "; -webkit-box-shadow: nav; -moz-box-shadow: nav; box-ēna: nav; ) / * CF7 ziņojumi — ziņojumu stils par veiksmīgu nosūtīšanu, kļūdām utt. * / .wpcf7 .wpcf7-validation-errors (/ * Validācijas kļūdu ziņojumu stils * / apmale: nav; / * Ziņojuma bloka rāmis * / fona krāsa: # 246416; / * Fons * / krāsa: #fff ; / * Teksta krāsa * / piemale: 0; / * Ārējais polsterējums * / polsterējums: 20 pikseļi; / * Polsterējums * / / * Stūru noapaļošana dažādām pārlūkprogrammām — šādi 3 rekvizīti * / -webkit-border-radius: 10px; - moz-border -radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (/ * Ziņojumu stils par veiksmīgu nosūtīšanu * / robeža: nav; / * Ziņojuma bloka rāmis * / fons -krāsa: # 7ad33f; / * Fons * / piemale: 0; / * Ārējais polsterējums * / polsterējums: 20 pikseļi; / * Polsterējums * / / * Stūru noapaļošana dažādām pārlūkprogrammām — šādas 3 īpašības * / -webkit-border-radius : 10px; -moz- border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ng (apmale: nav; fona krāsa: # 349622; piemale: 0; polsterējums: 20px; - Webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: white;) .wpcf7 span.wpcf7-not-valid-tip (apmale: nav; backgrou nd-krāsa: # 349622; polsterējums: 5 pikseļi; polsterējums pa kreisi: 5 pikseļi; polsterējums pa labi: 5 pikseļi; apmales rādiuss: 10 pikseļi; platums: 290 pikseļi; krāsa: balta; / * Drop 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); ) .wpcf7-form .fleft (peldēt: pa kreisi;) .wpcf7-form .mright20 (margin-right: 20px;) .wpcf7-form .mright40 (margin-right: 40px;) .wpcf7-form .clear (clear: abiem ;)

Detalizēti norādījumi par atsauksmju veidlapas spraudņa instalēšanu, konfigurēšanu un lietošanu WordPress vietnei. Sazināšanās veidlapas 7 spraudnis ieslēgts Šis brīdis ir labākais savā kategorijā.

To, ka pat starp maksas spraudņiem nav acīmredzamas alternatīvas, var spriest pēc spraudņa Contact Form 7 lietošanas biežuma. Šī rakstīšanas laikā šis spraudnis ir lejupielādēts vairāk nekā 28 800 000 reižu no oficiālās WordPress vietnes vien, un vidējais vērtējums ir 4,5 no 5! Tas patiesi ir lielu panākumu rādītājs. Turklāt, ja paskatās uz populārākajām WP tēmām, jūs atradīsit kontaktinformācijas veidlapas 7 spraudni, kas ir ieteikta vai instalēta pēc noklusējuma gandrīz visās no tām.

Kontaktinformācijas veidlapas 7 spraudnis ir "tiešraidē", ko autors atjaunina ar katru jauna versija WordPress. Kļūdas un kļūdas tiek nekavējoties novērstas. Nav konstatēti acīmredzami konflikti ar visbiežāk izmantotajiem spraudņiem.
Kontaktformas 7 spraudnis ir pilnīgi bezmaksas, t.sk. priekš komerciālai lietošanai... Pēc spraudņa instalēšanas iestatījumu panelī jūs atradīsit autora pieprasījumu “ziedojumam”.

Kontaktformas 7 spraudņa instalēšana

Varat lejupielādēt spraudni Contact Form 7 no oficiālās WordPress vietnes (saite iepriekš) vai tieši no cilnes "Spraudņi"> "Pievienot jaunu"> Rinda "Meklēt spraudņus"> "Saziņas veidlapā 7"... Pirms darba sākšanas neaizmirstiet aktivizēt spraudni: "Spraudņi"> "Instalēts"> atrodiet spraudņa saziņas veidlapu 7> noklikšķiniet uz "Aktivizēt"... Jūsu vietnes sānu administrēšanas panelī tiks parādīts jauns vienums “Sazināšanās veidlapa 7”.

Kontaktformas 7 spraudņa konfigurēšana

Jauki ir tas, ka kontaktinformācijas veidlapas 7 spraudnis pēc noklusējuma ir daudzvalodu. Ja jūsu WordPress versija ir krievu valodā, tad arī spraudnis būs pilnībā krievu valodā, un jūs varat izveidot atsauksmju veidlapu jebkurā valodā. Veidlapas valoda tiek norādīta katras veidlapas izveides laikā. Nav atsevišķas sadaļas iestatījumiem, visi iestatījumi ir individuāli katrai atsevišķai formai.

Atsauksmju veidlapas pievienošanas piemērs

1. Admin panelī atlasiet vienumu Poga "Saziņas veidlapa 7"> "Veidlapas"> lapā "Pievienot jaunu".

2. Jums tiks piedāvāts izvēlēties veidlapas valodu. Noklusējums ir "krievu valoda". Mēs nospiežam pogu "Pievienot jaunu"
3. Jūsu priekšā ir atvērts logs, kurā varat izveidot savu veidlapu ar saviem iestatījumiem.

Iespējas ir plašas, taču es gribu uzreiz norādīt uz dažām funkcijām. Logā, kurā tas tika atvērts, ir vairākas cilnes: "Veidlapas veidne", "Vēstule", "Paziņojumi pēc veidlapas iesniegšanas", "Papildu iestatījumi". Pēdējā cilne jums tas nav vajadzīgs, tas ir vairāk pielāgots pieredzējušiem lietotājiem un programmētājiem. Apskatīsim pārējos sīkāk.

"Paziņojumi par veidlapu iesniegšanu"- šie ir ziņojumi, ko jūsu vietnes apmeklētājs redzēs, iesniedzot veidlapu. Satur opcijas ziņojumiem gan veiksmīgiem, gan ar kļūdām un neveiksmēm. Šos sistēmas ziņojumus varat mainīt pēc saviem ieskatiem.

"Veidlapas veidne"- šajā sadaļā jūs ģenerēsiet Tagus, kas ir atbildīgi par nepieciešamo lauku atrašanu veidlapā.

"Vēstule"- šāds ir vēstules izskats un saturs, kuru saņemsiet pēc tam, kad apmeklētājs būs aizpildījis veidlapu.

UZMANĪBU: tagad mēs analizēsim, kas ir tagi un kādus laukus tie veido. Visas šīs atzīmes tiek ievadītas cilnē "Veidlapas veidne", bet, ja "atbildes tagus" neievadīsiet manuāli (!) Cilnē "Vēstule", aizpildītās veidlapas netiks aizpildītas pa e-pastu.

4. Tagu opcijas cilnē "Veidlapas veidne".

- teksts: pievieno tekstlodziņu (īsu).
- e-pasts: e-pasta lauks.
- URL: lauks vietnes adreses vai jebkuras saites norādīšanai.
- tel: kontakttālruņa lauks
- numurs: lauks, kurā var ievadīt tikai skaitlisku vērtību
- datums: datuma formāta lauks
- teksta apgabals: pievieno tekstlodziņu (garu).
- nolaižamā izvēlne: izvēlnes saraksts. Laukā ir papildu iestatījumi... Saraksts, kas izkritīs, ir norādīts laukā "Opcijas". Turklāt viens saraksta elements vienā rindā (nav atdalīts ar komatiem!). Ja ir atzīmēta opcija “Atļaut vairākas atlases”, lietotājs no jūsu saraksta varēs atlasīt vairākas opcijas. Ja blakus opcijai “Ievietot tukšu vienumu kā pirmo opciju” ir atzīme, tad augšpusē pēc noklusējuma tiks pievienots tukšs lauks, kuru var atlasīt arī lietotājs.

- izvēles rūtiņas: Izvēles rūtiņa (atzīmes). Laukam ir vairāki iestatījumi. Izvēles rūtiņu saraksts ir norādīts laukā “Opcijas”. Un viena izvēles rūtiņa vienā rindā (nav atdalīta ar komatiem!). Ja blakus vienumam “Ievietojiet etiķeti vispirms, izvēles rūtiņu pēdējā” ir atzīme, pēc noklusējuma izvēles rūtiņa būs pie pirmās izvēles rūtiņas. Ja ir atzīmēts vienums “Padarīt izvēles rūtiņas ekskluzīvas”, lietotājs varēs atzīmēt tikai vienu no izvēles rūtiņām.

- radio pogas: radio pogas. Radio pogas vienmēr ļauj atlasīt tikai vienu vienumu no saraksta. Saraksta ievadīšana ir līdzīga izvēles rūtiņām kolonnā. Iestatījumos varat iespējot “Vispirms ievietot etiķeti, pēdējā – izvēles rūtiņa”, tad pēc noklusējuma tiks atlasīta pirmā radiopoga no saraksta.

- pieņemšana: izvēles rūtiņa, neatzīmējot rūtiņu, uz kuru ziņojums netiks nosūtīts. Patiesībā šī ir iespēja kaut kam paņemt lietotāja beznosacījumu piekrišanu, pretējā gadījumā vēstule netiks nosūtīta. Piemēram, "Jūs piekrītat, ka jūsu sniegto informāciju apstrādās mūsu operatori."

- viktorīna: spraudņu inovācija. Šis lauks ļauj izveidot jautājumu un atbildi uz to. Ideāli piemērots surogātpasta aizsardzībai. Apskatiet jautājumu un atbilžu formatējumu tagu ģenerēšanas veidlapā.

Jebkurš lauks var būt obligāts (parasti šādi lauki ir atzīmēti ar *), lai to izdarītu, ir jāatzīmē izvēles rūtiņa Lauka veids> Obligāts lauks. Uzmanību! Neaizmirstiet tekstā norādīt lietotājiem, ka lauks ir jāaizpilda!

- CAPTCHA: captcha ir instalēta tikai kā papildu spraudnis. Bet principā ar viktorīnas tagu piliens ir daudz mazāks.

- fails: lauks izveido tagu, kas ļauj lietotājam ziņojumam pievienot failu. Tagu iestatījumos var norādīt “Faila lieluma ierobežojums (baiti)” maksimālo pievienotā faila lielumu, atļautos failu tipus (paplašinājumus atdala ar komatiem). Uzmanību, ja nenorādīsiet maksimālo pievienotā faila izmēru, tad pēc noklusējuma to nosaka jūsu servera iespējas. Precīzu informāciju par ierobežojumiem varat iegūt no hostinga uzņēmuma. Parasti maksimālais izmērs ir ierobežots līdz 10 MB.

submint: tags pievieno pogu "Iesniegt" (nosaukumu var mainīt).
Šis ir ekrāns ar visiem manis ģenerētajiem tagiem, un tālāk ir vietnes veidlapas ekrāns. Lūdzu, ņemiet vērā, ka “Veidlapas veidne” atbalsta HTML tagus, tāpēc es izmantoju šādus paskaidrojumus lietotājiem. izmantojot HTML tagus.

5. Cilne "Vēstule".

Tagad pāriesim uz veidlapu vēstules ģenerēšanai, kas jums tiks nosūtīta, un pievienosim tagus, kurus izmantojām "veidlapas veidnē". Pievērsiet uzmanību ekrānam. Lauki, kas nav iekļauti vēstules pamattekstā, tiek parādīti cilnes augšdaļā melnā krāsā, bet tie lauki, kas atrodas burta pamattekstā, ir pelēki.

Mēs pievienojam tos ziņojuma pamattekstam (lauks “Ziņojuma pamatteksts”): vienkārši nokopējiet melnā krāsā iezīmētos tagus un ielīmējiet tos ziņojuma pamattekstā. Lūdzu, ņemiet vērā, ka tagos norādītie cipari atbilst unikālajiem lauku numuriem, ko pievienojāt veidlapas veidnē. Tādā veidā jūs varat noteikt, kurš lauks uz ko attiecas, un parakstīt tos tieši vēstules pamattekstā, lai vēlāk neapjuktu.
Mēs saglabājam izmaiņas.

6. Veidlapas uzstādīšana vietnē.

Veidlapas izveides lapā nokopējiet īso kodu (parasti tas ir iezīmēts zilā vai brūnā krāsā) un ielīmējiet to jebkurā lapā vai ziņā.

Plusi un mīnusi īsumā

plusi
+ liels skaits lauku veidi
+ daudzvalodu atbalsts
+ lietošanas vienkāršība
+ bezmaksas
+ uzticams
+ nav pretrunā ar citiem spraudņiem
+ Tiek izstrādāts spraudnis Contact Form 7

Mīnusi:
- mēs nedrīkstam aizmirst pievienot papildu tagus ģenerētajam burtam
- veidlapas un burta dizains prasa minimālas HTML zināšanas

Secinājums: noteikti lielisks redaktors, ja ne pats labākais! Priecē elastība, uzticamība un stabilitāte. Ja tas būtu samaksāts, tas joprojām tiktu nopirkts, kopš nav citas kvalitātes tuvu tam. Es iesaku kontaktinformācijas veidlapas 7 spraudni.