Formular de contact formular de feedback 7. Cum să transmiteți adresa paginii de la care a fost trimis mesajul în formularul de feedback Wordpress? stage - adăugarea câmpurilor pentru încărcarea fișierelor în formular

Flector 5

Acesta este un plugin pentru crearea formularelor de contact. Este extrem de popular (în al doilea rând doar după pluginuri și în ceea ce privește descărcările) printre utilizatori, deoarece combină cu ușurință ușurința de utilizare și opțiunile puternice pentru personalizarea și proiectarea formularelor de contact. Voi încerca să iau în considerare toate caracteristicile pluginului cât mai detaliat posibil.

1 Despachetați arhiva.

2 Copiați folderul formular de contact-7 v / wp-content / plugins /.

3 Mergem la panoul de administrare al blogului de pe „ Pluginuri"și activați pluginul.

Când este activat, pluginul creează un meniu separat în zona de administrare a blogului numit „” și creează, de asemenea, un formular implicit de contact, pe care îl puteți vedea în „ Formular de contact 7 \ Forme":

Dacă utilizați „codul de încorporare” sugerat, atunci formularul din blog va fi astfel:

Desigur, aspect acest formular de contact va depinde de stilurile utilizate în șablonul dvs., dar în general va arăta astfel.

Pentru a produce acest lucru cea mai simpla forma ai nevoie doar de câteva minute. Și datorită acestei ușurințe de a adăuga un formular de contact, mulți utilizatori adoră acest plugin.

Cu toate acestea, pluginul are o mulțime de posibilități pentru crearea unor forme avansate de contact de orice complexitate. Dar să începem simplu, prin crearea propriului formular, care va fi doar puțin diferit de formularul implicit încorporat în plugin. Faceți clic pe linkul „Adăugați un nou”:

Aceasta se va deschide Pagină de start adăugarea unui formular:

Pluginul detectează automat localizarea utilizată în blog, deci nu este nevoie să selectați limba, trebuie doar să faceți clic pe butonul „”. Aceasta va afișa pagina de proiectare a formularelor. Primul lucru pe care ar trebui să-l faceți aici este redenumirea titlului formularului:

Titlul nu contează, este doar pentru a nu vă confunda în propriile forme. Setați numele formularului dvs., faceți clic pe „ Salvați"și a obținut" codul de încorporare "ca urmare:

Acum puteți insera codul sugerat în oricare dintre postările sau paginile dvs. (în modul „Text”, desigur) pentru a afișa un formular de contact în acesta. Cu toate acestea, nu va diferi în niciun fel de formularul implicit, așa că vom continua să lucrăm cu proiectantul formularului. În partea dreaptă a paginii de designer există un buton " Generați etichetă", făcând clic pe acesta veți obține:

Să alegem, de exemplu, un număr de telefon. Se va deschide o fereastră ca aceasta:

De fapt, aici nu puteți schimba nimic. Mărimile, clasele și așa mai departe sunt opțiuni secundare și în majoritatea cazurilor nu este nevoie să le editați. Cu toate acestea, opțiunea "" poate fi utilă ca indiciu pentru vizitatori despre cum să completeze acest câmp.

De exemplu, setăm următoarele valori:

Când afișați un formular de contact, câmpul va arăta astfel:

Când faceți clic pe acest câmp, textul introdus acolo va dispărea, deoarece servește doar ca indiciu pentru umplere. Dar am ratat ideea de a adăuga eticheta selectată la formularul de contact în sine. Această etichetă:

Este necesar să lipiți în partea stângă a paginii proiectantului formularului, unde se află codul formularului de contact:

Trebuie să creați manual codul formularului, adică să aranjați singur titlurile, etichetele de paragraf și pauzele de linie, ar trebui să obțineți ceva de genul:

Salvați codul formularului și ajungeți la următorul formular de contact:

De fapt, în același mod, puteți adăuga cu ușurință la formularul dvs. de contact în câteva minute orice etichetă folosit de plugin. Nu vă voi forța să încercați manual fiecare etichetă, voi da imediat rezultatul lor:

1 Câmp text.

Casetă text simplă, poate fi utilizată pentru nume, subiect etc.

2 E-mail.

Folosit numai pentru intrare adrese de email.

3 URL.

4 Număr de telefon.

Folosit numai pentru a introduce un număr de telefon (numere și cratime).

5 Număr (spinbox).

Folosit numai pentru a introduce un număr (poate fi folosit pentru a indica vârsta, numărul articolelor comandate etc.).

6 Număr (glisor).

Funcționează incorect. Pentru a afișa acest glisor numeric, se folosește HTML5 și acest lucru, în primul rând, înseamnă că un astfel de glisor arată diferit în diferite browsere și, în al doilea rând, încă nu funcționează cu adevărat. Pe forumurile de asistență pentru pluginuri, am văzut soluții care repară funcționarea acestei etichete, dar nu m-au ajutat - nu am putut obține acest glisor să afișeze niciun număr. Vă recomand să nu utilizați această etichetă.

7 Data.

Folosit numai pentru introducerea datei.

8 Câmp text.

În traducerea rusă, această etichetă se mai numește „câmp text”, dar în terminologia HTML este o zonă text, care, de fapt, înseamnă doar un câmp text mărit. Folosit pentru a introduce textul mesajului.

9 Meniu derulant.

Folosit pentru a selecta un element (sau mai multe articole) dintr-un meniu derulant. Poate fi folosit pentru orice - de la întrebarea despre culoarea produsului comandat până la alegerea sexului unei persoane.

10 Casete de selectare.

Folosit pentru a selecta unul sau mai multe elemente din opțiunile propuse.

11 Butoane radio.

Folosit pentru a selecta un singur articol din opțiunile propuse.

12 Acceptare.

Folosit pentru a fi de acord cu termenii.

13 Întrebare.

Folosit pentru a răspunde la întrebările specificate (întrebarea este aleasă aleatoriu dintre opțiunile specificate). Practic, această etichetă este utilizată ca protecție împotriva spamului. Și dacă spamboții pot răspunde cu ușurință la o întrebare numerică, atunci întrebări precum „pe ce planetă trăim?” sunt incapabili să răspundă.

14 CAPTCHA.

Este folosit pentru a afișa un captcha cu drepturi depline. Pentru a utiliza această etichetă, trebuie să instalați pluginul CAPTCHA Really Simple. Captcha este destul de lizibil și, prin urmare, este ușor de pătruns de roboții avansați de spam, cum ar fi Hrumer.

15 Fișier încărcat.

Folosit pentru a trimite un fișier. Puteți specifica dimensiunea maximă și formatele fișierelor valide.

16 Buton de trimitere.

Folosit pentru a trimite datele formularului de contact. Aceasta este o etichetă obligatorie.

Cu etichete utilizate direct în Formular de contact, dat seama. Acum să vedem cum să obțineți aceleași etichete din formularul de contact în e-mailul dvs. Chiar sub codul formularului de contact din constructor se află șablonul pentru scrisoarea trimisă și trebuie să faceți modificările necesare. Acest lucru este important, deoarece completarea incorectă a acestui șablon vă va împiedica să știți exact ce a scris vizitatorul în formularul dvs. Să luăm ca exemplu o etichetă de număr de telefon. Să presupunem că în formularul dvs. de contact este inserat printr-un cod ca acesta:

Deci, în șablonul scrisorii trimise, trebuie să introduceți următorul cod:

Înțelesul, cred, este clar. În codul formularului de contact , iar în scrisoare doar numele acestui câmp ... Pluginul generează nume de etichete digitale precum , dar nimeni nu vă împiedică să vă folosiți numele. Și despre restul etichetelor din șablonul de e-mail - ele sunt, de asemenea, formate după același principiu - în loc de folosit de etc.

Textele pe care le oferă formularul de contact pot fi, de asemenea, corectate în proiectantul formularului din secțiunea „Mesaje”:

Întrebări frecvente despre plugin:

1 Vizualizare eroare " ", cum se remediază?

Aceasta înseamnă că fie formularul specificat a fost șters, fie titlul formularului este specificat incorect (titlul din codul de apel este esențial pentru apelarea formularului).

2 În scrisoare văd etichete de genul în loc de text, cum să-l remediem?

Aceasta înseamnă că vizitatorul nu a completat acest câmp. În acest caz, eticheta nu este înlocuită, ci afișată așa cum este.

3 Există restricții privind alegerea unui nume pentru o etichetă?

Există. Dacă bucla WordPress se folosește numele „nume”, apoi nu îl puteți folosi ca nume pentru etichetă. In cel mai bun mod evitarea problemelor este adăugarea de prefixe pentru nume, cum ar fi cuvântul „dvs.”. Cu siguranță nu vor exista probleme cu numele etichetei.

4 Un vizitator poate fi informat prin e-mail că formularul său a fost primit?

Poate sa. Utilizați opțiunea „Destinație 2” în constructorul formularului:

Această opțiune poate fi utilizată ca robot telefonic.

5 Poate fi trimis un formular completat la mai multe adrese?

Poate sa. Utilizați câmpul „” din opțiunea „Destinație”:

Unde [e-mail protejat] e-mailul dvs. suplimentar, la care va fi trimisă o copie a formularului completat de vizitator (comanda „cc” trimite o copie oarbă).

6 Este posibil să afișați un formular nu pe o postare sau pe o pagină?

Da. Lipiți codul pentru apelarea formularului într-un widget text.

7 Este posibil să redați formularul direct prin cod în fișierele șablon?

Da. Folosiți codul cum ar fi:

"" ) ; ?>

8 Formularul nu este trimis, este afișată o eroare în cadrul roșu, cum să îl remediați?

Contactați-vă gazda, este posibil ca PHP să nu permită apelul funcției mail ().

9 Când trimit formularul, primesc o eroare în cadrul portocaliu, cum îl pot remedia?

Un cadru portocaliu indică spam. Memorarea în cache a pluginurilor poate provoca falsuri pozitive ale protecției anti-spam. Configurați pluginul de cache pentru a șterge periodic fișierele cache (24 de ore este suficient).

10 Câmpul de e-mail arată diferit de celelalte câmpuri din formular, cum îl pot remedia?

Pluginul folosește codul HTML5 pentru a introduce o adresă de e-mail ( in loc de ), iar un astfel de cod nu este adesea formatat în șabloanele vechi. Trebuie să faceți modificări la stiluri.cssșablonul dvs. adăugând acolo codul necesar pentru selectorul de intrare.

11 Cum se introduce un fișier atașat de un utilizator într-un e-mail?

Pentru a face acest lucru, utilizați câmpul special „Fișiere atașate:”

Merită cu adevărat atenția ta. Spre deosebire de multe alte pluginuri populare, nu te obligă să cumperi niciunul. Pro versiunea - toate capacitățile sale sunt disponibile imediat. Popularitatea pluginului (peste 19 milioane de descărcări) este bine meritată - pentru toate funcționalitățile sale, este extrem de ușor de configurat și disponibil chiar și pentru utilizatorii începători ai motorului WordPress.

Dar amintiți-vă, acesta este un plugin pentru formularul de contact, nu un simplu plugin pentru formular. Pentru toate capacitățile sale, nu vă va permite să creați un formular avansat bazat pe orice condiții. Scopul său principal este de a crea forme de contact și nimic mai mult. Pentru a crea forme dinamice, formularele de post creare și altele asemenea, folosesc pluginuri precum Ninja Forms, sunt mai potrivite pentru asta.

Dacă mai aveți întrebări despre configurarea pluginului - întrebați în comentarii, cu siguranță voi încerca să vă ajut.


Autorul pluginului: Takayuki Miyoshi
Versiunea în cauză: 3.9.1 din 31.07.2014
Versiune curentă: 5.1.4 din 04.08.2019
Compatibil cu versiunea WordPress: 4.9 și mai mare
Instalări de pluginuri active: 5 000 000+
Descărcați versiunea de plugin 5.1.4(total descărcat 121 112 956 o singura data)

Ți-a plăcut postarea? Abonați-vă la actualizări de software sau

Adaugă o pagină de politică de confidențialitate pe site. De asemenea, sub Formularul de contact 7, adaugă consimțământul la prelucrarea datelor cu caracter personal. Pluginul este destinat numai site-urilor în limba rusă. La intrare, utilizatorilor li se arată o notificare cu privire la utilizarea cookie-urilor de către site. Potrivit pentru 152FZ.
Pentru întrebări despre plugin, scrieți la acest e-mail: [e-mail protejat] Nu oferim sfaturi prin intermediul unui consultant online pe site-ul nostru.

Instalare

  1. Instalați pluginul.
  2. Completați informațiile necesare despre companie.

Colaboratori și dezvoltatori

„Politica de confidențialitate a site-ului. Consimțământul sub formularul de contact 7 ”este un proiect open source. Următorii colaboratori au contribuit la dezvoltarea pluginului:

Jurnalul de schimbări

1.28 Verificarea compatibilității cu WP 5.0. S-a adăugat ascunderea titlului din textul politicii
1.27 Verificarea prezenței unui cookie pentru placa care apare de jos la intrarea pe site este tradusă în js
1.26 Adăugat rel = nofollow link-uri de plugin
1.25 Adăugat textul acordului în conformitate cu forma standard comentând
1.24 S-a remediat eroarea în scriptul Java
1.22 S-au remediat erori minore în panoul de administrare și afișarea textului numelui butonului sub formularul de contact 7 de pe pagină
1.21 Clasa container, cu care este încadrat textul politicii, a fost înlocuită cu container-ppcf7
1.2 Clasa adăugată la etichetă

p> sub forme
1.1 Opțiune adăugată pentru a afișa / ascunde link-ul de politică de confidențialitate în subsol
1.01 Eliminarea etichetei p suplimentare din mesajul cookie
1.0 Prima versiune în depozit

FormGet este un plugin WordPress simplu care funcționează ca. trageți și drop, care vă permite să creați diferite forme de contact pentru site-ul dvs. Trebuie doar să faceți clic pe câmpurile pe care doriți să le adăugați la formular și la formularul dvs. părere va fi gata în câteva secunde.

Formulare care pot fi făcute cu acest plugin

Formularul de contact, Formularul de asistență, Formularele de rezervare, Serviciile de consultanță, Formularul de contact, Lista de corespondență, Chestionarele, Formularul de cerere de locuri de muncă, Expertul formularului de înregistrare, Generatorul formularelor de comandă și multe altele pot fi făcute în acest plugin extraordinar.

Formularul Formular de contact Obține este foarte instrument eficient care vă va permite să creați și să încorporați un formular de contact pe site-ul dvs. în mai multe pași simpli... Selectați câmpurile formularului, personalizați opțiunile și încorporați cu ușurință un formular de contact pe site-ul dvs., plasând pur și simplu codul în widget sau utilizând un cod scurt personalizat. Nu aveți nevoie de cunoștințe de programare pentru a crea forma dorită - acesta este un plus suplimentar în alegerea unor astfel de extensii.

Dacă pe site sunt instalate mai multe formulare de contact simultan, atunci toate datele de pe ele pot fi urmărite într-un singur loc - pe tabloul de bord. Un avantaj mai semnificativ al acestui plugin este că formularele pe care le creează sunt adaptive, ceea ce vă permite să afișați corect datele necesare pe orice dispozitiv fără a scrie stiluri și clase suplimentare.

Lista câmpurilor acceptate de plugin:

Nume, adresă, număr de telefon de contact, mesaj, plată (integrare cu PayPal), dată (suport pentru format dd-mm-aa sau dd / mm / aa sau aa-mm-dd), șir de text, text cu mai multe linii, multiple alegere, atașamente, Casetă de selectare, Selectare (alegere din lista sugerată), butoane radio, descărcare fișiere și Captcha.

Instalarea este normală - prin panoul de administrare al site-ului de pe WordPress.

Configurarea și crearea unui formular de contact

După instalare și activare, veți vedea un formular special de bun venit:

Faceți clic pe butonul „Faceți clic pentru a crea” și accesați setările și creați un formular de feedback. Toate setările sunt împărțite în 4 file:

  1. Contact Form Builder
  2. Cod ascuns
  3. Extensii

Inițial, se deschide prima filă, unde puteți crea primul formular de feedback folosind constructorul.

Să aruncăm o privire mai atentă:


Configurarea și utilizarea pluginului sunt intuitive, așa că instalați-le și folosiți-le cu plăcere!

Multe site-uri configurează formulare de feedback, astfel încât utilizatorii să poată lăsa un mesaj administratorului fără să părăsească site-ul. Cel mai popular, de înaltă calitate și convenabil de configurat și utilizat este pluginul Formularul de contact 7- cu ajutorul său puteți crea orice formulare de contact și multe altele. Deoarece pluginul are un numar mare de diferite forme și câmpuri, poate fi folosit pentru multe sarcini. De exemplu, l-am folosit pentru a crea un profil de angajator și căutător de locuri de muncă pe un site de recrutare, pentru a crea un formular de comandă de produs pe un site care vinde o singură linie de produse, am folosit acest plugin pentru a crea un formular de calcul complex și voluminos pentru un șantier de construcții , pentru o varietate de formulare de feedback și alte forme. Dar nu este vorba despre asta, ci despre cum să faceți ca formularul de contact să apară într-o fereastră pop-up, astfel încât să puteți crea un buton pentru apelarea unui formular de contact pe fiecare pagină și nu doar pe pagina „Contacte”?

Nu este chiar dificil, dar veți avea nevoie de un alt plugin cu efect FancyBox, personal îmi plac aceste două pluginuri: Easy FancyBox sau FancyBox pentru WordPress, există diverse pluginuri similare, dar oricare dintre acestea funcționează excelent și vă permite, de asemenea, să deschideți imagini în un popup.

În general, există două pluginuri instalate: Formularul de contact 7și Easy FancyBox, este creat formularul de contact, rămâne să adăugați codul la șablon.

Codul este inserat în șablonul site-ului în fișierele .php!

Codul formularului de contact pop-up setat în codul fișierului șablon:

Solicitați un apel

Dacă introduceți codul pentru apelarea formularului imediat în editorul vizual pentru editarea textului în modul TEXT, atunci codul va arăta astfel:

Codul formularului de contact pop-up setat în editor vizualînregistrări (în modul Text) în panoul de administrare al site-ului:

Solicitați un apel

În exemplul meu, am un cod pentru formularul „Solicitați un apel înapoi” - există doar două câmpuri în formular - un nume și un număr de telefon, astfel încât administratorul site-ului să sune clientul înapoi.

Să luăm în considerare acest cod.

Acesta este codul butonului pentru apelarea ferestrei cu formularul, pentru acest buton puteți seta orice stiluri și îl puteți introduce oriunde în șablon:

Solicitați un apel

Acesta este codul pop-up-ului în sine, îl puteți lăsa sub buton pentru a apela fereastra sau îl puteți ascunde în subsol, astfel încât codul de conținut să fie mai curat:

În acest cod, formularul în sine este apelat de o funcție ca aceasta:

Unde este scris - afișați codul scurt pentru formularul de contact, codul scurt este indicat în formularul de contact însuși atunci când este creat:

Pentru a apela mai multe formulare pe o singură pagină, trebuie să utilizați un ID diferit pentru a apela formularul.

Un exemplu de apelare a două formulare de feedback într-o fereastră pop-up:

Formular de apelare 1

Formularul de apelare 2

V acest caz pentru a apela mai multe formulare, acordați atenție acestor părți ale codului:

... și pentru a doua formă: ... etc.

În loc să afișați un shortcode pentru un formular de feedback, puteți afișa orice conținut, de exemplu, blocuri cu text sau imagini sau un formular de abonament Feedburner, de exemplu, așa este afișat un formular de abonament feedburner pe unul dintre site-uri

ARTICOLE SIMILARE