Mini Ghid pentru formularul de contact 7

De obicei, un site web are nevoie de un formular de contact pentru a comunica cu proprietarul site-ului. Unul dintre preferatele noastre este formularul de contact 7. Să vedem ce poate face!

Formularul de contact 7 este gratuit, simplu și flexibil (WordPress înseamnă, de obicei, o configurație simplă pentru cei care îi plac simplu și o mulțime de profunzime și complexitate pentru cei care doresc să păcălească), formularul de contact de la Takayuki Miyoshi. Unii spun că formularul de contact 7 este unul dintre cele mai bune plugin-uri pentru sistemul nostru preferat de gestionare a conținutului. Pluginul a fost actualizat ultima dată în februarie și a fost descărcat de 6,457,967 de ori în total (la momentul redactării acestui articol).

Plugin-ul poate gestiona mai multe formulare de contact, precum și suportă trimiterea de AJAX, CAPTCHA, filtrarea spam-ului Akismet și încărcarea fișierelor. Cea mai recentă versiune la scrierea acestui articol este 3.1.1. Site-ul oficial este ContactForm7.com. Descărcarea poate fi făcută din directorul de pluginuri WordPress. Documente detaliate pot fi obținute în documentele oficiale.

După instalare și activare, veți găsi un element de meniu dedicat numit "Contact" în interfața de administrare.

Cod Formular

Iată o formă simplă în care puteți să comandați un telefon mobil. Puteți specifica marca, culoarea și metoda de plată.

 Produs *
 [selectați * produsul "iPhone" "Samsung Galaxy S2" "htc Desire"] 
 Culoare *
 [selectați * color "negru" "alb" "gri"] 
 Nume *
 [text * numele tău] 
 E-mail *
 [email * adresa dvs. de e-mail] 
 Plata preferată 
 [radio paymethod "VISA" "MASTERCARD" "AMEX"]
 [checkbox livrare rapidă] Livrare rapidă (1 zi)
 [trimiteți "Comandarea locului"]

Introduceți codul formularului

Utilizați acest fragment pentru a importa formularul complet specificat mai sus într-un articol sau pagină WordPress arbitrare.

 [contact-form-7 title = "formular de comandă telefon mobil"]

Sintaxă de bază

Sintaxa tagului constă din câmpuri de tip, nume și valoare. Cu asteriscul va deveni un element obligatoriu.

 [valori de nume de tip], de exemplu: [paymethod radio "VISA" "MASTERCARD" "AMEX"]

Tipuri de etichete

Iată o listă cu toate etichetele pe care le puteți utiliza în formulare:

câmpuri de text (text, text *, email, email *, textarea și textarea *),
casetele de selectare, butoanele radio și meniurile (caseta de selectare, caseta de selectare *, radio, selectați și selectați *),
încărcarea și atașarea fișierului (fișier și fișier *),
captcha (captchac și captchar),
quiz (quiz),
acceptare (acceptare),
Trimiteți butonul (trimiteți).

Crearea unui formular de două coloane

Putem crea rapid un formular cu stilul celor două coloane, folosiți doar câteva coduri HTML și CSS. Micul secret este că putem combina codul HTML cu codul de etichetă.

    Prenume [text first-name] 
 Trimiteți un e-mail [email * dvs. de e-mail] 
  Nume de familie [text last-name] 
 Telefon [text-telefon] 
 
 Subiect [text * subiectul] 
 Mesaj [textarea * mesajul tău] 
 [trimiteți "Trimiteți"]

Aici este codul CSS. Nimic nu este doar un stil de bază.

 #left width: 300px; plutește la stânga;  #right width: 250px; plutește la stânga;  .clearfix: după content: "\ 0020"; display: block; înălțime: 0; clar: ambele; vizibilitate: ascunse; overflow: ascuns;  .clearfix display: block;

Sintaxă avansată

Sintaxa tagului poate fi și mai detaliată. Partea de opțiuni specifică comportamentul și aspectul. Declararea opțiunilor nu este necesară, dar iată cum puteți face acest lucru. Rețineți că în următorul exemplu folosim id și clasă proprietăți. Puteți utiliza CSS și JavaScript pentru a extinde formularul.

 [valori ale opțiunilor de nume de tip], de exemplu: [paymethod radio: class paynow: paythis "VISA" "MASTERCARD" "AMEX"]

Configurarea unui șablon de poștă electronică

În formularul de contact 7 puteți edita șabloanele de e-mail foarte ușor. Textul, codul HTML și datele formularului pot fi combinate în moduri arbitrare. Notați datele formularului cu parantezele. Mai jos este un exemplu pentru corpul mesajului.

 Dragă [numele tău], ai comandat doar un produs [produs] în culoarea [color]! În curând veți primi un e-mail cu linkul către locul unde puteți plăti pentru comanda dvs. --- Multumesc pentru cumparare! OurCompany LLC, www.ourcompany.com

Iată o listă cu ce altceva puteți seta prin panoul de administrare:

câmpuri antet de bază (către, de la și subiectul)
Conținutul mesajului
titluri suplimentare
fișiere atașate
Mod HTML

Adăugarea CAPTCHA

Pluginul pentru formula vă permite să inserați un CAPTCHA în formularele dvs. de contact pentru a preveni mesajele nedorite. Formularul de contact 7 utilizează CAPTCHA Really Simple drept modulul său CAPTCHA. Înainte de a începe, va trebui să instalați pluginul Really Simple CAPTCHA. Asigurați-vă că dosarul dvs. temporar pentru fișierele CAPTCHA există și este scris. În caz contrar, CAPTCHA nu poate fi creat.

Pentru a utiliza CAPTCHA în formularele dvs., trebuie să utilizați captchac și captchar formulare. captchac înseamnă CAPTCHA-Challenge și reprezintă o element pentru o imagine CAPTCHA. captchar înseamnă CAPTCHA-Response și reprezintă un răspuns element pentru un câmp de răspuns de răspuns. A captchac eticheta trebuie să fie asociată întotdeauna cu a captchar etichetă cu același nume. De exemplu, etichetele de mai jos sunt valide:

  [captchac captcha-1] [captcha captcha-1]

Rețineți că numele trebuie să se potrivească pentru a funcționa corect. Aici captcha-1 este dată.

Fixarea erorilor de trimitere

Mesajul dvs. nu a putut fi trimis. Încercați mai târziu sau contactați administratorul în alt mod.

Dacă serverul nu permite trimiterea poștei prin intermediul sendmail (), puteți utiliza un plugin pentru a trimite poștă prin SMTP. Ambele extensii sunt compatibile cu WordPress 3.2.1. Aceste pluginuri vă pot rezolva problemele:

WP Mail SMTP
și configurați SMTP

Descărcați și instalați pluginul ales în WordPress. Introduceți setările pentru serverul SMTP pe pagina Setări.

Mesajele evenimentului personalizat

Putem modifica liber mesajele afișate la evenimente.

Chiar mai frumos, puteți utiliza codul HTML în casetele de intrare! Încercați acest lucru (într-adevăr este un HTML unic de linie, dar defalcate pentru claritate aici):

 Mesajul dumneavoastra a fost trimis cu succes. Mulțumesc!

Suport multilanguage

Formularul de contact 7 afișează formularele în limba engleză în mod implicit, dar face legătura între traducerile de peste 40 de limbi și puteți crea chiar și un formular de contact în orice limbă. Pentru a utiliza interfața de administrare a formularului de contact 7 în limba dvs. proprie setați WPLANG constant în tine wp-config.php fişier.

 // Schimbați acest rând: define ('WPLANG', 'ja');

Utilizați datele formatelor publicate în partea de server în loc de poștă electronică

Dacă doriți altceva decât postarea implicită (trimiterea de e-mail), puteți folosi codul de mai jos.

 add_action ("wpcf7_before_send_mail", "wpcf7_do_something_else"); function wpcf7_do_something_else (& $ wpcf7_data) // Aici este variabila unde datele sunt stocate! var_dump ($ wpcf7_data); // Dacă doriți să săriți prin poștă datele, puteți să o faceți ... $ wpcf7_data-> skip_mail = true;

Setați drepturi, astfel încât numai administratorii să poată modifica formularele

Pentru a asigura opțiunile de editare, utilizați acest cod.

 definiți ("WPCF7_ADMIN_READ_CAPABILITY", "manage_options"); define ('WPCF7_ADMIN_READ_WRITE_CAPABILITY', 'manage_options');

Popularea câmpurilor dinamic

Faptul este că valorile implicite în formularul de contact 7 sunt statice. Spuneți, de exemplu, că aveți un parametru GET pe care doriți să îl utilizați pentru a popula formularul de contact. Apoi soluția este formularul de contact 7 Extensia textului dinamic de către Sevenspark. Acest plugin oferă un nou tip de etichete și permite generarea dinamică a conținutului. După instalarea și activarea pluginului, formularul de contact 7 va avea două tipuri noi: câmpul text dinamic și câmpul dinamic ascuns.

rezumat

După cum puteți vedea, acest plugin de formular are o mulțime de potențial și am acoperit doar un procent mic din toate caracteristicile. Dacă nu ați găsit ceva aici, aruncați-vă în docs pe site-ul oficial. Nu vă fie frică să o utilizați chiar acum! A se distra!

Folosești deja formularul de contact 7 și ai un sfat pentru a ne comunica cu noi? Sau există un alt plugin de formular de contact pentru WordPress pe care l-ați recomanda? Spuneți-ne în comentariile!

Cod