Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • OS
  • Formular de feedback fără un plugin. Formular de feedback - cele mai bune plugin-uri WP

Formular de feedback fără un plugin. Formular de feedback - cele mai bune plugin-uri WP

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-vă serviciile.

Dar, din păcate, această funcționalitate utilă nu este încorporată în setul standard al motorului și trebuie să căutăm soluții de la terți la această problemă. Pentru a face acest lucru, fie trebuie să scrieți singur formularul (dacă știți cum), fie să utilizați 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, deoarece numărul de instalări 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 acesta, puteți personaliza rapid un formular care conține câmpuri de text, numere de telefon, adrese poștale, date și multe altele. Acest plugin este complet gratuit și este ușor de inserat folosind HTML simplu și se mândrește, de asemenea, cu trimiterea AJAX.

Acesta este un întreg set de plugin-uri, widget-uri și servicii pentru motorul WordPress. Și, în consecință, are propriul său designer de formulare 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ției Active Engage și să le inserați 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 trăgând și plasând blocurile necesare și personalizându-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. În versiunea pro a pluginului, sunt disponibile funcții suplimentare, cum ar fi validarea formularului și selectarea casetei, 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 in alte postari!

1 vot

O zi bună, cititori ai blogului meu. Andrei Zenkov este cu tine. Formularul de feedback WordPress este o parte importantă a oricărui site web și vom vorbi despre el astăzi. Să ne uităm la exemple specifice folosind cel mai popular CMS - WordPress. Fă-te confortabil, toarnă niște ceai, pentru că te așteaptă un articol lung, fascinant și informativ.

Vreau să încep povestea mea astăzi cu cuvintele lui Richard Bach: „Nu ar trebui să existe limite pentru noi”. Îi îndemn pe toți cititorii mei să nu se oprească niciodată aici. De fiecare dată când observi o stagnare în dezvoltarea ta, depune toate eforturile pentru a trece peste următorul plafon. Dincolo de ea, te așteaptă și mai mult succes.

Ce este un formular de feedback și pentru ce este acesta?

Un formular de feedback este un modul de pe site care este necesar pentru contactul prompt între proprietarul resursei și vizitatori. Pentru ce este? Am identificat trei motive principale pentru tine:

  • Protecție împotriva roboților de spam. Analizatorii de adrese de e-mail vă vor adăuga în baza lor de date dacă o publicați pur și simplu pe site-ul dvs. web. Acest lucru va duce la primirea constantă a mesajelor care nu oferă nicio valoare. Când creați un formular, vă recomand să vă ascundeți adresa;
  • Obținerea tuturor informațiilor. Pentru ca utilizatorul să vă transmită prima dată tot ce dorește, adăugați câmpurile necesare în formular (număr de telefon, comentariu, subiectul mesajului etc.);
  • Economisirea timpului vizitatorilor. Nu vor mai fi nevoiți să vă caute adresa, să meargă la clientul lor de e-mail și să tastați un mesaj. Acest lucru se poate face direct din resursa dvs.

Sunt mai multe avantaje, pe cele principale le-am evidențiat pentru tine. Recomand să instalați un plugin cu captcha. Această măsură vă va proteja de roboții de spam, veți primi scrisori doar de la oaspeții adevărați ai proiectului dumneavoastră.

Dacă vrei să înveți cum să te protejezi nu numai de roboții de spam, ci și de alte amenințări mai grave, recomand să urmezi cursul „ Protecție WordPress totală ”, care a fost pregătit de un webmaster cu experiență.


Soluții gata făcute pentru proiectul dvs

Dacă nu știți cum să dezvoltați singur un formular de feedback convenabil pentru site-ul dvs., am pregătit câteva plugin-uri interesante care sunt ușor de instalat pe cont propriu. Nici măcar nu aveți nevoie de cunoștințe speciale în .

Formularul de contact 7

După ce ați specificat toate setările, veți primi un cod pentru un formular de contact gata făcut cu e-mailuri trimise atunci când faceți clic pe un buton. Îl poți plasa oriunde pe site-ul tău.

Ce se poate concluziona?

Un formular de feedback trimis prin e-mail este o soluție excelentă pentru a comunica cu abonații tăi. Nu rata ocazia dacă oamenii vor să comunice cu tine. Cineva vă va învăța ceva nou, cineva vă va da sfaturi utile. Astăzi v-am povestit despre opțiunile pe care le folosesc eu însumi când creez proiecte. Alege ce este mai bun pentru tine și începe să acționezi! Și acest articol se termină.

Urmăriți actualizările blogului pentru a afla în mod regulat ceva nou și interesant.

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, un formular de feedback pop-up pentru WordPress va fi util, deoarece vă va ajuta să stabiliți un 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, diferite imagini etc.

Plugin-uri pentru instalarea unui formular pop-up

Să ne uităm la instrumentele necesare pentru a dezvolta ferestre pop-up în Wordpress, o 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 sub setările standard, vor fi localizați parametrii pluginului în sine. 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ă aveți alte instrumente suplimentare pentru crearea animației 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 opțiunea „Închide FancyBox când se face clic pe suprapunere” din setările Easy FancyBox, care închide fereastra când faceți clic în afara acesteia.

Instrucțiuni pas cu pas

Ei bine, pregătirea preliminară „plictisitoare” s-a încheiat, acum să trecem la partea „delicioasă” - cum, de fapt, este dezvoltat formularul de feedback pop-up WordPress.

Gestionarea ferestrei formular

De unde începem? Desigur, cu configurarea preliminară a formularului în sine. Selectați „Formular de contact 7” în meniul din dreapta, 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 obiectivul nostru principal este să învățăm pur și simplu cum să creăm 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. Noul cod de program poate fi introdus 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:

Scrie o scrisoare

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:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 /***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 ; /*inner padding*/ border:1px nuanță de bord*/ background:#3399ff /*text-decoration:none; centrarea legendei*/ color:#ffffff /*culoarea legendei*/ -moz-transition: all 0.6s ease -webkit-transition: all 0.6s ease) /**Change the linkuri de culoare la trecerea cursorului**/ .contact-ne a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box-shadow:0 0 7px #111 ; -moz-transition: toate 0.6s ease;

/***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 ; /*inner padding*/ border:1px nuanță de bord*/ background:#3399ff /*text-decoration:none; centrarea legendei*/ color:#ffffff /*culoarea legendei*/ -moz-transition: all 0.6s ease -webkit-transition: all 0.6s ease) /**Change the linkuri de culoare la trecerea cursorului**/ .contact-ne a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box-shadow:0 0 7px #111 ; -moz-transition: toate 0.6s ease;

Rezultatul este un buton ca acesta:

Codul spune deja ce parametru este responsabil pentru ce. Acum fiecare 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 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 în 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

1 2 3
  • Scrie o scrisoare
  • Scrie o scrisoare
  • 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ți următoarele informații:

    1 2

    Cele mai bune articole pe această temă