Feedback pe wordpress. Șapte moduri bune de a adăuga un formular de feedback la WordPress

Astăzi o să ne dăm seama crearea unui formular părere pe un site WordPress folosind un plugin.

Formularul de feedback permite vizitatorului să contacteze proprietarul site-ului direct de pe site. Acest lucru creează o comoditate incontestabilă, scutând un client sau pur și simplu un vizitator de nevoia de a efectua acțiuni inutile, deoarece pentru a contacta proprietarul site-ului nu va trebui să vă conectați la e-mail. Pur și simplu completați câmpurile formularului de contact.

Pentru proprietar, pe lângă stilul bloc funcţional, care cu siguranță le va plăcea vizitatorilor, formularul de contact va ajuta la protejarea informațiilor lor de contact împotriva includerii în baza de date de spam. La urma urmei, adrese directe E-mail cad inevitabil sub influența programelor parser care colectează zeci de mii de adrese, numere de telefon etc. neprotejate de pe Internet.

Acum direct la recenzie Plugin pentru formularul de contact WordPress:

Formular de contact 7 – Plugin de feedback WordPress

Formularul de contact 7– Plugin pentru formularul de feedback WordPress, care are cele mai mari evaluări dintre colegii săi. Are sprijin bunși actualizări regulate.

Acesta este acest plugin popular pe care îl vom lua în considerare acum.

După instalarea pluginului, secțiunea corespunzătoare va apărea în consola WP.

În mod implicit, 1 formular de contact este deja creat.

Pentru a forma a lua legatura afișat pe site, trebuie să copiați codul de încorporare și să-l lipiți în locul dorit. Acest cod scurt poate fi plasat în corpul unei postări sau pagini, într-un widget cu text liber etc.

Formularul de feedback va fi conceput în conformitate cu designul temei (șablonului) site-ului dvs. WordPress.

Acum să ne uităm la configurarea câmpurilor de formular:

Trebuie adaugat uniforma noua sau editați unul existent.

Să luăm în considerare adăugarea unui nou formular de contact:

Faceți clic pe adăugați nou, pluginul va detecta automat limba. Veți fi redirecționat către pagina de editare a formularelor. Pentru cei care nu sunt familiarizați cu HTML, poate această pagină va părea oarecum intimidant. Dar nu te panica, totul este destul de simplu.

Mânca șablon standard forme:

Acest cod este responsabil pentru afișarea formularului. Dacă trebuie schimbat formularul, va trebui să îl editați. Dezvoltatori pentru a face viața mai ușoară utilizator neexperimentat, a creat o funcție de generare a etichetelor.

Să ștergem complet totul din șablonul de formular. Să creăm totul din nou.

Mai întâi de toate, să creăm un formular gol:

Scriem totul șiruri de text de care va fi nevoie:

Așa să fie:

Numele dumneavoastră

Profesia ta

Mesaj

Înainte de a adăuga câmpuri de completat, să ne uităm la toate etichetele, astfel încât să puteți folosi la maximum capacitățile pluginului Contact form 7:

Câmp text– potrivit pentru orice text. Îl vom folosi ca nume al autorului și la fel ca și linia de introducere a profesiei.

Prin urmare, îl completăm astfel:

Setăm după cum este necesar dacă câmpul va fi obligatoriu sau nu. Dacă acesta este numele autorului, atunci, de regulă, este obligatoriu.

Nume este dată cu litere latine, numere, cratime. Nu trebuie să-l schimbi.

id- Acest identificator unic. Dacă câmpul trebuie să fie stilat individual în fișierul style.css, specificați-l.

Clasă– aceeași funcție ca id.

mărimea– dimensiunea câmpului de intrare în pixeli.

Lungime maxima – suma maxima caracterele introduse în linia de introducere.

Akismet– dacă aveți instalat acest plugin antispam, puteți activa caseta de selectare.

Pentru câmpul „Profesie”, efectuăm o operație identică:

E-Poștă– are toate aceleași setări. Nu ar trebui să existe dificultăți. Generați și introduceți:

Câmpul „subiect” este creat folosind aceeași tehnologie ca numele și profesia expeditorului, folosind un câmp text.

URL- Adresa site-ului web.

Număr de telefon– câmp pentru numărul de telefon.

Număr (cutie rotativă)- valoare numerică. Max și min – indică intervalul. Pas – pas, dacă specificați 5, atunci numerele vor fi multipli de 5: 5, 10, 15... Această formă este perfectă pentru indicarea vârstei etc.

Număr (glisor)– glisor orizontal. Din păcate, utilizabilitatea poate fi pusă la îndoială. Deoarece numerele în sine nu sunt indicate.

Data– o formă frumoasă în care puteți indica data.

Câmp text– acesta este câmpul pentru textul mesajului în sine. Coloane – coloane, rânduri – linii, lungime maximă – limită de caractere.

Meniu derulant– pentru a specifica elementele de meniu, trebuie să introduceți elementele în câmpul „Selectare”. Fiecare s linie nouă. Selecția multiplă vă va permite să selectați mai multe articole dintr-o listă.

Casete de selectare– puteți crea o casetă de selectare standard.

Și iată configurațiile:

Butoane radio- buton de radio.

Acceptare– altă casetă de selectare.

Întrebare– creați întrebări și răspunsuri. De fapt, nu sunt sigur că acest formular este chiar necesar. Același lucru se poate face folosind un câmp text simplu.

Captcha– pentru a instala un captcha de securitate, trebuie să instalați suplimentar pluginul Really Simple CAPTCHA.

Trimiterea unui fișier– vă permite să creați capacitatea de a trimite un fișier. Este foarte convenabil, nu trebuie să încărcați fișierul la servicii de găzduire de fișiere terță parte sau să-l trimiteți prin poștă. În setări, puteți seta o limită pentru dimensiunea fișierului, precum și să specificați extensiile disponibile.

Buton de trimitere– elementul final al oricărei forme de feedback. După ce faceți clic pe ea, scrisoarea va fi trimisă la adresa dvs. de e-mail.

Cu designul pluginului formularului de feedback Comunicații WordPress, care este afișat pe site, a rezolvat-o.

Acum trebuie să configurați un șablon pentru scrisoarea care va fi trimisă pe e-mail.

În primul rând, trebuie să vă referiți la șablonul de formular. Am subliniat numele fiecărui câmp. Sunt exact ceea ce vei avea nevoie.

În câmpul destinatar indicăm adresa dumneavoastră poștală.

În câmpul expeditor, trebuie să indicați numele între paranteze drepte. Acolo este indicat și e-mailul.

În câmpul „subiect”, indicați numele corespunzător.

Scriem textul care va fi afișat în scrisoare, iar dimpotrivă indicăm numele câmpurilor corespunzătoare între paranteze drepte.

Plugin pentru formularul de feedback WordPress – Formularul de contact 7 sprijină capacitatea de a folosi doi destinatari.

Etapa finală este editarea mesajelor pentru o anumită acțiune.

Bună dragă cititor, în acest articol vă voi arăta cum să creați un formular de contact pop-up pe site-ul dvs. WordPress. Adesea, atunci când vă dezvoltați propriul site web sau blog, este necesar să stabiliți capacitatea de a comunica rapid cu vizitatorii unei resurse de internet. În acest caz, formularul de feedback pop-up pentru WordPress va fi util, ceea ce va ajuta la stabilire contact rapid cu utilizatorii.

De ce aveți nevoie de un formular de feedback pop-up pentru WordPress?

Motive de utilizare

Să vedem de ce este nevoie de acest formular

1. Economisirea spațiului liber pe site. Formularul de contact poate fi plasat oriunde: în subsol sau antet, în conținutul principal al paginii, ca buton plutitor etc.
2. Aspect eficient. Animația apariției unei noi ferestre pare interesantă și neobișnuită
3. Disponibilitate. Puteți lăsa intrări în acest formular de oriunde pe site; utilizatorii nu trebuie să se întoarcă la pagina principală.

Un bonus suplimentar: formularul este ușor de modificat și personalizat pentru a se potrivi nevoilor site-ului dvs. Un formular de feedback pop-up pentru WordPress poate fi prezentat sub forma unei ferestre care se deschide pentru a comanda un apel, serviciu sau produs sau pentru a face un abonament. Dacă doriți, puteți adăuga efecte vizuale, diverse imagini etc.

Plugin-uri pentru instalarea unui formular pop-up

Să aruncăm o privire la instrumentele necesare pentru a dezvolta ferestre pop-up în wordpress - aplicație specială pentru dezvoltarea și crearea de site-uri web.

Formularul de contact 7

Acest plugin este utilizat direct pentru a proiecta formularul. Pentru a-l instala, urmați acești pași:

FancyBox ușoară

Acest plugin este potrivit pentru dezvoltarea unui efect de fereastră pop-up. Secvența de instalare Easy FancyBox este similară cu instalarea anterioară a pluginului.

Configurarea pluginurilor

Puteți configura setările suplimentului Easy FancyBox prin intermediul fișierelor media. Utilizați opțiunile de meniu „Setări” -> „Fișiere media”.

În blocul care se deschide chiar mai jos setări standard Parametrii pluginului în sine vor fi localizați. De obicei, există o bifă lângă elementul „Imagini”, care indică faptul că o fereastră pop-up va fi activată atunci când faceți clic pe imagine. Este recomandabil să-l eliminați, deoarece dacă există și altele instrumente suplimentare Când creați o animație pop-up, imaginile se vor deschide de două ori.

Dar asta nu este tot. Bifați caseta de lângă „Conținut integrat”

Oricine poate aprofunda mai mult în setările pluginului și le poate seta la propria discreție.

Sfat: dacă doriți ca formularul să fie mereu deschis, atunci debifați Setari usoare Caseta de selectare FancyBox de lângă opțiunea „Închide FancyBox când se face clic pe suprapunere”, care îndeplinește funcția de a închide fereastra atunci când se face clic cu mouse-ul în afara acesteia.

Instrucțiuni pas cu pas

Ei bine, cu „plictisitor” pregătire prealabilă Gata, acum să trecem la partea „gustoasă” - cum, de fapt, este dezvoltat formularul de feedback pop-up WordPress.

Gestionarea ferestrei formular

De unde începem? Desigur, cu presetat forma în sine. Selectați " Formular de contact 7” și apoi opțiunea „Adăugați nou”.

Creați un nume nou pentru formular, de exemplu, „Experiment”, introduceți-l în câmpul de introducere al ferestrei care se deschide, unde se află textul „Titlu” și faceți clic pe butonul „Salvare”. Puteți modifica alți parametri, inclusiv șablonul de formular în sine, dar nu îl vom atinge. Acum ale noastre obiectivul principal– învață doar cum să creezi formulare pop-up.

Aruncă o privire la rezultat. După cum puteți vedea, pluginul a generat un cod scurt special care este folosit pentru a afișa ulterior formularul. Trebuie să-l copiați.

Ieșire formular

Acum să trecem la programare. Nou codul programului poate fi inserat oriunde pe site, de exemplu, în „Contacte” și altele. În exemplul nostru, noul formular va fi afișat în widget. Selectați „Aspect” în meniu, apoi faceți clic pe „Widget-uri”, apoi în fereastra care se deschide, faceți clic pe opțiunea „Text”.

Acum faceți clic pe butonul „Adăugați widget”.

Lipiți următorul cod în câmpul de introducere a conținutului:

Iată cum va arăta rezultatul rezultat:

Vă rugăm să rețineți că, în loc de codul scurt specificat în exemplu, va trebui să îl specificați pe cel pe care l-ați creat ca urmare a creării unui formular nou.

În plus, formularul poate fi editat: adăugați sau eliminați câmpuri de introducere, introduceți textul inițial și/sau final înainte și după formular, convertiți textul într-un titlu sau afișați-l ca bloc separat, utilizați diferite stiluri, substituenți etc. Dacă ar fi timp și dorință!

Stilul link-ului

Să ne uităm și la două moduri de a converti un link într-un buton pentru a-și îmbunătăți aspectul vizual.

Metoda 1: Utilizarea stilurilor de teme suplimentare.

Următorul cod poate fi introdus după cum urmează:

Codul programului în sine arată astfel:

/***Afișarea unui link sub formă de buton****/ .contact-ne a( margin:auto; /*alinierea blocului în centru*/ display:block; width:199px; /*button size*/ padding:11px 22px ; /*padding*/ border:1px solid black; /*border shade*/ background:#3399ff; /*background pattern*/ text-decoration:none; /*conversia textului în neliniat*/ text- align:center; /*centrarea etichetei*/ color:#ffffff; /*nuanța etichetei*/ -moz-transition: toate 0.6s ease; -webkit-transition: toate 0.6s ease; tranziție: toate 0.6s ease ; ) /**Schimbarea linkurilor de culoare la trecerea cursorului**/ .contact-us a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; caseta -shadow:0 0 7px #111 ; -moz-transition: toate 0,6 s ușurință; -webkit-transition: toate 0,6 s ușurință; tranziție: toate 0,6 s ușurință; )

Rezultatul este un buton ca acesta:

Codul spune deja ce parametru este responsabil pentru ce. Acum toată lumea poate edita codul după bunul plac, experimentând diferite stiluri și culori și creând cel mai potrivit link pentru pop-up.

Metoda 2 – utilizați o imagine ca buton. În primul rând, încărcați imaginea necesară pe site (orice imagine vă place, nu neapărat sub forma unui buton - nu contează cu adevărat). Pentru a face acest lucru, faceți clic pe „Media” -> „Adăugați nou” și selectați imaginea dorită. Un link permanent către fișier va apărea în dreapta imaginii (în în acest exemplu http://www.sait.ru/wp-content/uploads/2017/04/depositphotos_2169498-E-mail-internet-icon.jpg), copiați-l și adăugați-l la cod (nu eliminați ghilimele):

Adăugați codul rezultat la codul de ieșire principal al formularului în loc de textul „Scrieți o scrisoare”.

1

Site-ul meu a afișat butonul afișat în captura de ecran de mai jos:

Și așa va arăta butonul dacă părăsiți stilul suplimentar descris în prima metodă:

Adăugați în meniu

Pentru ca formularul de feedback pop-up pentru WordPress să poată fi apelat direct din meniu, trebuie să utilizați următorul cod

Mai întâi trebuie să vă dați seama unde exact trebuie să introduceți acest cod. Accesați „Editor” prin „Aspect” și dintre șabloane selectați „Header (header.php)”

Acum găsiți locul unde se află codul meniului. Găsi următoarea informație:

Mai jos, inserați codul chiar înainte de eticheta de închidere.



În general, nu este nimic dificil în adăugarea unui formular de contact pe site-ul tău, principalul lucru este să ai puțin timp liber și dorința de a studia temeinic toate aspectele. Acum știți ce este un formular de contact, pentru ce este, cum să îl utilizați pe site și cum să procesați un link pentru a deschide o fereastră cu efect pop-up. Mult succes și succes în această afacere dificilă, dar incitantă, de construire a site-urilor web.

Nu cu mult timp în urmă, blogul a publicat un articol „Cele 50 de pluginuri cele mai populare pentru motorul WordPress” și, deoarece munca la cursul WordPress se apropie de sfârșit, vrem să vă prezentăm o altă selecție de plugin-uri pentru acest motor. Și anume, astăzi ne vom uita la cele mai bune plugin-uri pentru formularele de contact.

Vom începe prin a ne aminti care ar trebui să fie cele mai importante pagini sau blocuri pe toate site-urile comerciale. Acesta este „Despre noi” - unde sunt scrise informații despre companie, „Servicii” - cu o descriere a serviciilor sau bunurilor furnizate și „Contacte” - pentru a primi feedback de la clienți sau comenzi.

În contacte sunt plasate formularele de feedback, deoarece acest lucru oferă vizitatorului posibilitatea nu numai de a se familiariza cu oferta dvs. și de a pleca, ci și de a se exprima cumva. Scrieți o recenzie, spuneți-vă dorințele sau comentariile despre proiect, oferiți-vă cooperarea sau comandați serviciile.

Dar din pacate asta funcționalitate utilă nu încorporat set standard motor și trebuie să căutăm soluții din exterior la această problemă. Pentru a face acest lucru, trebuie fie să scrieți singur formularul (dacă știți cum), fie să utilizați deja un formular pluginuri gata făcute.

Sper că, după ce parcurgeți această listă, veți alege cel mai potrivit plugin pentru nevoile dvs.

Acesta este cel mai faimos și probabil cel mai bun plugin pentru crearea formularelor de contact, de la numărul instalatii active depășește deja 3 milioane, iar pluginul în sine este actualizat în mod regulat de către dezvoltatori. Setul standard de funcții include casete de selectare, butoane radio, încărcări de fișiere, funcții antispam și CAPTCHA. Și cu el puteți configura rapid un formular care conține câmpuri de text, numere de telefon, adrese poștale, date etc. Acest plugin este complet gratuit și poate fi introdus cu ușurință folosind HTML simplu, și se mândrește, de asemenea, cu transmiterea AJAX.



Acesta este un întreg set de plugin-uri, widget-uri și servicii pentru Motor WordPress. Și, în consecință, are propriul său proiectant de formă încorporat foarte simplu, dar bun. Cu acesta, obțineți o interfață rapidă și simplă pentru adăugarea de formulare la orice notă sau pagină de pe site. Pentru a face acest lucru, trebuie doar să faceți clic pe butonul „Inserați formular” și veți putea crea și adăuga rapid un formular.



Acest plugin vă permite să creați formulare de contact cu aspect unic prin intermediul Funcție activă Angajați-le și inserați-le nu numai pe paginile site-ului sau în note, ci și pe toate paginile simultan în colțul din dreapta jos. Cu doar un clic de la vizitator, pe ecran va apărea formularul tău de contact și cu siguranță va atrage atenția. Dar, în același timp, este posibilă și integrarea obișnuită a formularului în postări, pe pagini sau într-o bară laterală.



Acesta este un alt plugin foarte popular, care este disponibil în două versiuni - ca plugin pentru WordPress și cod PHP pentru integrare în site-uri „scrise acasă”. Unicitatea acestui plugin este că roboții spammer sunt detectați automat pe site. Folosind captcha și formularul Akismet Fast Secure, pluginul blochează atacurile folosind cele mai populare tactici de spam. Această caracteristică reduce probabilitatea de spam și orice altă informație nedorită.



Un plugin gratuit universal cu o interfață excelentă, intuitivă, drag’n’drop, pentru a crea formulare de contact pe site-ul tău WordPress. În panoul de administrare vă puteți construi formularul pur și simplu prin glisare și plasare blocurile necesareși personalizați-le în funcție de nevoile dvs. De asemenea, are un număr mare de funcții, inclusiv un handler AJAX, module anti-spam de încredere, import și export de date.



Acesta este un alt plugin cu o interfață drag’n’drop care vă permite să creați și să gestionați tot felul de formulare pe site-ul dvs. dintr-un singur loc. Este conceput pentru a face procesul de creare a formularelor rapid și ușor, astfel încât utilizatorul să nu fie nevoie să învețe cum să editeze niciun cod. Pluginul are o secțiune de asistență pentru dezvoltatori destul de extinsă pentru depanarea problemelor și asistență în configurarea acestuia.



Un alt plugin care vă permite să creați rapid și ușor formulare de contact pe site-ul dvs. Se integrează cu pluginul Captcha pentru a combate spam-ul. Disponibil în versiunea pro a pluginului funcții suplimentare, cum ar fi validarea formularelor și selectarea casetei, apropo, ambele sunt disponibile gratuit în Formularul de contact 7 menționat mai sus.

Iată lista de pluginuri. Sper că l-ai ales deja pe cel mai potrivit pentru tine și chiar ai reușit să-l testezi pe site-ul tău.

Ne vedem în alte postări!

Salutari! Astăzi, pe internet, o astfel de direcție precum feedback-ul între proprietarul site-ului și client se dezvoltă foarte repede. Acesta devine un salvator formă specială pentru comunicare. De aceea, mi-am propus să vă ajut să alegeți un plugin de feedback WordPress.

De ce aveți nevoie de un formular de feedback?

În prezent, ne este greu să ne imaginăm că anterior trebuia să copiem sau să introducem manual o adresă de e-mail, să scriem o scrisoare vânzătorului de pe e-mailul nostru și să așteptăm mult timp pentru un răspuns. La urma urmei, în această perioadă, în timp ce clientul a mers la oficiul poștal și a scris o scrisoare, ar putea să piardă sau să uite adresa URL necesară, să uite întrebarea în sine și multe altele s-ar putea întâmpla. Și proprietarul ar fi putut pierde un client în această situație. Înțelegi ideea?

Evoluții moderne programatorii, cum ar fi formularele de feedback, ajută în mod activ proprietarii resurse comerciale să nu rateze niciun client și permite utilizatorilor de internet să-și economisească timp și, după ce și-au satisfăcut nevoile, să facă o achiziție.

Unde găsiți șabloane gata făcute sau spații libere

De fiecare dată când creează un site web sau o pagină nouă, webmasterul trebuie să aleagă cel mai bun plugin WordPress pentru formularul de contact. Pentru că clientului nu îi place întotdeauna un formular simplu și standard. Uneori chiar ai nevoie de o mulțime de lucruri diferite pe o singură pagină în același timp.

Formularul de feedback pare să fie unul dintre părți importante site wordpress. Fără el, pierzi ocazia de a fi mereu în contact cu vizitatorii și clienții. În plus, fără acest gadget, probabilitatea de a pierde potențiali cumpărători crește.

Pluginurile WordPress sunt populare datorită lor beneficii: apar în mod constant actualizări care vă permit să dezvoltați rapid și eficient un site web. O astfel de aplicație facilitează adăugarea unui formular de contact pe site-ul dvs., precum și posibilitatea de a crea un formular pop-up, un formular programat sau de a solicita un apel.

În acest articol vreau să vă prezint cel mai mult aplicații populare si modern Produse noi:

1. Formularul de contact 7
2. Contact rapid securizat de la.
3. Formular de contact prin Contact ME
4. FormCraft
5. Vizual Form Builder
6. NForms
7. Forme gravitaționale
8. Forme ninja
9. Ninja Kick

Voi încerca să dau descriere scurta aceste plugin-uri populare, astfel încât să puteți alege opțiunea potrivită pentru dvs.

Formularul de contact 7

CF7 este cel mai popular plugin pentru WordPress astăzi.


Beneficii el are:

1. AJAX trimite mesaje.
2. Captcha încorporat.
3. Filtru special de spam.
4. Vă permite să încărcați fișiere.

Această dezvoltare este complet gratuită și poate fi ușor ajustată pentru a se potrivi diferitelor nevoi. ajutor html. Folosind un cod special care constă dintr-o singură linie, puteți plasa codul creat Formular de contact oriunde pe pagină.

Acest plugin, deși popular, nu este lipsit de dezavantaje. Unul dintre acestea este dezavantajul șabloane gata făcute. Dacă trebuie să schimbați designul, va trebui să o faceți folosind CSS.

Contact rapid securizat de la

Contact rapid securizat de la este dezvoltare non-standard, care este foarte popular. Este folosit în principal de proprietarii de bloguri pentru a crea și adăuga un formular de contact pe site-urile lor web.

Acest designer are o secțiune de administrator cu care puteți crea un număr nelimitat de formulare. Folosind captcha și protecție specială, designerul este capabil să blocheze atacurile care se bazează pe tactici de spammer.

Aspecte pozitive pluginurile sunt:

1. Nu îmi permite să înregistrez un profil utilizatorii obișnuiți.
2. Oferă posibilitatea de a crea un program și întâlniri online.
3. Acceptă mai multe adrese de e-mail.

Dezavantajul a fost lipsa interfață simplă, dar acest dezavantaj nu iese în evidență și dezvoltatorii designerului lucrează pentru a-l elimina.

Formular de contact prin Contact ME

Contact Form by Contact ME este un designer accesibil care are un set standard de funcții de bază. Funcționează doar după înregistrarea pe site. Această procedură este simplă și gratuită. Dezvoltatorii cred că este mai bun decât alte plugin-uri populare, chiar și CF7.

Acest constructor are multe funcțiile necesare:

1. Trimite notificări imediat la e-mail și la telefon.
2. Vă permite să adăugați un script la formular.
3. Acceptă logo-ul cardului, informații despre companie și link-uri de social media etc.

Singurul lucru care respinge proprietarii de resurse web să folosească o astfel de dezvoltare este prezența înregistrării pe site-ul Contact me.



FormCraft

Pluginul FormCraft a fost creat și acceptat inițial doar ca aplicație premium. Nu cu mult timp în urmă, creatorii săi au creat și o versiune gratuită – FromBuilder, disponibilă pentru fiecare utilizator de internet.

Acceptă proiectarea diferitelor forme în editorul său încorporat. Are mai puține funcții în comparație cu versiunea premium, care are logică de script, salvare automată și multe câmpuri personalizate. Cu toate acestea, este recunoscut ca unul dintre cele mai bune astăzi (atât versiunile gratuite, cât și cele premium ale aplicației în cauză).

Vizual Form Builder

Un alt designer, Visual Form Builder, este o dezvoltare care vă permite să creați și să controlați toate formularele dintr-un singur loc. Cu un singur clic poți gestiona câmpuri, anti-spam și reorganiza formularele create anterior. Sună tentant, nu?

Avantajele acestui plugin sunt:

• Abilitatea de a schimba ordinea elementelor prin simpla glisare și plasare.
• Posibilitatea de a exporta date într-un fișier CSV.
• Trimiterea de mesaje controlate cu confirmare.
• Posibilitatea de a specifica mai multe adrese URL.



Există doar un minus - dacă aveți un site foarte mare, atunci este mai bine să utilizați un alt plugin, deoarece acesta stochează toate datele formularului în baza de date WordPress. Și acest lucru îi poate reduce semnificativ performanța și deschiderea. Mi se pare că înțelegeți consecințele supraîncărcării (timpi lungi de încărcare, scăderea numărului de vizualizări etc.).

nForms

nForms seamănă cu un șablon destul de simplu, cu Trimiterea Ajax. Formularul creat va fi afișat folosind un shortcode sau un widget special. E dragut varianta interesanta, dar nu este potrivit pentru fiecare site (trebuie să comparați rezultatul cu aspectul dvs.). Această aplicație vă oferă mai mult decât un simplu formular de contact. Interesat? Apoi, efectuați un experiment, poate că acest formular va deveni o caracteristică unică a site-ului dvs.

Forme gravitaționale

Gravity Forms este cel mai mult solutie completa pentru a crea un formular de feedback pentru site. Mulți îl consideră cel mai avansat pentru WordPress. Această dezvoltare are un editor vizual de înaltă calitate care vă permite să creați variații complexe. Designerul are, de asemenea, o funcție încorporată care facilitează utilizarea dezvoltărilor lungi și integrarea lor în un numar mare de pagini.

În plus, designerul are un indicator de umplere care vă anunță cât de plin este formularul. Există avantaje incontestabile:

1. Prezența funcțiilor care lipsesc în alți constructori (calculator de vizitatori în timp real, crearea de formulare de comandă).
2. Prezența câmpurilor, paginilor sau secțiunilor dependente.
3. Puteți selecta un buton de trimitere.



Dar singurele dezavantaje includ costul ridicat al pluginului. Dar acesta este un minus foarte controversat, deoarece aplicația este capabilă să ofere ceva mai mult decât un contact forma regulata. Nu de asta ai nevoie?

Formular de contact mapat Pro WordPress

Suplimentul Mapped Contact folosește un proces ușor modificat pentru afișarea unui formular pe un site. Aceasta este o soluție excelentă pentru companie mare sau rețele de companii, deoarece poate indica sucursale pe o hartă Google. Se pare că acesta este un plugin destul de util, nu ești de acord?

Un avantaj important este capacitatea de a indica locația fiecărui loc luat în considerare pe site. Trebuie doar să plasați codul scurt în orice postare sau în orice loc de pe pagină. Acest lucru nu este dificil de făcut, așa că oricine se poate descurca cu această procedură. persoana interesata.

Forme ninja

Recent, pluginul Ninja Forms a început să câștige popularitate. Acest generator de formulare diferă de alții prin puterea și prezența celui mai intuitiv editor, care este folosit în primul rând în pluginurile plătite. Când îl utilizați, veți putea să vă construiți propria formă unică prin simpla glisare și ajustare a blocurilor. Toate câmpurile sunt create în oricare dintre limbile selectate, inclusiv rusă.

Aspectele pozitive ale acestei dezvoltări includ:

1. Functionalitate destul de larga.
2. Prezența unui comutator convenabil pentru posibilitatea de a previzualiza și testa modelele.



Laturile negative vor fi:

• un număr mare de setări care pot deruta un utilizator începător.
• prezența modulelor premium care pot fi conectate separat (cum ar fi acceptarea de plăți, corespondență).

Ninja Kick

Ninja Kick este cea mai neobișnuită soluție dintre toate, care diferă prin faptul că afișează un panou separat cu laturi diferite site-ul. Funcționalitatea sa include multe setări, dintre care majoritatea sunt menite să ajusteze aspectul formularului. Setările pentru câmpuri sunt foarte mici și acest lucru îi deranjează ușor pe utilizatorii de internet.

Acest plugin este foarte interesant și unic, dar este puțin probabil să fie potrivit pentru un site web serios. Cel mai des este folosit de proprietarii de portaluri de divertisment sau bloggeri.

Așa că ne-am uitat la diferite suplimente pentru creare formă inversă WordPress și a ajuns la concluzia că îți poți alege propriul plugin pentru diferite situații, site-uri și scopuri. După cum se spune: „Dacă există o dorință, restul va fi găsit”.

Ghid pas cu pas pentru crearea unui formular de feedback

Acum să vedem exact cum sunt create aceste formulare folosind un exemplu de aplicație CF7:




Dacă trebuie să adăugați sau să modificați câmpuri, atunci găsiți lista numită „Generați etichetă” și selectați din listă tipul de câmp necesar. Această funcție vă permite să obțineți o formă de absolut orice complexitate. Această funcționalitate vă permite să creați cu ușurință produse unice.

1. După aceste manipulări, veți vedea cum va arăta formularul pentru vizitatori. Va fi cel mai simplu și neremarcabil, dar dacă aveți abilități de bază de programare, vă puteți juca cu stilurile.

Așa că ne-am dat seama cum să facem un formular folosind aplicația Contact Form 7. Nu este dificil, nu?

Aș dori să mai spun câteva cuvinte despre protejarea căsuței dvs. poștale de afluxul de spammeri: „Pentru a preveni ca spam-ul să ajungă pe e-mailul dvs., ar fi util să adăugați un captcha în formularul de feedback. Se instalează folosind funcția „generare etichetă”. Iar pentru funcționarea acestuia veți avea nevoie de suplimentul Really Simple CAPTCHA. După ce ați terminat de configurat suplimentul, puteți uita de problema cu spam-ul.

De asemenea, puteți personaliza forma scrisorii trimise către e-mail folosind pluginul. Pentru a face acest lucru, va trebui să reutilizați șablonul formularului creat. Tot ce trebuie să faci este să tastați textul care va fi în mesajul primit, indicând numele câmpurilor corespunzătoare între paranteze drepte! Nu rata acest moment, altfel nu-l vei primi rezultatul dorit.

Și în concluzie, putem spune că formularul este gata, nu mai rămâne decât să editați mesajele după cum este necesar.

Acesta este modul în care vă puteți crea propriile formulare de contact în WordPress. Acesta este un proces destul de intens, care necesită o perioadă decentă de timp. Dacă dintr-un motiv oarecare nu înțelegeți pe deplin întregul proces de creare sau editare, atunci liber profesioniștii vor veni în ajutor; puteți comanda de la ei designul formularului. Aceștia sunt oameni care vă vor ajuta în mod privat și nu percep la fel de mult pentru muncă ca în firmele private. Aș dori să vă recomand site-uri de încredere unde astfel de comenzi sunt îndeplinite eficient și la timp:

La sfârșitul articolului, să rezumăm:

• Puteți crea un formular de feedback pentru site folosind un plugin;
• acesta este cel mai simplu și rapid mod.

Acum există multe plugin-uri pentru fiecare gust și chiar buget, așa că alegerea este la latitudinea dvs. Cu toate acestea, dacă nu doriți să creați singur formularul, puteți apela la profesioniști pentru ajutor.

Ei bine, asta e, la revedere.

Cu stima, Elena Izotova.

Buna seara prieteni! În acest tutorial vă voi învăța cum să creați un formular de contact în WordPress folosind pluginuri. Un formular de contact WordPress este o soluție ideală pentru cei care doresc să mențină contactul cu publicul sau să primească solicitări prin e-mail pentru a comanda orice servicii. Vom învăța cum să facem un formular pop-up în fereastra modală. După ce ați citit acest articol, veți putea încorpora singur formularul pe site-urile dvs. web. Deci să mergem.

De ce ai nevoie de un formular de contact WordPress?

Poate vă întrebați de ce am nevoie de un formular de feedback pentru un site WordPress? De ce să nu adăugați o adresă de e-mail pe site, astfel încât oamenii să îmi poată scrie?

Aceasta este cea mai frecventă întrebare a începătorilor cărora le este frică să adauge cod de formular pe un site web fără cunoștințe de programare. De fapt, nu aveți nevoie de niciun cod atunci când creați un formular de contact în WordPress. În acest tutorial, vom crea un formular de contact pas cu pas, astfel încât chiar și cel mai complet începător să o poată face.

Mai jos sunt cele 3 motive principale pentru care utilizarea unui formular este mai bună decât doar adăugarea unei adrese de e-mail pe site.

• – roboții de spam cu o regularitate de invidiat își folosesc analizatorii pentru a ridica adrese de e-mail unde există o mențiune domeniul de mailși adăugați-l în baza lor de date, astfel încât să vă poată trimite apoi corespondență nedorită. Pe de altă parte, atunci când utilizați un formular de feedback pentru WordPress, scăpați de problema e-mailurilor SPAM care vă copleșesc cutia poștală.
• Completitudinea informațiilor – Când trimit e-mailuri, oamenii nu trimit întotdeauna toate informațiile de care aveți nevoie. Cu un formular de contact, decideți ce câmpuri aveți nevoie pentru a facilita utilizatorilor să vă trimită un e-mail (nume, e-mail, număr de telefon, comentariu și multe altele).
• Economisiți timp – Formularul de contact WordPress vă va ajuta să economisiți timp. Pe lângă caracterul complet al informațiilor pe care le-ați solicitat utilizatorului și pe care acesta vi le va trimite, puteți indica și ceea ce vă așteaptă pe urmatorul pas, de exemplu, „Aplicația dvs. va fi examinată în 24 de ore” sau Vizionați videoclipul și multe alte lucruri utile.

Mai jos este un exemplu de formular de contact pe care îl vom crea în acest tutorial.



Să începem, domnilor.

Pasul 1: Alegerea celui mai bun plugin de formular de contact pentru WordPress

La acest pas, trebuie să decidem cu privire la alegerea pluginului de formular adecvat. Există o mare varietate de ele, atât gratuite, cât și plătite. În acest tutorial vă voi spune despre diferite plugin-uri, astfel încât să aveți o alegere largă. În primul caz, va fi folosit pluginul WPForms.

Mai jos sunt motivele pentru care WPForms este cel mai bun plugin părere:

1. În primul rând, acesta este cel mai prietenos plugin pentru începători. Prin simpla glisare și plasare a blocurilor necesare, puteți crea un formular de contact în câteva clicuri.
2. WPForms Lite este complet gratuit.
3. Când sunteți pregătit pentru o funcționalitate mai puternică și dacă este cu adevărat important pentru dvs., atunci puteți face upgrade la versiunea Pro.

Super, dacă aceste motive s-au dovedit a fi suficiente și te-am convins, atunci mergem mai departe.

Pasul 2: Instalați pluginul pentru formularul de contact WordPress

Pentru acest tutorial folosim versiunea Lite deoarece este gratuită și ușor de utilizat. Îl puteți instala conectându-vă la blog și accesând Plugins - Adăugați nou.



În bara de căutare, introduceți numele pluginului nostru și faceți clic pe Instalați acum.

După instalarea pluginului, asigurați-vă că îl activați. Aceasta este prezentată aici:



Pasul 3: Creați un formular de contact în WordPress

Deci, după finalizarea cu succes a activării pluginului, este timpul să ne creăm formularul de feedback. Pentru a face acest lucru, în panoul de administrare al blogului, faceți clic pe fila Meniu WPForms și accesați Adăugare nou.



Acest lucru va deschide designerul Wpforms pentru dvs., unde simplu drag and drop Cu blocurile necesare, puteți crea un formular de contact WordPress pentru feedback. In liber Versiuni Lite Sunt disponibile două șabloane prefabricate (form gol și simplu). Le puteți folosi împreună pentru a crea cea de care aveți nevoie și este convenabilă pentru dvs. În acest exemplu, am ales a doua opțiune pentru dvs., și anume un simplu formular de contact. Îi vom adăuga un nume, un e-mail și un câmp de text.



Puteți face clic pe fiecare câmp pentru al edita. De asemenea, puteți trage și reordona câmpurile de formular folosind mouse-ul.

Dacă doriți să adăugați un câmp nou, pur și simplu selectați-l pe cel de care aveți nevoie din lista din stânga și trageți-l în zona de lucru.



Când totul este gata, trebuie doar să faceți clic pe butonul Salvare.

Pasul 4: Configurați notificări și confirmări

Odată ce ați creat cu succes un formular de contact în WordPress, este foarte important să configurați corect formularele de notificare și confirmare.

Formularul de confirmare este ceea ce văd utilizatorii atunci când vă trimit o solicitare de formular. Acesta ar putea fi un mesaj de mulțumire sau le puteți redirecționa către o altă pagină specială.

Formularul de notificare este mesajele pe care le primiți atunci când primiți un aplicatie noua sau scrisoare de e-mail de pe site-ul dvs. WordPress.

Puteți personaliza ambele câmpuri accesând Setări din interiorul pluginului WPForms forum builder.

În mod implicit, nu l-am setat să atingă și am lăsat câmpul Formular de confirmare cu mesajul „Vă mulțumim pentru solicitare” așa cum este. Cu toate acestea, aveți dreptul să îl schimbați într-un alt text sau să redirecționați utilizatorul către pagină separată.



Cel mai bun lucru despre acest plugin este că setările implicite sunt perfecte pentru începători. Nu trebuie să-și dea seama ce să facă sau ce să schimbe. Totul este foarte intuitiv și simplu. Când accesați setările de notificare, toate câmpurile vor fi precompletate dinamic.



Notificările sunt trimise implicit la adresa de e-mail specificată în setări. Dacă doriți să schimbați destinatarul pentru trimiterea notificărilor, îl puteți schimba cu ușurință. Dacă doriți să indicați mai multe adrese de e-mail (specificate prin virgule), atunci vă rog, cartonașe în mână, după cum se spune :)

Câmpul Subiect e-mail va fi completat automat cu numele formularului dvs. Câmpul de nume va fi preluat din numele de utilizator (numele dvs.). Când răspundeți la o scrisoare, aceasta va merge la e-mail cu numele utilizatorului care a completat formularul de contact.

Pasul 5: Adăugarea unui formular de contact WordPress pe pagină

La acest pas, când ați creat și configurat formularul de feedback, trebuie să creați o pagină separată „Contacte”, unde să-l puteți plasa. Fie creați unul nou, fie îl editați deja pagina existentă, unde îl puteți adăuga.

Vom folosi un cod scurt simplu pentru a încorpora formularul în pagină. Pur și simplu faceți clic pe butonul „Adăugați formular” și selectați numele formularului pentru a-l insera în pagină.



Grozav. Acum salvați pagina și deschideți previzualizarea pentru a vedea modificările.

Cam așa va arăta formularul: WordPress simplu pagină:



Dacă doriți doar să adăugați un formular pe o pagină, atunci felicitări. Toți pașii au fost finalizați cu succes. Dacă doriți să îl adăugați ca widget în bara laterală, apoi continuați mai jos.

Pasul 6: Adăugarea unui formular de contact WordPress în bara laterală

Pluginul WPForms vine cu un widget de formular de contact încorporat pe care îl puteți adăuga în bara laterală sau în orice altă zonă a site-ului dvs. (cum ar fi subsolul).

Pentru a face acest lucru, trebuie să mergem la secțiunea " Aspect» (Aspect)-> Widgeturi (Widget-uri). Acolo veți vedea un widget de plugin de formular preinstalat în partea stângă. Pur și simplu o luăm și setăm ordinea de afișare în zona dorită din bara laterală folosind o glisare și plasare obișnuită.



Următorul pas este să specificați numele widget-ului și să salvați. Intră pe site și vezi rezultatul.

Aceasta completează revizuirea pluginului nostru pentru formularul de feedback WPForms. Dar, mai ales pentru tine, am pregătit încă o recenzie a unuia plugin gratuit, cu care putem realiza un formular de feedback pop-up și toate aceleași caracteristici ca în cel precedent. Se numește Formular de contact 7. Este într-adevăr foarte puternic și atuul său este că este complet GRATUIT!

De asemenea, poate fi adaptat, adică formularul de feedback se va adapta la dimensiunea ecranului dispozitivului dvs.

Deci, pentru orice eventualitate, ca să știți că sunt acolo.

Cum să faci un formular de feedback de contact utilizând Formularul de contact 7

Continuăm să înțelegem problema creării de formulare pentru acceptarea cererilor de pe site-ul dvs. web. Avem în față un alt plugin pentru formularul de contact WordPress numit Formular de contact 7. Să-l instalăm pe blogul nostru și să-l activăm așa cum știm să facem.



Este deja instalat pe site-ul meu, nu pe acest blog. Procedura este standard. Acum trebuie să mergem la panoul de administrare al blogului și să creăm un nou formular care va colecta aplicații și altele Informatii utile. Accesați secțiunea „Formular de contact 7” -> Adăugați nou.



Grozav! Acum să-i dăm un nume adecvat, în cazul meu există o mulțime de aceste formulare de contact. Să alegem unul, de exemplu „Formular de comandă pentru promovarea site-ului”



Vă voi spune pe scurt de ce avem nevoie aici. În primul rând, trebuie să decidem câte câmpuri de formular vrem să facem. Voi spune imediat că nu este nevoie să creați 100.500 de câmpuri și este inutil, din simplul motiv că oamenii vă vor închide site-ul și nu vor lăsa o solicitare. Ei trebuie să facă acest pas mai ușor. Adică, dacă te gândești bine, ceea ce avem nevoie de la o persoană este:

1. Numele lui să i se adreseze (adresa personală)
2. Adresă de e-mail (feedback, unde să-i trimită o ofertă)
3. Număr de telefon de apelat imediat (dacă acest lucru se întâmplă rapid, atunci el va deveni oricum clientul tău)
4. Butonul actual „Trimite”.

Acestea sunt datele de bază, puteți afla deja pe altele în timpul corespondenței sau conversație telefonică. Logic? Cred ca da. Sa trecem peste.

Crearea câmpurilor de formular de contact în pluginul Formular de contact 7

Deci, ne-am decis asupra numărului de câmpuri, acum trebuie să creăm aceste câmpuri. Următoarele file sunt disponibile pentru noi:

• Text (Orice câmp de text, cum ar fi „Nume”, „Pune o întrebare” sau orice alt titlu pe care îl vei colecta prin acest câmp)
• E-mail (scopul aici este ca utilizatorul să introducă)
• URL (adresa site-ului va fi introdusă în acest câmp, alte valori nu sunt acceptabile și va fi afișată o eroare)
• Tel (câmp cu număr de telefon pentru formularul nostru de feedback pe WordPress, sunt permise valori numerice, textul va da o eroare)
• Număr (Intervalul numeric de valori, poate fi aplicat, de exemplu, prețului: „cât ești dispus să plătești pentru site? De la 23.000 la 120.000 de ruble”)
• Data (Indicați data, de la ce dată la ce dată. Exemplu: „Rezervarea unui autoturism de la 13.04.2016 la 25.04.2016”)
• Zona de text (Zona de text, aici puteți introduce text ca comentariu)
• Meniu drop-down. Implementat pe blogul meu, îl puteți vedea. La finalul fiecărui articol, sugerez utilizatorilor să creeze fie un simplu site web, fie un magazin online. Aceasta este exact funcționalitatea pe care o oferă această opțiune.
• Casete de selectare (cu mai multe variante, de exemplu: site web + creare logo + promovare + publicitate contextuală)
• Butoane radio (Selectarea unui articol, de exemplu: „Comenzi sau publicitate contextuală sau vizate")
• Acceptare (Acceptați termenii acordului, de ex. informații despre utilizator, ca o ofertă publică)
• Test (Quiz este o serie de întrebări scurte care pot fi introduse și în formularul de contact).
• reCaptcha (Confirmare că nu sunteți un robot și că nu veți trimite spam.) Protecție bună din SPAM. Notă: această opțiune funcționează dacă ați conectat pluginul Really Simple Captcha.
• Fișier (Dacă doriți să permiteți utilizatorilor să încarce un fișier la dvs., de exemplu: „Atașați specificații tehnice pentru dezvoltarea site-ului”).
• Trimiteți (Trimiteți datele prin e-mail)

Așadar, ne-am hotărât asupra câmpurilor, știți și semnificația fiecăruia. Să începem să construim formularul nostru de contact în WordPress.

În exemplul de mai jos am folosit 2 câmpuri: Nume, E-mail. În consecință, veți avea nevoie de aceste file:



Făcând clic pe fila text (Text) ajungem la caseta de dialog:



Aici trebuie să facem clic pe caseta de selectare Field Type – Required. Acest lucru se face astfel încât, dacă utilizatorul nu introduce un nume în el, atunci el nu vă va putea trimite o cerere; va apărea o eroare de trimitere, care indică faptul că nu toate câmpurile sunt completate corect.

Veți vedea apoi un cod scurt pentru inserarea acestui câmp și lângă el un buton albastru „Inserați etichetă”. Aceasta va adăuga un câmp nou de formular de contact.

Ca să nu te încurci, l-am evidențiat cu stil. Codul de mai jos:

Numele complet

< div class = "col-md-4" > < label class = "sr-only" >Numele complet< / label >[ text* text - 658 class : form - control substituent „Numele tău" ] !}< / div >

Și iată ecranul:



Efectuăm o operațiune similară pentru câmpul „E-mail”. Facem clic pe fila corespunzătoare și intrăm în această casetă de dialog.



Nu este absolut diferit de precedentul, doar ne repetăm ​​acțiunile. Câmpul meu de e-mail are și un stil. Vă ofer codul mai jos:

E-mail complet

< div class = "col-md-4" > < label class = "sr-only" >E-mail complet< / label >[ email* email - 447 class : form - control placeholder "E-mailul dvs.)." ] !}< / div >

Și iată ecranul:



Și, în sfârșit, butonul „Trimite”. Ea este în stilul meu.