Salutare dragi cititori de blog. Continuarea temei formularelor de feedback WordPress. Și din moment ce am vorbit despre ele, astăzi îmi propun să vorbim despre pluginul WP Contact Form 7. În continuare, vă voi arăta configurarea pas cu pas a pluginului și, de asemenea, vă voi descrie pe scurt suplimentele pentru acest plugin.

Navigare în pagină:

Descrierea formularului de contact WordPress 7

2) Activați pluginul Contact Form 7 în zona de administrare WordPress.

3) Accesați noua filă creată, așa cum se arată în imagine:

4) Faceți clic pe fila „Adăugați nou” și specificați limba implicită a formularului sau selectați cea necesară

5) Specificați numele formularului de contact și faceți clic pe Salvare.

6) Acum avem un shortcode care poate fi copiat și lipit în postare sau bară laterală pentru a afișa formularul - contact-form-7 id = "1252" title = "(! LANG: Formularul numărul 1)" (надо взять в !} paranteza patrata ca in poza).

7) Iată cum arată formularul nostru:

Bineînțeles că nu foarte drăguț, dar nimeni nu se deranjează să-ți creeze propriile stiluri sau să-ți creeze propria formă și să insereze inserții acolo.

Cum să afișați Formularul de contact 7 oriunde în șablon

La punctul 6 configurare pas cu pas V-am arătat cum puteți lua codul scurt CF7 și apoi am descris că acest cod poate fi afișat într-un widget sau postare sau pagină. În plus, vreau să spun că puteți afișa formularul de contact 7 oriunde în șablon. Pentru a face acest lucru, introduceți următorul cod simplu:

Asta e tot, dacă ai făcut totul corect, vei primi rezultatul Formular de contact 7 într-un loc arbitrar din șablonul WordPress.

Configurarea câmpurilor de introducere a formularului de contact 7

Datorită lui, veți avea în plus astfel de cutii precum:

Configurarea răspunsului la răspuns pentru formularul de contact 7

În noua versiune a pluginului CF7 4.4 și o versiune ulterioară, dezvoltatorul recomandă intrarea în câmpul de la (aici este pe skinul de mai jos)

adresa corectă care se potrivește domeniului dvs. Se vede de pe piele, iar această recomandare creează o problemă:

Cum să răspund unui utilizator dintr-un mail?

Dacă apăsați pe Răspuns, atunci vom răspunde la propriul nostru e-mail, de fapt, vom răspunde singuri. Acest lucru este foarte incomod, deoarece trebuie să copiem adresa utilizatorului manual, să o lipim în mailer și abia apoi să răspundem.

Există o soluție la această problemă și, ca întotdeauna, simplă. Ai nevoie pe teren Anteturi suplimentare adauga cod:

Raspunde la:

Desigur, your-email-sh trebuie înlocuit cu propriul cod scurt de e-mail. Vezi pielea de mai jos:

Acum, când primiți o scrisoare de la feedbackul WordPress, puteți face clic pentru a răspunde în e-mail și răspunsul dvs. va fi trimis la adresa de e-mail corectă.

Dacă după acești pași te confrunți cu o problemă - ar trebui să citești postarea făcând clic pe link. Sunt descrise principalele probleme și cauzele problemelor în pluginul Contact Form 7.

Asta e tot. Sper că înțelegeți cum sunt configurate pluginul și aspectele sale.

(Ultima actualizare: 19.05.2019)

Salutări, dragă cititor! Astăzi vă voi arăta cum să creați un formular de feedback pentru un site web/autor de blog în WordPress folosind popularul plugin Contact Form 7 (peste 5 milioane de instalări). Inclus în postare : setare corectă Formularul de contact 7, protecție împotriva spamului, cum se modifică și se configurează aspect forme. Și, de asemenea, a subliniat principalele motive - de ce formularul de contact nu funcționează și nu trimite scrisori .

Formular de contact este un mijloc important de a păstra legătura cu cititorii tăi și invers. Scrieți o scrisoare personală, faceți o ofertă autorului (pe care nu o poate refuza), puneți o întrebare, trimiteți ceva și multe altele. Toate acestea vor prelua și nu vor dezvălui informații valoroase celor din afară, formularul nostru de contact WordPress Contact Form 7. Iată, așa ceva. Am scris-o așa, mi-a plăcut și eu.

Oh, scrisoarea a sosit! Formularul de contact 7 Bravo

Nu te voi plictisi, dragă cititor, cu nicio mâzgălire – să trecem la treabă. Instalarea și configurarea corectă a modulului pentru WordPress - formularul de contact 7.

Modul de contact WordPress 7 Plugin

Plugin pentru formularul de contact WP 7

Formularul de contact 7 poate gestiona numeroase formulare de contact, unde puteți personaliza în mod flexibil conținutul formularelor și e-mailurilor cu un marcaj destul de simplu. Formularele au suport încorporat pentru trimiterile Ajax, CAPTCHA, filtrul de spam Akismet și multe altele.

Efectuăm toate manipulările în panoul de administrare WordPress. Pentru a instala pluginul, în secțiunea „Plugins”, faceți clic pe „Add new”. Introduceți în fereastra „Căutare” Formularul de contact 7. Desigur, acesta va fi afișat primul. Faceți clic pe „Instalare:

Cum se instalează pluginul

Formularul de contact nr. 1 implicit

Din imagine puteți vedea că implicit versiunea standard a formularului de contact și un shortcode gata făcut pentru inserarea pe o pagină nouă, postare sau pe panou lateral(prin widget text). Apariția implicită a formularului de contact 7, stabilit pe o pagină separată a site-ului:

Aspect: Formular de contact standard pe site-ul WordPress

Dacă doriți doar să vizualizați, să verificați sau să modificați, adică să adăugați câmpuri suplimentare, apoi faceți clic pe elementul „Schimbare”. Ecranul este deasupra.

Se deschide pagina „Editați formularul de contact”. Pluginul este în rusă și, prin urmare, îți va fi foarte ușor să-ți dai seama ce este. fila Șablon formular. Puteți modifica șablonul de formular pentru a se potrivi nevoilor dvs.

De exemplu, pentru a adăuga un câmp la o etichetă de încărcare a fișierului într-un șablon de formular, trebuie să: Marcați cu mouse-ul locul în care să inserați eticheta (cel mai bine după mesaj) și faceți clic pe fila „fișier” corespunzătoare. Cu această funcție, puteți permite utilizatorilor să-și încarce fișierele prin formularul dvs., iar apoi vi se va trimite un e-mail cu fișiere atașate:

Editați formularul de contact. fila Fișier

Se va deschide o fereastră - Form Tag Generator: fișier:

Pentru a atașa un fișier încărcat la e-mail, trebuie să inserați o etichetă ()

Formularul de contact 7 aplică restricții implicite privind tipul și dimensiunea fișierului. Când nu vă setați opțiunile, extensiile implicite de fișiere sunt: ​​jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav , și wmv. Și dimensiunea permisă a fișierului este de 1 MB (1.048.576 de octeți). Apăsăm butonul „Insert tag”:

Etichetă de fișier inserată în șablonul de formular

Acolo unde ați marcat cu cursorul mouse-ului și va apărea o etichetă suplimentară. Dacă ați lipit în locul greșit, copiați-l și plasați-l în locul potrivit. Adăugați etichetele necesare în formularul dvs. în același mod. Asigurați-vă că faceți clic pe butonul albastru „Salvați” după ce adăugați etichete suplimentare. Și așa va arăta butonul pentru atașarea unui fișier la un e-mail, după câmpul de mesaj:

Buton Selectați un fișier din formularul de contact

Dacă faci totul corect, atunci nu vei avea probleme cu câmpurile suplimentare.

Verificați, de asemenea, filele E-mail, Notificări de trimitere a formularelor și Setări avansate. După părerea mea, nu este nevoie să schimbi nimic. Dacă doar în Setări avansate poți specifica parametrul - numai pentru abonați - subscribers_only: true. Pentru mai multe informații, va exista un link către pagina de setări avansate a parametrilor.

Și acum, prieteni, trebuie să plasăm formularul de contact pregătit pe o pagină separată, nouă sau pe bara laterală a resursei web. Acest lucru se face cu ușurință.

Punem formularul de contact pe o pagina separata a site-ului/blogului

După toate setările și salvarea formularului, copiați codul scurt pe pagina Formulare de contact sau Editați formularul de contact. După aceea, creați o pagină nouă - secțiunea Pagini - Adăugați nou. Introduceți numele paginii, de exemplu „Contacte”. Comutați editorul de mesaje în modul „Text” și introduceți codul scurt în câmpul mesajului:

Pagina noua cu formular de contact

Daca ai pagina noua este adăugat automat în meniu, apoi setăm „Comanda” 1, 2 sau 3 (care se află în meniu, se va afișa pagina de Contact). Faceți clic pe butonul „Publicare”. Tot. Gata. De asemenea, puteți adăuga manual o pagină în meniu. Acum ai instalat un formular pentru a contacta autorul blogului/site-ului.

Folosind aceeași metodă, un formular de contact este adăugat în bara laterală, subsol sau textul articolului. Copiați codul scurt și inserați-l în postările dvs. sau în conținutul widget-ului text. Rețineți că oricând puteți edita formularul sau crea unul nou cu etichete/câmpuri diferite.

Primești spam prin Formularul de contact 7?

Există protecție. Spammerii afectează totul, formularele dvs. de contact nu fac excepție. Înainte de a primi spam, protejați-vă formularele de contact cu funcțiile puternice anti-spam ale Contact Form 7.

Formularul de contact 7 acceptă filtrarea spam-ului cu Akismet. ReCAPTCHA inteligent blochează spamboții enervante. Folosind lista neagră de comentarii, puteți bloca și mesajele care conțin anumite Cuvinte cheie sau trimise de la anumite adrese IP.

Faceți clic pe „Integrare”. Google reCAPTCHA vă protejează de spam și alte abuzuri automate. Cu ajutorul modulului de integrare a formularului de contact 7 reCAPTCHA, puteți bloca trimiterea formularului de către roboții de spam.

Integrare Google reCAPTCHA v3: protecție împotriva spamului

Integrarea pluginului cu alte servicii recaptcha

Trample Setup Integration, apoi urmați linkul pentru a obține cheile API ReCaptcha:

reCAPTCHA este serviciu Google

Pentru a începe să utilizați reCAPTCHA, mai întâi trebuie să vă înregistrați site-ul WordPress. reCAPTCHA este un serviciu Google, așa că pentru a-l folosi aveți nevoie cont google... Conectați-vă la Google folosind contși urmați linkul https://www.google.com/recaptcha/admin... Veți vedea un formular simplu de înregistrare, cum ar fi:

Înregistrați un site WordPress. Goodle reCAPTCHA

Vă rugăm să introduceți un titlu. Selectați reCAPTCHA v3 (reCAPTCHA v3 nu necesită un widget CAPTCHA (nu sunt o casetă de selectare robot folosită în reCAPTCHA v2)) și introduceți domeniul site-ului în câmpul Domenii. După înregistrarea unui site, veți primi o cheie de site și o cheie secretă. Introduceți-le (captura de ecran de mai sus) și salvați setările. Asta e tot. Formularul dvs. de contact folosește acum contul reCAPTCHA pentru a verifica dacă mesajul a fost trimis de la un om sau de la un spambot.

Dacă decideți să instalați Contact Form 7, atunci vă sfătuiesc să instalați suplimentul Contact Form 7 Style în plus față de acesta. Vă va permite să editați aspectul formularului dvs. Puteți nu numai să alegeți unul dintre șabloanele gata făcute, ci și să vă creați propriul design unic. Vrei să-ți schimbi look-ul? Atunci continuarea este special pentru voi, cunoscători ai frumosului.

Apariția formularului de contact - Formular de contact 7 Style

Stiluri formular de contact 7

Contact Form 7 Style Plugin este un add-on Contact Form 7 care trebuie instalat pe site-ul dvs. WordPress. Acceptă stiluri personalizate care pot fi gestionate cu ușurință prin panoul de administrare. Există și șabloane predefinite care pot fi activate în setările formularului de contact 7. În setările pluginului principal va apărea inserție nouă- Formularul de contact 7 Model Model. Personalizarea aspectului:

Șabloane gata făcute pentru formular

De exemplu, am schimbat exteriorul standard în ceva de genul acesta:

Apariția formularului de contact

Nu uitați că vă puteți seta propriile parametri de stil personalizat:

Pluginul acceptă stiluri personalizate care pot fi gestionate prin panoul de administrare

In concluzie:

Trimiterea de e-mailuri din Formularul de contact 7 funcționează fără probleme pentru majoritatea oamenilor. Dar se dovedește că nu pentru toată lumea. Chiar dacă pluginul trimite cu succes milioane de e-mailuri în fiecare zi, există multe probleme care pot întârzia sau opri e-mailuri, atât pe partea de trimitere, cât și pe cea de primire a unui e-mail tipic.

De ce nu funcționează Formularul de contact 7 (nu trimite e-mailuri)?

1. Problemele dvs. de gazduire. Este important să rețineți că trimiterea și primirea de e-mailuri depinde în mare măsură de serverul care găzduiește site-ul dvs. WordPress;
2. Asigurați-vă că utilizați adresa de e-mail de retur corectă;
3. E-mailul dvs. poate fi considerat spam;
4. Pluginurile sau temele intră în conflict cu Formularul de contact 7;
5. Conflicte Javascript.

Dacă nu puteți trimite e-mailuri de la acest plugin, este probabil să nu puteți trimite e-mailuri de la WordPress în general. În acest caz, domnilor, puteți obține întrebările frecvente despre plugin pe pagină https://contactform7.com/faq/.

Sau pe forumul de suporthttps://wordpress.org/support/plugin/contact-form-7/. limba engleză nu contează, cu traducerea browserului tău preferat totul va fi clar.

Asta e tot pentru mine. Se pare că nu am uitat nimic. Toate cele bune. Mult succes prieteni.

P.S. Se pare că editarea postărilor vechi (informațiile pentru cititori ar trebui să fie mereu la zi) necesită același timp ca și scrierea instructiuni noi... Groază!

(funcție (w, d, n, s, t) (w [n] = w [n] ||; w [n] .push (funcție () (Ya.Context.AdvManager.render ((blockId: „RA -292864-4 ", renderTo:" yandex_rtb_R-A-292864-4 ", asincron: 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);)) (acest lucru , this.document, "yandexContextAsyncCallbacks");

Un formular de contact este un atribut esențial al majorității site-urilor. Acesta este motivul pentru care există atât de multe plugin-uri în directorul WordPress pentru formulare de contact... Unul dintre cele mai populare este Formularul de contact 7. Plugin-ul vă permite să creați formulare de orice fel; foarte flexibil și ușor de personalizat; se dezvoltă de mulți ani și conține multe evoluții.

Creați și afișați formulare de contact

Crearea formularelor în zona de administrare

După instalarea pluginului, va apărea elementul de meniu „Contact Form 7”, prin care puteți crea și șterge formulare.

Formularul din imagine este creat automat când pluginul este activat.

Să folosim formularul implicit creând o pagină Contactați-mă și inserând acolo codul scurt al formularului.

Partea din față a site-ului

Acum să salvăm articolul și să vedem cum arată formularul nostru (folosind tema Twenty Sixteen):

Imaginea prezintă formularul după scrisoarea trimisă (aceasta este indicată de notificarea din partea de jos a formularului).

Personalizarea formularelor (crearea de formulare complexe)

Exemplul de mai sus arată cum să inserați un gata făcut și foarte formă simplă contacte. Acum să aruncăm o privire la cum să creați o formă mai complexă. Pentru a face acest lucru, reveniți la panoul de administrare, la managerul de formulare și treceți la editarea formularului implicit.

În câmpul superior - numele formularului (este vizibil doar în panoul de administrare), indicăm un nume care este de înțeles pentru noi înșine, de exemplu: „Feedback pe site”, „Formular de cerere de angajare”, „Formular de feedback ", etc.

Sub titlu este un shortcode. Îl folosim în înregistrări pentru a afișa formularul.

Și mai jos sunt patru file:

1. Șablon de formular
2. Scrisoare
3. Setari aditionale

Să luăm în considerare fiecare filă separat.

Șablon de formular

În această filă, puteți personaliza câmpurile și aspectul formularului. Zona de lucru este Editor HTML WP. Doar în locul butoanelor obișnuite vedem butoane pentru inserarea diferitelor câmpuri de formular.

Dispunerea formularului

Pentru aspect, puteți utiliza etichete html și coduri scurte pentru plugin. Shortcode-urile adaugă câmpuri de formular, iar etichetele html vă permit să creați o structură HTML arbitrară. De exemplu, formularul nostru implicit arată astfel:

Numele tău (obligatoriu) E-mailul dvs. (obligatoriu) Subiect Mesaj

Și când este afișat într-o postare, se va transforma în acest HTML:

Sintaxa codului scurt

Să facem clic pe butonul „Text”. Se deschide o fereastră în care putem specifica atribute pentru câmpul de text. Specificați și faceți clic pe „Inserați etichetă”.

Eticheta va fi convertită ulterior într-un câmp text cu cod html:

Shortcode-urile pot fi create convenabil prin intermediul generatorului de shortcode.

Dar constructorul nu vă permite să schimbați codul scurt (puteți crea doar codul scurt acolo). Există două moduri de a schimba codul scurt:

1. ștergeți și creați unul nou folosind constructorul.
2. învață sintaxa și remediază manual shortcode-ul câmpului.

Cu constructorul, vă veți da seama.

Și aici vom analiza sintaxa shortcode-ului.

De exemplu, luați în considerare eticheta casetă de text cu optiuni suplimentare:

Text (necesar) Tipul câmpului: text, selectare, parolă, număr etc. (v în acest caz câmp de text). Stabilește în ce element de formă va fi transformată eticheta noastră, ceea ce înseamnă ce fel de date va primi. * Un asterisc face câmpul obligatoriu (formularul nu va fi trimis și va fi afișată o notificare că câmpul trebuie completat). numele clientului (necesar) Numele câmpului este folosit ca atribut de nume în introducere și este folosit și atunci când se formează un șablon pentru o scrisoare de ieșire. id: my-id Atributul id la intrare cu valoarea my-id. Folosit pentru decorare. class: my-class Atributul de clasă la intrare cu valoarea my-class. Folosit pentru decorare. substituent „(! LANG: Introduceți numele" Использовать текст "Введите имя" как placeholder. !}

Observați ordinea atributelor etichetei: mai întâi vine tipul câmpului, apoi numele acestuia și abia apoi opțiunile suplimentare.

Tipuri de câmpuri

• Câmpuri de text: text, email, tel, url, textarea
• Câmpuri numerice: număr, interval
• Câmpuri pentru dată: dată
• Casete de selectare, radio, liste: casetă de selectare, radio, selectare
• Câmp de încărcare fișier: fișier
• CAPTCHA: captchac și captchar
• Sondaje: chestionare
• Câmp de acceptare: acceptare
• Buton de trimitere: trimite
• Tip de câmp arbitrar

Șablon de scrisoare

În a doua contribuție, puteți ajusta șablonul (aspectul) și proprietățile scrisorii trimise. În câmpurile acestei file, puteți utiliza etichete speciale ale câmpurilor de formular - acest lucru face posibilă transferul datelor specificate în formularul din scrisoare.

Etichetele sunt compuse din nume de câmpuri dintr-un șablon de formular. De exemplu, am creat o casetă de text numită:. Acum puteți utiliza eticheta în șablonul dvs. de e-mail. În scrisoare, în locul acestei etichete, se va înlocui valoarea câmpului introdus de utilizator (nume complet).

Anteturi de e-mail:

La care - e-mail unde va fi trimisă scrisoarea. Puteți specifica câte casete doriți, separate prin virgule.

De la cine - numele și adresa de e-mail, de la cine a venit scrisoarea. De obicei, e-mailul serverului este indicat aici (de exemplu [email protected]).

Puteți specifica orice e-mail, dar dacă domeniul de e-mail diferă de domeniul site-ului, formularul nu va fi testatși va „înjura” pe acest parametru, deși scrisorile vor fi în continuare trimise.

Subiect - Subiectul scrisorii. Va fi clar din ce formă au fost trimise datele. De exemplu, linia de subiect este „Eroare pe site”, „Ordine de apelare” și așa mai departe. Alegeți un titlu care facilitează lucrul cu scrisorile pe care le primiți.

• Anteturi suplimentare - În mod implicit, acesta este setat la Răspuns-La:. Antetul Răspuns-La ne spune că la acest e-mail se poate răspunde făcând clic pe butonul Răspuns în program de mail iar eticheta de formular este numele câmpului din șablon. E-mailul specificat de utilizator va fi inserat în locul acestei etichete. Primești ceva de genul Răspuns la: [email protected].

Corpul scrisorii

Acesta este următorul parte principală din această filă. Textul scrisorii în sine este indicat aici. În text, folosim toate aceleași etichete de formular (nume de câmpuri din șablonul de formular).

Să analizăm litera implicită:

Din:<>Subiect: Mesaj: - Trimis de pe site Studiem pluginul Formular de contact 7 (http://test-wp.ru)

Am avut 4 câmpuri pe care utilizatorul le-a completat. După trimiterea scrisorii, etichetele se vor transforma în valori și vom primi următoarea scrisoare:

De la: Dmitri Subiect: Întrebare despre Formularul de contact 7 Mesaj: Bună ziua! Am o întrebare despre pluginul Contact Form 7. Cum îl pot configura? - Trimis de pe site Studiem pluginul Formular de contact 7 (http://test-wp.ru)

Câmpuri opționale din corpul e-mailului

Dacă utilizatorul nu completează câmpul, dar este folosit în corpul scrisorii, atunci corpul scrisorii va fi incomplet. De exemplu, corpul spune Omul din oraș, dar utilizatorul nu a completat câmpul, ceea ce înseamnă că în scrisoare vom primi un Om din oraș... O astfel de rând în scrisoare este de prisos. Pentru a elimina această linie din mesaj, bifați caseta „Excludeți ieșirea liniilor cu etichete de mesaj goale”. Rețineți că acest lucru va funcționa numai atunci când textul câmpului și codul scurt sunt pe aceeași linie.

Opțiunea „Utilizați formatul de e-mail HTML”. Permite utilizarea etichetelor HTML în corpul mesajului. În acest caz, puteți utiliza o listă limitată Etichete HTML pentru că nu toate clienti de mail sau serviciile pot gestiona corect markup HTML complex. Puteți folosi: mese, liste cu marcatori, îndrăzneală, paragrafe și așa mai departe. Cauta mai multe detalii pe net.

Formularul de contact 7 vă permite să trimiteți o scrisoare la două adrese, iar setările pentru fiecare scrisoare sunt diferite. Acest lucru poate fi util atunci când trebuie să trimiteți o scrisoare administratorului site-ului cu informații complete și un duplicat către manager, care conține doar datele comenzii.

Notificări de trimitere a formularelor

În această filă, puteți edita mesajele pe care formularul le afișează într-o anumită situație: la trimiterea cu succes sau nereușită a unei scrisori, sau în cazul unor erori.

Etichetele șablonului de e-mail nu funcționează în aceste câmpuri.

Setari aditionale

Această filă este destinată utilizatorilor avansați și vă permite să extindeți capacitățile formularului folosind codul JS. De exemplu, postarea de evenimente pentru analiză.

Vă voi spune despre utilizarea acestei funcționalități într-un articol separat.

Pluginul Contact Form 7 va ajuta la organizarea feedback-ului pe site-ul dvs.

Puteți descărca pluginul Contact Form 7 de pe site-ul oficial WordPress

Puteți descărca pluginul Really Simple CAPTCHA de pe site-ul oficial WordPress

Am examinat cum să instalăm și să conectăm acest plugin în lecția „”, acum ne vom ocupa funcții suplimentare plugin Formular de contact 7. Formularul funcționează corect pe monitoare, tablete, telefoane și laptopuri. Apropo, dacă laptopul tău este stricat, atunci există un serviciu în care laptopurile HP sunt reparate.

După ce ați descărcat și activat pluginul, accesați setările pluginului accesând noua sectiune panoul de control „Contacte”.

Treceți cu mouse-ul peste numele formularului și selectați „Editați”

Se va deschide o fereastră pentru modificarea parametrilor formularului.

Întrucât site-ul poate folosi nu unul, ci mai multe formulare (un formular pentru trimiterea unui mesaj, un formular pentru comandarea unui apel, un formular cu date personale), astfel încât să nu existe confuzii cu privire la ce formular este responsabil pentru ce, trebuie să schimba numele formularului. Pentru a face acest lucru, faceți clic pe numele formularului 1.

Blocul 2 afișează ceea ce va fi afișat pe pagină în formular. Mai întâi vine textul, numele câmpului, după codul acestui câmp. Puteți schimba textul în ceea ce doriți.

Pentru a adăuga câmpuri noi în formular, faceți clic pe lista derulantă # 3 - „Generează etichetă” și selectați elementul necesar din lista derulantă.

• Câmp text
• E-mail
• Numar de telefon
• Număr (cutie rotativă)
• Număr (cursor)
• Câmp text
• Meniu derulant
• Casete de selectare
• Butoane radio
• Acceptare
• Întrebare
• CAPTCHA
• Fișier încărcat
• Buton de trimitere

În mod implicit, sfaturile cu instrumente și câmpurile de formular sunt situate după cum urmează: în partea de sus a balonului cu instrumente, în partea de jos a elementului. Dacă doriți să plasați descrierea și elementul pe o singură linie, eliminați eticheta după text

... Întregul bloc cu descriere și elemente trebuie să fie pe o singură linie și să fie în interiorul etichetei

Câmp text

Din lista derulantă, selectați elementul „Câmp text”

Dacă este necesară orice funcție pe care o adăugați - bifați caseta 1 și nu uitați să scrieți despre aceasta în descriere.

Puteți adăuga în câmpul de introducere Informații suplimentare pentru a facilita completarea formularului. Bifați caseta 2 „Folosiți ca substituent?” și scrieți un indiciu lângă el în câmp. Când acest câmp este completat în formular, textul indicativ va dispărea. Apoi urmați instrucțiunile pluginului. Ca rezultat, obțineți următorul câmp în forma finală:

Asigurați-vă că lipiți codul în șablonul de e-mail, altfel datele din acest câmp nu vor fi trimise pe e-mail! Acest lucru se aplică nu numai câmpurilor de text, ci și oricăror alte elemente.

E-mail

Folosit pentru a trece la formularul de adresă cutie poștală expeditor

Url

Vă permite să adăugați adresa site-ului în formular.

Numar de telefon

În acest câmp pot fi introduse numai numere.

Număr (cutie rotativă)

Un câmp în care puteți seta cantitatea de ceva, cum ar fi un articol. Numărul este stabilit prin săgețile sus/jos.

Data

Inserează un calendar care poate fi selectat după dată în formular. De exemplu, este folosit pentru rezervări la hotel. Data sosirii, data plecarii.

Câmp text

Da, nu fi surprins 🙂 Un alt câmp de text. De data aceasta, acest domeniu are dimensiuni mariși vă permite să scrieți mult text în el. De exemplu recenzii, comentarii.

Meniu derulant

Când există multe opțiuni pentru ceva și trebuie să selectați un articol dintr-o listă mare, de exemplu, o listă de orașe, străzi, bunuri.

Lista trebuie plasată în câmpul Selecție, fiecare articol pe un rând nou.

Casete de selectare

O casetă de selectare sau, în jargonul dezvoltatorilor, o casetă de selectare, este un element care creează o casetă de selectare. Acest câmp are două stări - bifat sau nu. Este posibilă alegerea multiplă. Aranjate doar pe rând, dacă bifați caseta „Fă casetele de selectare mutual exclusive?” atunci poate fi selectat un singur parametru.

Butoane radio

Comutatoarele (jarg. Butoane radio) sunt folosite atunci când este necesar să selectați o singură opțiune din mai multe oferite. Bifând caseta de selectare „Plasați mai întâi o etichetă și apoi o casetă de selectare?” locația etichetei și câmpul de selecție se modifică, implicit, mai întâi selecția, apoi eticheta.

Acceptare

Confirmarea a ceva. Să ne asumăm acordul de acceptare a condițiilor descrise mai sus.

Întrebare

Aceasta este prima linie de apărare împotriva spamului, cea mai elementară. În decor, scrieți o întrebare, poate fi în cifre, poate fi cu litere, sau așa și așa și indicați răspunsul corect. Dacă răspunsul la completarea formularului este corect, atunci formularul va fi trimis. Verdele indică ce parte a acestei formule va fi afișată pe site în fața câmpului de introducere a răspunsului, roșu - răspunsul. Răspunsul corect în formulă se scrie după | (bară verticală)

Adaugă protecție împotriva spamului formularului.

Este necesar încă un plugin pentru ca această funcție să funcționeze. Descărcați, instalați, activați pluginul.

Puteți lăsa setările neschimbate, copiați și lipiți 2 rânduri în fața butonului de trimitere.

Fișier încărcat

Puteți atașa un fișier la formularul de trimitere a mesajului. În setări, puteți specifica dimensiunea maximă în octeți și formatele permise pentru încărcare, de exemplu jpg .tiff .doc

Buton de trimitere

Trimiterea formularului. În setările din secțiunea „Etichetă” - puteți da numele butonului (Trimite, răspunde, trimite 🙂)

Personalizarea aspectului formularului de contact 7

Deoarece pluginurile au proprietăți care trebuie actualizate, vom face modificări la aspectul formularului în fișierul de stil al temei site-ului style.css

Următorul cod este responsabil pentru afișarea formularului, câmpurilor acestuia și a altor elemente:

Wpcf7 (culoarea fundalului: #ddd;) / * culoarea fundalului formularului * / .wpcf7 intrare, .wpcf7 textarea (padding: 5px; culoare: # 1D1D1D; font-family: Arial, Helvetica, sans-serif; font-size: 16px; înălțime linie: 20px; chenar: 1px solid # C7C7C7; umbră casetă: inserție 2px 2px 8px # F9F9F9; -webkit-transition: toate 0,2s ease; -moz-transition: toate 0,2s ease; -o-transition : toate 0,2 s ușurință; tranziție: toate 0,2 s ușurință;) .wpcf7 .wpcf7-list-item (padding-left: 0; margin-left: 0; margin-right: 25px;) .wpcf7 .wpcf7-list-item intrare (chenar: niciunul; padding-left: 0; margin-left: 0;) .wpcf7 select (contur: niciunul; font-size: 16px; font-family: Arial, Helvetica, sans-serif;) .wpcf7 input: hover, .wpcf7 input: focus, .wpcf7 input: activ, .wpcf7 textarea: hover, .wpcf7 textarea: focus, .wpcf7 textarea: activ (fond: #FDFDFD; contur: niciunul;)

Ce este acolo ce.

.wpcf7 intrare, .wpcf7 textarea - stilul câmpului de introducere (câmp text)

1. căptușeală- setează indentarea de la conținut la marginea elementului. Iată indentarea de la textul introdus în câmp până la marginea câmpului. Setați la valoarea în pixeli Xpx, unde X este numărul de pixeli. Exemplu: umplutură: 5px 3px 6px 8px;
2. culoare- culoarea textului.
3. familie de fonturi- fontul câmpurilor de intrare.
4. marimea fontului- marimea fontului
5. inaltimea liniei- inaltimea liniei
6. frontieră- chenar în jurul câmpului de introducere
7. cutie-umbră- blocați umbra. medalion indică faptul că umbra este interioară. Dacă aveți nevoie de o umbră exterioară, omiteți această valoare. A doua și a treia valoare 2px 2px indică amestecarea umbrei pe orizontală și, respectiv, pe verticală. A patra valoare, 8px, stabilește raza de estompare a umbrei. A cincea - # F9F9F9 - culoarea umbrei.

Personalizarea butonului Formular de contact 7

.buttons_form (padding: 0px; înălțime: 30px; lățime: 150px! important; chenar: niciunul! important; cursor: pointer; culoare: #fff; -webkit-border-radius: .5em; -moz-border-radius:. 5em; chenar-rază: .5em; culoare: #faddde; chenar: solid 1px # 980c10; fundal: # d81b21; fundal: -webkit-gradient (liniar, stânga sus, stânga jos, de la (# ed1c24), la (# aa1317); fundal: -moz-linear-gradient (sus, # ed1c24, # aa1317); filtru: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# ed1c24", endColorstr = "# aa1317");)

Formularul de contact 7 Stilul de notificare

El este responsabil pentru mesajele de eroare sau trimiterile cu succes.

Wpcf7 .wpcf7-validation-errors (chenar: niciunul; fundal-culoare: # 246416; culoare: #fff; margine: 0; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (chenar: niciunul; fundal-culoare: # 7ad33f; margine: 0; padding: 20px; -webkit-border-radius: 10px; -moz-border -radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ng (chenar: niciunul; fundal-culoare: # 349622; margine: 0; padding: 20px; -webkit-border-radius: 10px ; -moz-border-radius: 10px; border-radius: 10px; culoare: alb;) .wpcf7 span.wpcf7-not-valid-tip (chenar: niciunul; culoare de fundal: # 349622; umplutură: 5px; padding- stânga: 5px; padding-dreapta: 5px; chenar-rază: 10px; lățime: 290px; culoare: alb; / * umbră * / -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);)

Și acum, pentru comoditate, întregul cod cu comentarii:

Wpcf7 (culoarea fundalului: #ddd;) / * culoarea de fundal a formularului * / .wpcf7 intrare, .wpcf7 textarea (/ * Această parte a codului este responsabilă pentru stilul câmpurilor de introducere, zonele de text * / padding: 5px ; / * Setează indentarea din elementul fields înaintea conținutului său, puteți pune orice valoare, de exemplu 10px * / culoare: # 1D1D1D; / * Culoarea textului în câmpurile de introducere * / font-family: Arial, Helvetica, sans- serif; / * Fontul textului în câmpurile de introducere * / font -size: 16px; / * Mărimea textului în câmpurile de introducere * / line-height: 20px; / * Înălțimea liniei în câmpurile de introducere * / chenar: 1px solid # C7C7C7; / * Chenarul din jurul câmpurilor. Prima valoare este lățimea în pixeli, a doua - stilul chenarului, a treia - culoarea sa * / caseta-umbră: inserție 2px 2px 8px # F9F9F9; / * Umbră din câmpurile de intrare. 2px - deplasare de-a lungul axei x, 2px - deplasare de-a lungul axei y, 8px - raza de estompare a umbrei, # F9F9F9 - culoarea umbrei * / -webkit-transition: toate 0,2 s ușurință; -moz- tranziție: toate 0,2 s ușurință; -o-tranziție: toate 0,2 s ușurință; tranziție: toate 0,2 s ușurință;) .wpcf7 .wpcf7-list- element (padding-left: 0; margin-left: 0; margin-right: 25px;) .w pcf7 .wpcf7-list-item intrare (chenar: niciunul; padding-stânga: 0; margine-stânga: 0; ) .wpcf7 select (contur: niciunul; font-size: 16px; font-family: Arial, Helvetica, sans-serif;) .wpcf7 input: hover, .wpcf7 input: focus, .wpcf7 input: activ, .wpcf7 textarea: hover, .wpcf7 textarea: focus, .wpcf7 textarea: activ (/ * Această parte este responsabilă pentru stilul câmpurilor de introducere când cursorul mouse-ului este peste ele * / fundal: #FDFDFD; / * Fundalul câmpului de intrare când indicatorul mouse-ului este peste el * / outline: none; / * Chenarul exterior al câmpului de introducere a textului * /) .wpcf7 input.wpcf7-submit (/ * Această parte a codului este responsabilă pentru stilul butonului Trimitere din forma * / -webkit-tranziție: 0; -moz-tranziție: 0; - o-tranziție: 0; tranziție: 0; chenar: niciunul; / * Chenar în jurul butonului * / poziție: relativă; culoare: #fff; / * Culoare text * / text-transform: majuscule; / * Text Transform (majusculă înseamnă că textul de pe buton va fi afișat cu litere mari) * / / * Colțurile butoanelor rotunjite. Valorile următoarelor trei proprietăți ar trebui să fie aceleași, deoarece sunt aceleași, doar pentru browsere diferite * / -webkit-border-radius: 6px; / * Colțuri rotunjite pentru Chrome * / -moz-border-radius: 6px; / * Colțuri rotunjite pentru Mozilla FireFox * / border-radius: 6px; / * Colțuri rotunjite pentru toate celelalte browsere, inclusiv cele mobile * / font-size: 14px; / * Dimensiunea textului butonului * / font-weight: bold; / * Stil text (bold înseamnă bold) * / padding-top: 11px; / * Umplutură de sus de la marginea elementului până la conținutul său * / padding-bottom: 10px; / * Umplutură de la partea de jos a marginii elementului până la conținutul său * / padding-left: 35px; / * Umplutură la stânga marginii elementului până la conținutul său * / padding-right: 35px; / * Indentație de la dreapta marginii elementului până la conținutul său * / / * Fundal gradient - Fundal degradat al butonului * / culoare de fundal: # 000000; / * Culoarea de fundal a butonului dacă gradientul nu este acceptat de browser * / / * În următoarele proprietăți, culorile trebuie specificate la fel, deoarece sunt aceleași, doar pentru browsere diferite. Să aruncăm o privire la prima proprietate. Partea de la (# 676767), la (# 3B3B3B) înseamnă că trebuie să afișați gradientul, unde tranziția de la culoarea # 676767) trece la culoarea # 3B3B3B * / fundal: -webkit-gradient (liniar, stânga sus, stânga jos, de la (# 676767), la (# 3B3B3B)); fundal: -moz-linear-gradient (sus, # 349622, # 246416); filtru: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 349622", endColorstr = "# 246416"); -ms-filter: „progid: DXImageTransform.Microsoft.gradient (startColorstr = # 349622, endColorstr = # 246416)”; / * Drop Shadow - Umbra butonului. Culoarea umbrei este specificată în 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); ) / * On hover - Stilul butonului la hover. Totul este aproape la fel ca în blocul anterior * / .wpcf7 input.wpcf7-submit: hover (cursor: pointer; text-decoration: none; background-color: # 000000; background: -webkit-gradient (liniar, stânga sus) , stânga jos, de la (# 246416), la (# 349622)); fundal: -moz-linear-gradient (sus, # 246416, # 349622); filtru: progid: DXImageTransform.Microsoft.gradient (startColorstr = "# 246416) ", endColorstr =" # 349622 "); -ms-filter:" progid: DXImageTransform.Microsoft.gradient (startColorstr = # 246416, endColorstr = # 349622) ";) / * La clic - stilul butonului la clic pe el . aproape la fel ca în blocul anterior * / .wpcf7 input.wpcf7-submit: activ (sus: 1px; culoare: # d8c6e2; / * Culoarea textului butonului când faceți clic pe el * / background-color: # 000000; fundal: -webkit-gradient (liniar, stânga sus, stânga jos, de la (# FF0000), la (# 246416)); fundal: -moz-linear-gradient (sus, # FF0000, # 246416); filtru: progid: DXImageTransform . Microsoft.gradient (startColorstr = "# FF0000", endColorstr = "# 246416"); -ms-filter: "progid: DXImag eTransform.Microsoft.gradient (startColorstr = # FF0000, endColorstr = # 246416) "; -webkit-box-shadow: niciuna; -moz-box-shadow: niciuna; caseta-umbra: niciuna; ) / * Mesaje CF7 - Stil de mesaje despre trimiterea cu succes, erori etc. * / .wpcf7 .wpcf7-validation-errors (/ * Stilul mesajelor pentru erori de validare * / chenar: niciunul; / * Cadrul blocului de mesaje * / background-color: # 246416; / * Background * / color: #fff ; / * Culoare text * / marginea: 0; / * Umplutură exterioară * / Umplutură: 20px; / * Umplutură * / / * Colțuri rotunjite pentru diferite browsere - următoarele 3 proprietăți * / -webkit-border-radius: 10px; - moz-border -radius: 10px; border-radius: 10px;) .wpcf7 .wpcf7-mail-sent-ok (/ * Stilul mesajelor despre trimiterea cu succes * / chenar: niciunul; / * Cadrul blocului de mesaje * / fundal -culoare: # 7ad33f; / * Fundal * / margine: 0; / * Umplutură exterioară * / padding: 20px; / * Umplutură * / / * Colțuri rotunjite pentru diferite browsere - următoarele 3 proprietăți * / -webkit-border-radius : 10px; -moz- raza-chenar: 10px; raza-chenar: 10px;) .wpcf7 .wpcf7-mail-sent-ng (chenar: niciunul; culoarea fundal: # 349622; margine: 0; umplutură: 20px; - webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; culoare: alb;) .wpcf7 span.wpcf7-not-valid-tip (chenar: niciunul; fundal nd-culoare: # 349622; umplutură: 5px; padding-stânga: 5px; padding-dreapta: 5px; chenar-rază: 10px; latime: 290px; culoare albă; / * Umbră * / -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: stânga;) .wpcf7-form .mright20 (marja-dreapta: 20px;) .wpcf7-form .mright40 (marja-dreapta: 40px;) .wpcf7-form .clear (clar: ambii;)

Instrucțiuni detaliate pentru instalarea, configurarea și utilizarea pluginului de formular de feedback pentru un site WordPress. Modul de contact 7 este activat acest moment este cel mai bun din categoria sa.

Faptul că nu există nicio alternativă evidentă chiar și printre pluginurile plătite poate fi judecat după cât de des este utilizat pluginul Contact Form 7. La momentul scrierii acestui articol, acest plugin a fost descărcat de peste 28.800.000 de ori numai de pe site-ul oficial WordPress, iar nota medie este de 4,5 din 5! Acesta este cu adevărat un indicator al unui mare succes. În plus, dacă te uiți la cele mai vândute teme WP premium, vei găsi pluginul Contact Form 7 așa cum este recomandat sau instalat implicit în aproape toate.

Pluginul Contact Form 7 este „live”, actualizat de autor cu fiecare versiune noua WordPress. Bug-urile și erorile sunt eliminate prompt. Nu au fost identificate conflicte evidente cu cele mai utilizate pluginuri.
Pluginul Contact Form 7 este complet gratuit, inclusiv. pentru uz comercial... După instalarea pluginului în panoul de setări, veți găsi solicitarea autorului pentru o „donație”.

Instalarea pluginului Contact Form 7

Puteți descărca pluginul Contact Form 7 de pe site-ul oficial WordPress (link de mai sus) sau direct prin filă „Plugin-uri”> „Adăugați nou”> Linia „Căutați pluginuri”> drive în „Formular de contact 7”... Nu uitați să activați pluginul înainte de a începe: „Plugin-uri”> „Instalat”> găsiți pluginul Formular de contact 7> faceți clic pe „Activare”... Un nou element „Formular de contact 7” va apărea în panoul de administrare lateral al site-ului dvs.

Configurarea pluginului Contact Form 7

Ceea ce este frumos este că pluginul Contact Form 7 este multilingv în mod implicit. Dacă versiunea dvs. de WordPress este în rusă, atunci pluginul va fi complet în rusă și puteți crea un formular de feedback în orice limbă. Limba formularului este specificată în timpul creării fiecărui formular. Nu există o secțiune separată pentru setări, toate setările sunt individuale pentru fiecare formular separat.

Un exemplu de adăugare a unui formular de feedback

1. Selectați în panoul de administrare „Formular de contact 7”> „Formulare”> butonul de pe pagina „Adăugați nou”.

2. Vi se va solicita să selectați o limbă pentru formular. Valoarea implicită este „rusă”. Apăsăm butonul „Adăugați nou”
3. S-a deschis o fereastră în fața dvs. în care vă puteți crea formularul cu setările dvs.

Posibilitățile sunt extinse, dar vreau să subliniez imediat câteva caracteristici. Fereastra în care s-a deschis conține mai multe file: „Șablon formular”, „Scrisoare”, „Notificări la trimiterea formularului”, „Setări suplimentare”. Ultima filă nu aveți nevoie de el, este mai mult o personalizare pentru utilizatori și programatori avansați. Să aruncăm o privire mai atentă la restul.

„Notificări de trimitere a formularelor”- acestea sunt mesajele pe care un vizitator al site-ului dvs. le va vedea atunci când trimite un formular. Conține opțiuni pentru mesaje atât cu succes, cât și cu erori și eșecuri. Puteți modifica aceste mesaje de sistem la discreția dvs.

„Șablon de formular”- în această secțiune veți genera Etichete, care sunt responsabile pentru prezența câmpurilor obligatorii în formular.

"Scrisoare"- acesta este aspectul și conținutul scrisorii pe care o veți primi după ce vizitatorul a completat formularul.

ATENŢIE: acum vom analiza ce sunt etichetele și ce câmpuri creează. Toate aceste etichete sunt introduse în fila „Șablon de formular”, dar dacă nu introduceți manual „etichetele de răspuns” (!) În fila „Scrisoare”, atunci formularele completate nu vor ajunge complet la e-mailul dumneavoastră.

4. Opțiuni pentru etichete în fila „Șablon formular”.

- text: adaugă o casetă de text (scurtă).
- e-mail: câmp pentru e-mail.
- URL: câmp pentru indicarea adresei site-ului sau a oricărui link.
- tel: câmpul de telefon de contact
- număr: un câmp în care poate fi introdusă doar o valoare numerică
- Data: câmpul format de dată
- zona de text: adaugă o casetă de text (lungă).
- meniu derulant: lista verticală. Câmpul are setari aditionale... Lista care va renunța este indicată în câmpul „Opțiuni”. Mai mult, un element al listei pe o singură linie (neseparat prin virgule!). Dacă „Permite selecții multiple” este bifat, utilizatorul va putea selecta mai multe opțiuni din lista ta. Dacă există o bifă lângă „Inserați un articol necompletat ca primă opțiune”, atunci va fi adăugat implicit un câmp necompletat în partea de sus, care poate fi selectat și de utilizator.

- casete de selectare: Casetă de selectare (marca de bifare). Câmpul are mai multe setări. Lista casetelor de selectare este indicată în câmpul „Opțiuni”. Și o casetă de selectare pe o linie (neseparată prin virgule!). Dacă există o bifă lângă „Pune o etichetă mai întâi, apoi o casetă de selectare”, în mod implicit, caseta de selectare va fi la prima casetă de selectare. Dacă elementul „Make checkboxes exclusive” este bifat, atunci utilizatorul va putea bifa doar una dintre casete de selectare.

- butoane radio: butoane radio. Butoanele radio vă permit întotdeauna să selectați un singur articol din listă. Introducerea unei liste este similară cu casetele de selectare dintr-o coloană. Din setări puteți activa „Puneți o etichetă mai întâi, o casetă de selectare ultima”, apoi primul buton radio din listă va fi selectat implicit.

- acceptare: caseta de selectare, fără a bifa caseta către care mesajul nu va fi trimis. De fapt, aceasta este o oportunitate de a lua consimțământul necondiționat al utilizatorului pentru ceva, altfel scrisoarea nu va fi trimisă. De exemplu, „Sunteți de acord ca informațiile pe care le furnizați să fie procesate de operatorii noștri”.

- chestionar: inovație în pluginuri. Acest câmp vă permite să creați o întrebare și un răspuns la aceasta. Ideal pentru protecția împotriva spamului. Priviți formatarea întrebărilor și răspunsurilor în formularul de generare a etichetelor.

Orice câmp poate fi făcut obligatoriu (de obicei astfel de câmpuri sunt marcate cu *) pentru completare, pentru aceasta trebuie să bifați caseta Tip câmp> Câmp obligatoriu. Atenţie! Nu uitați să indicați utilizatorilor în text că câmpul trebuie completat!

- CAPTCHA: captcha este instalat doar ca un plugin suplimentar. Dar, în principiu, cu eticheta de test, nevoia de picătură este mult mai mică.

- fisier: câmpul creează o etichetă care permite utilizatorului să atașeze un fișier la mesaj. În setările etichetei, puteți specifica dimensiunea maximă „Limită de dimensiune fișier (octeți)” a fișierului atașat, tipuri de fișiere permise (extensii separate prin virgule). Atenție, dacă nu specificați dimensiunea maximă a fișierului atașat, atunci implicit este determinată de capacitățile serverului dumneavoastră. Puteți obține informații exacte despre restricții de la compania de găzduire. De obicei, dimensiunea maximă este limitată la 10 MB.

submint: eticheta adaugă un buton „Trimite” (numele poate fi schimbat).
Acesta este un ecran cu toate etichetele pe care le-am generat, iar mai jos este un ecran al formularului de pe site. Vă rugăm să rețineți că „Șablonul de formular” acceptă etichete HTML, așa că folosesc următoarele explicații pentru utilizatori. folosind HTML Etichete.

5. Fila „Scrisoare”.

Acum să trecem la formularul de generare a scrisorii care ți se va trimite și să adăugăm etichetele pe care le-am folosit în „șablonul de formular”. Acordați atenție ecranului. Câmpurile care nu sunt incluse în corpul scrisorii sunt afișate în partea de sus a filei cu negru, iar cele care sunt prezente în corpul scrisorii sunt gri.

Le adăugăm în corpul mesajului (câmpul „Corpul mesajului”): doar copiați etichetele evidențiate cu negru și lipiți-le în forma corpului mesajului. Vă rugăm să rețineți că numerele indicate în etichete se potrivesc cu numerele unice de câmp pe care le-ați adăugat în șablonul de formular. În acest fel, poți să identifici ce câmp se referă la ce și să le semnezi direct în corpul scrisorii, pentru a nu te încurca ulterior.
Salvăm modificările.

6. Instalarea formularului pe site.

Din pagina pentru crearea unui formular, copiați codul scurt (de obicei este evidențiat în albastru sau maro) și inserați-l în orice pagină sau postare.

Pro și contra pe scurt

pro
+ un numar mare de tipuri de câmpuri
+ suport multilingv
+ ușurință în utilizare
+ gratuit
+ de încredere
+ nu intră în conflict cu alte plugin-uri
+ Pluginul Formular de contact 7 este în curs de dezvoltare

Minusuri:
- nu trebuie să uităm să adăugăm etichete suplimentare la scrisoarea generată
- designul formularului și al scrisorii necesită cunoștințe minime de HTML

Concluzie: cu siguranță un editor grozav, dacă nu cel mai bun! Mulțumit de flexibilitate, fiabilitate și stabilitate. Dacă ar fi plătit, tot s-ar cumpăra, de vreme ce nu există altă calitate în apropierea ei. Recomand pluginul Contact Form 7.