Formular de contact PHP. Formular de feedback personalizabil: cum se creează online? Cum să faci un formular pop-up frumos de contact HTML și PHP cu telefonul și să trimiți comanda pe e-mail

Salutare tuturor! În acest articol, veți învăța cum să creați un formular de contact pop-up pentru site-urile html și wordpress. În primul rând, astfel de formulare vor fi necesare pentru magazinele online, paginile de destinație și site-urile simple de cărți de vizită, deoarece este cu adevărat convenabil pentru utilizator.

De exemplu, un vizitator a venit pe site-ul tău, a căutat prin informațiile de care avea nevoie, pare să fie gata să-ți comande produsul sau serviciul, dar nu vrea să sune în alt oraș și să cheltuiască bani mari. În astfel de momente, formularul de feedback pop-up vine în ajutor.

Creați un formular de contact html

Deci, să presupunem că aveți deja un site web și doriți să creați un formular, atunci când îl completați, utilizatorul va putea primi feedback de la dvs. Pentru a face acest lucru, în primul rând, este creat cadrul în sine.

Lipiți următorul cod în locul potrivit de pe site:

Aplicație online

Opțional, puteți adăuga câmpuri suplimentare pentru introducerea informațiilor sau le puteți elimina pe cele existente. Nu vă recomand cu tărie să utilizați captcha sau altă protecție împotriva roboților în astfel de forme, ceea ce va îngreuna utilizatorului să completeze formularul.

Codul este introdus, ce vedem?

Forma a apărut, dar este necesar să-i dea o formă. Pentru a face acest lucru, adăugați următoarele stiluri:

/* Formular de contact */ #inline ( margin-left:30px; width:80%; margin:0 auto; background:#fff; padding:10px 20px; ) .txt ( display:inline-block; color:#676767 ; width:190px; margin-bottom:10px; border:1px solid #ccc; padding:5px 9px; font-size:15px!important; line-height:1.4em; ) .txtarea ( display:inline-block; culoare: # 676767; lățime:617px; margin-bottom:10px; chenar:1px solid #ccc; padding:5px 9px; font-size:15px!important; line-height:1,4em; înălțime:80px; ) .txt:focus, . txtarea:focus ( border-style:solid; border-color:#bababa; color:#444; ) input.error, textarea.error ( border-color:#973d3d; border-style:solid; background:#f0bebe; color :#a35959; ) input.error:focus, textarea.error:focus (border-color:#973d3d; color:#a35959; ) #send (color:#FFFFFF; display:block; cursor:pointer; padding:5px 11px ; dimensiunea fontului: 1.2em; chenar: solid 1px #F9F9F9; border-radius:2px; background:#70C6B9; width:210px; margin-bottom:20px; ) #send:hover ( background:#9797 97; ) /* Formular de feedback */

Deja mult mai bine. În orice caz, va trebui să ajustați forma la designul general al site-ului, astfel încât al dumneavoastră va fi în cele din urmă diferit de al meu.

Arata cam asa:

Ce se întâmplă? Vizitatorul dă clic pe câmp, iar scriptul îi înlocuiește o mască gata făcută, cu codul țării. Destul de convenabil.

Pentru a face acest lucru, trebuie să conectați scriptul de mască. Îl puteți descărca chiar la sfârșitul articolului împreună cu codul sursă.

Conectăm scriptul înainte de eticheta de închidere. Nu uitați să schimbați calea fișierului la propria dvs. Bine, formularul de feedback a fost creat, stilurile sunt setate, acum trebuie să-i puneți un handler, astfel încât notificările să vină la e-mail.

Pentru a face acest lucru, introduceți următorul script înainte de eticheta de închidere:

Cum funcționează acest script?

1. Efectuează validarea e-mailului introdus.
2. Specifică câmpurile cu care se lucrează.
3. Validează aceste câmpuri pentru completare. Dacă câmpurile obligatorii nu sunt specificate, acesta afișează un mesaj care afirmă că trebuie completate.
4. Prelucrează informațiile introduse și inițiază trimiterea unei notificări la e-mail.
5. Oferă un mesaj utilizatorului că cererea acestuia a fost acceptată folosind Ajax.

Ultimul lucru rămas de făcut este să creați fișierul sendmessage.php, să introduceți următorul cod php în el și să îl încărcați la rădăcina site-ului dvs.

Nume:„.$nume utilizator”.

\r\n"; $msg .= "

Numar de telefon:".$userphone."

\r\n"; $msg .= "

Poștă:".$usermail."

\r\n"; $msg .= "

Mesaj:„.$conținut”.

\r\n"; $msg .= " "; // trimite mesaj if(@mail($sendto, $subject, $msg, $headers)) ( echo "true"; ) else ( echo "false"; ) ?>

Asta e tot, un formular simplu de feedback pentru site-ul html este gata. Nu uitați să schimbați e-mailul din fișierul sendmessage.php cu al dvs.

Adăugarea unui formular pop-up de feedback pe site

Există momente când aveți nevoie de un formular pop-up care se deschide când faceți clic pe un buton. Este foarte ușor să o faci. De exemplu, să luăm forma pe care am creat-o mai devreme și să lucrăm cu ea.

Mai întâi trebuie să conectăm jqury fancybox, pe care îl puteți descărca la sfârșitul articolului.

Adăugați aceste rânduri înainte de eticheta body de închidere, doar schimbați calea fișierului la propria dvs.

Și îi dăm stiluri.

Modalbox (culoare:#FFFFFF; afișare:bloc; cursor:pointer; padding:10px 11px; font-size:1.2em; border:solid 1px #F9F9F9; border-radius:2px; background:#70C6B9; lățime:210px; text -decoration:none; text-align:center; margin:0 auto 20px; ) .modalbox:hover ( background:#979797; )

Vă rugăm să rețineți că butonul, atunci când este făcut clic, va provoca o fereastră pop-up, trebuie să i se atribuie clasa modalbox și calea href="#inline". Fără aceasta, formularul pop-up nu se va deschide pe site.

Apoi ascundem formularul pe care l-am creat mai devreme, astfel încât să se deschidă într-o fereastră pop-up. Pentru a face acest lucru, trebuie să înlocuiți stilurile #inline din cele vechi cu cele noi.

#inline ( display:none; margin-left:30px; width:80%; margin:0 auto; background:#fff; padding:10px 20px; )

Drept urmare, obținem un astfel de buton.

Făcând clic pe el, se deschide o fereastră pop-up cu feedback.

Din nou, stilurile, aranjarea câmpurilor și elementelor pot fi modificate după cum aveți nevoie. De exemplu, pentru un apel invers de pe site, va fi suficient să lăsați doar 2 câmpuri - nume și număr de telefon și să eliminați restul câmpurilor.

Nu uitați că, pentru ca formularul să funcționeze, va trebui să adăugați handlerul care este publicat mai sus la sfârșitul site-ului și să încărcați fișierul la rădăcina site-ului sendmessage.php.

Formular de feedback pentru wordpress

Dacă site-ul dvs. este alimentat de wordpress, puteți utiliza pluginuri speciale pentru a adăuga un formular de contact. Unul dintre cele mai bune pluginuri Contact Form 7. Îl puteți descărca de pe site-ul oficial sau prin panoul de administrare din secțiunea Plugin-uri.

După activarea pluginului, o filă nouă va apărea în meniul din stânga. Deschideți-l și faceți clic pe Adăugare nou.

Introduceți numele noului formular, selectați câmpurile care ar trebui să fie în formular. De obicei, cele standard, care se adaugă automat, sunt suficiente. A se mentine in forma.

După salvare, pe ecran va apărea un cod scurt, care va trebui inserat pe pagina în care trebuie să fie afișat formularul de contact, de exemplu, pe pagina Contacte.

Copiați acest cod, mergeți la pagina dorită, selectați formatul „Text” în editorul vizual, lipiți acest shortcode și salvați pagina.

Apoi verificăm dacă formularul este afișat pe pagină și funcționează corect. Pentru a face acest lucru, va fi suficient doar să mergeți la pagina în care a fost introdus codul. Ar trebui să aveți un formular ca acesta:

Acum vizitatorii site-ului dumneavoastră vă vor putea contacta prin intermediul formularului de contact creat pe motorul wordpress.

Crearea unui formular de feedback pop-up pentru wordpress

Nu îmi place să adaug plugin-uri suplimentare la acest motor, deoarece acestea încarcă site-ul, încetinind-o. Prin urmare, pentru un formular pop-up, folosesc de obicei 2 opțiuni.

1. Pur și simplu fixăm formularul pop-up descris mai sus în articol nu pe site-ul html, ci pe motor.
2. Un formular creat cu pluginul pop-up Contact Form 7 cu câteva modificări minore.

Prima metodă a fost deja descrisă mai sus, așa că să trecem la a doua.

Mai întâi, lipiți următorul cod imediat după eticheta de deschidere a corpului.

X

Să vedem ce este:

• Un link cu id="callme-open" când faceți clic, se va deschide formularul nostru. Vă rugăm să rețineți că acest link nu trebuie inserat după eticheta deschisă, ci în locul în care doriți să fie localizat acest buton. De obicei, este adăugat în colțul din dreapta al antetului, lângă numărul de telefon al companiei dvs.
• Blocul bg-b va crea un fundal de site estompat atunci când este deschis formularul pop-up.
• Blocul callme va conține formularul de feedback în sine.
• X - aceasta va fi crucea noastră în colțul formularului, când se face clic pe care se va închide formularul.
• Ei bine, codul php în care va fi lansat shortcode-ul pluginului Contact Form 7.

Vă rugăm să rețineți că id-ul dvs. și numele formularului pot diferi de al meu. Noul cod a fost adăugat, acum îi dăm stiluri.

Bg-b ( poziție: absolut; lățime: 100%; înălțime: 100%; stânga: 0; sus: 0; fundal: rgba(51,51,51,0.55); z-index:1000; ) corp (poziția: relativ; ) .callme (poziție:fix; sus:30%; stânga:50%; lățime:300px; margin-left:-150px; z-index:1100; fundal:#fff; padding:20px 20px 10px; chenar- radius:4px; ) .callme small (position:absolute; right:10px; top:10px; font-size:15px; cursor:pointer; )

Salvați codul și verificați. Formularul ar trebui să fie acum poziționat în mijlocul ecranului, cu un fundal translucid întunecat în spate. Totul este în regulă, dar rămâne să adăugați ultimul lucru - un script care va deschide și ascunde acest formular când faceți clic pe butoanele dorite.

Acest script trebuie inserat în fișierul de subsol, înainte de eticheta body de închidere.

Au rămas ultimele atingeri și formularul pop-up de pe wordpress va fi gata. Dați claselor .callme și .bg-b stilul display:none. Acest lucru este necesar pentru ca formularul să nu apară pe ecran la pornirea site-ului.

Am discutat cu dvs. câteva opțiuni pentru crearea unui formular de apel invers. Sper că nu veți avea probleme cu implementarea formularului pe site-ul dvs. Dacă aveți probleme sau întrebări, puteți primi oricând sfaturi în comentarii.

ACTUALIZARE 06/06/2018

În cele mai recente versiuni de WordPress Scripturile jQuery nu funcționează cu simbolul $, deci acest lucru ar trebui luat în considerare și înlocuiți $ cu jQuery

Destul de des există o astfel de problemă în care un formular de trecere pe site nu mai este trimis în paginile interne. Pentru a preveni acest lucru, specificați calea completă către fișierul sendmessage.php în handler. De exemplu, așa:

Url: „http://site.ru/sendmessage.php”

Și puteți descărca codurile sursă ale primelor două formulare prin

ACTUALIZARE 07/04/2018

La cererea populară, formularul de feedback a fost modernizat. Acum ia în considerare caseta de selectare pentru consimțământul de a trimite date în conformitate cu legislația Federației Ruse nr. 152-ФЗ „Cu privire la datele personale”, adaptabilitatea la orice rezoluție a ecranului a fost îmbunătățită, fișierele js și css au fost comprimate.

Acum puteți vizualiza exemplul, precum și să descărcați sursele formularului de feedback actualizat și formularului pop-up online, urmând linkurile.

Salutări dragă cititor, astăzi am pregătit pentru tine un formular de feedback html delicios care funcționează fără a reîncărca pagina folosind tehnologia Ajax + un declanșator puternic care va motiva vizitatorii tăi să folosească formularul. Cititorii blogului meu au discutat foarte activ despre articolul meu anterior pe Landing Page, acum evaluăm, uitându-ne la noul formular finalizat. Toate necesare sursa și demonstrația atașate în articol , vom analiza și structura muncii și a conexiunii.

UPD: S-a remediat o eroare cu codificarea numelui în linia de subiect. Acum totul este afișat corect. Mulțumim cititorului (Ekaterina Karacheva)

Formatul formularului în sine include și un fișier de gestionare php, în plus, veți avea nevoie de biblioteca și scripturile jquery pentru a funcționa, dar mai întâi, nu voi încărca mult timp - să trecem la revizuirea și analiza noastră. părere.

Formular de feedback html - structura de lucru

Formularul nostru arată astfel:

Ce este toată sarea aici? Formularul este în partea dreaptă, dar în partea stângă am făcut un bloc special care îl va încuraja pe vizitatorul dumneavoastră să introducă imediat informațiile de contact! Secretul este simplu: vezi data și ora în caseta din stânga? Data va fi afișată astăzi tot timpul, de-a lungul timpului, intervalul acestor două ore este calculat din ora actuală, de exemplu, dacă ora dvs. este acum 13:14, atunci intervalul de ore va fi: de la 12 la 14. Uite cum funcționează)))

Vizitatorul va vedea: wow, o reducere astăzi, și tocmai am ajuns acolo la timp, există și o reducere! Trebuie luat imediat! Acesta este declanșatorul nostru.

Am descărcat sursele formularului de feedback html, ne-am uitat la demo - cred că am jucat suficient)) Acum despre esențial, principiul de funcționare:

Validarea câmpurilor din formularul de intrare are loc în fișierul handler contact.php mai jos, în lista codului programului, puteți vedea mesajul de eroare și trimiterea cu succes a scrisorii apare în formularul în sine, așa arată după trimitere:

Cod sursă pentru gestionarea formularelor

Lipiți în linie 52 poșta dvs., astfel încât toate scrisorile vor fi trimise la adresa specificată.

"; ) // Validează funcția de telefon ValidateTel($valueTel) ( $regexTel = "/^(7,12)$/"; if($valueTel == "") ( return false; ) else ( $șir = preg_replace( $regexTel, "", $valueTel); ) return empty($string) ? true: false; ) if(!$tel) ( $error .= "Vă rugăm să introduceți un telefon.
"; ) if($tel && !ValidateTel($tel)) ( $error .= "Introduceți un telefon valid.
"; ) if(!$eroare) // Verificarea mesajului (lungimea) if(!$mesaj || strlen($mesaj)< 1) { $error .= "Введите ваше сообщение.
";// Această linie stabilește limita minimă pentru scrierea literelor. ) if(!?utf-8?b?". base64_encode($name) ."?="; $message ="\n\nNume: ".$ nume."\n\nNumăr de telefon: ".$tel."\n\nMesaj: ".$mesaj."\n\n"; $mail = mail(" [email protected]", $subiect, $mesaj, "De la: ".$name_tema."<".$tel.">"."Răspuns-La: ".$email." "." X-Mailer: PHP/" .phpversion()); if($mail) ( echo "OK"; ) ) else ( echo "

Performanța formei

Pentru a primi scrisori în căsuța poștală, schimbați rândul pe care l-am menționat mai sus. Vă sfătuiesc să utilizați gmail.com mail, nu există întârzieri și blocaje atunci când primiți o scrisoare generată din formular. Te-am avertizat, pentru că au fost multe întrebări de la cititori (scrisorile nu vin la mail.ru). Fii atent la asta.

Completem toate câmpurile, vă rugăm să rețineți că numărul de telefon este introdus de la 8 - am scris în mod specific numărul din cele opt „89251122333” în prompt. La introducerea unui caracter «+» va apărea un mesaj de eroare. Dacă cineva are nevoie de el, atunci este ușor să îl adăugați la handler «+» .

Formular completat cu datele testului

Scrisoare pe cutia poștală

După cum puteți vedea, scrisoarea a fost primită, cu toate cele trei câmpuri care au fost completate și trimise. Titlul scrisorii „Aplicație de pe site-ul” este schimbat în handler contact.php

Totul merge bine, va fi frumos să auzi feedback-ul tău (critica constructivă) în comentarii, dacă sunt dificultăți și nu poți face față cu ceva, nu ezita să-mi scrii pe VK (o vei găsi în datele de contact ). Sper că v-a plăcut atât designul și funcționalitatea acestei simbioze a formularului de feedback (servicii de comandă, aplicație), cât și un declanșator care cheamă la acțiune. Succes tuturor celor care lucrează și o atitudine pozitivă, pa))

Pregătit cu sprijinul lui

Formular de feedback pentru site, pe care vă voi arăta, se bazează pe utilizarea tehnologiei Ajax. Dar nu vă faceți griji, nu trebuie să știți acest lucru, totul este gata, tot ce rămâne este să instalați acest formular și să îl personalizați pentru dvs.!

Băieți - scenariul este foarte depășit. Unele lucrează, altele nu. Și mi-e prea lene să-mi dau seama și cu atât mai mult să-l actualizez. Așa că testați la propria discreție.

formular de contact php cu e-mail

Acest formular de feedback pe site foarte funcțional în sine, la acesta sunt conectate mai multe plug-in-uri, care creează un aspect atractiv și verifică validitatea (corectitudinea citirii) datelor pe care le-ai introdus. Aceste pluginuri funcționează pe cei mari și puternici! Și se numesc așa:

1. JQTransform- un plugin care vă permite să faceți formularul nostru de feedback frumos!

2. formValidator- iar acest plugin verifică formularul de contact pentru corectitudinea informațiilor introduse și, caz în care, afișează tooltips!

Pentru funcționarea completă a acestui formular, va fi folosită clasa PHPMailer. Considerat unul dintre cei mai buni!

Notă pentru cei deștepți:

Formularul de feedback pentru site poate fi realizat in HTML! Dar va funcționa numai cu PHP! Si nimic altceva!

Acesta sunt eu pentru cei care caută un formular de contact numai HTML. O vei face, dar nu va funcționa!

Prin urmare, al tău trebuie să accepte PHP, iar pentru acest formular de contact, PHP trebuie să fie cel puțin a cincea versiune. Sper că vă explic? Mai mult, acum, orice gazduire normala suporta aceste conditii!

Am dezgropat acest formular de feedback pe site-ul www.tutorialzine.com, linkul duce direct la pagina originală, adică. site-ul autorului acestui formular!

Totul este în engleză acolo, așa că Sasha și cu mine a trebuit să ne chinuim puțin să rusificăm acest formular de contact și pluginurile în sine care sunt conectate la el.

Sincer să fiu, am petrecut două zile cu această „multiță”, deoarece au început să apară diverse gheare și nu am vrut să postăm formularul de feedback neterminat, mai ales unul atât de frumos! Deci, dacă sunteți un fan să faceți totul singur și gândul vă intră în capul cel mai strălucitor - pentru a rusifica singur această formă, vă voi oferi câteva sfaturi, deoarece nu vă veți limita doar la traducerea expresiilor:

1. Acest formular de feedback este conceput pentru burghezie și descărcat de acolo, așa că vă va trimite în loc de caractere rusești normale - krakozyably. Înțelegeți codificarea. Și, în general, toate „sigiliile” vor fi asociate cu asta!

2. Scriptul de validare nu înțelege inițial scrisorile noastre, așa că vor trebui scrise acolo!

3. Chiar și după aceste acțiuni, dacă specificați subiectul scrisorii în rusă, scrisoarea vine cu subiectul - Fără subiect (sper că am scris-o corect), acest lucru este tratat dacă specificați codificarea în fișierul clasei PHPMailer.

4. În forma originală, textul din câmpurile de introducere a fost apăsat în jos, și nu în mijloc. Aceasta este o eroare a pluginului JQTransform.

Ei bine, ca toate vopsite și avertizate. Să mergem mai departe!

Bună ziua, dragi cititori ai blogului. Astăzi vreau să vorbesc despre modalități de a crea feedback, comandă, contact și alte tipuri de formulare de care un webmaster ar putea avea nevoie pentru a organiza o comunicare convenabilă cu vizitatorii sau clienții săi.

Este clar că atunci când utilizați Joomla și WordPress, problema feedback-ului sau a comenzii poate fi rezolvată folosind diverse extensii sau plugin-uri, dar există modalități care sunt potrivite pentru absolut orice proiect construit atât pe Html pur, cât și folosind (scripturi, cms, constructori și feedback-ul generatorilor de formulare).

Deși, există soluții care nu necesită suport PHP și vor fi menționate și în acest articol. Nu vor exista descrieri deosebit de detaliate ale instalării și configurării în acest articol, deoarece aceasta este doar o prezentare generală a opțiunilor disponibile care pot fi găsite acum pe net.

Aș fi extrem de recunoscător dacă ați da exemplul dvs. de creare a sistemelor de feedback în comentarii (de preferință originale, frumoase și funcționale) cu un link către descriere și pagina cu un exemplu (sunt încă în proces de a găsi soluția perfectă). ).

Formulare de contact pentru Joomla și WordPress

Să vedem cum poți organiza feedback-ul în Joomla și WordPress folosind instrumente sau extensii standard.

În mod implicit, Joomla are deja un , care implementează această funcționalitate, ale cărei setări le puteți citi la link-ul furnizat. De regulă, în distribuția acestui motor sunt incluse implicit cele mai stabile extensii, dar nu întotdeauna cele mai funcționale. Iar dezvoltatorii nu dorm și apar periodic noi soluții mai funcționale.

Deci, puteți descărca un modul separat de feedback pentru Joomla numit Contact rapid, care vă poate oferi noi caracteristici și funcționalități (vezi demonstrația). Puteți citi despre configurația și capabilitățile acestui modul. În plus, componenta standard în Joomla pentru implementarea feedback-ului nu are suficientă flexibilitate și nu vă permite să utilizați protecția împotriva spamului (captcha) și, de asemenea, nu vă permite să creați mai multe formulare de contact diferite pe site.

Aceste probleme sunt rezolvate prin utilizarea unei componente alternative pentru acest motor numită aiContactSafev, care vă permite să creați orice număr de formulare de feedback pe site (le puteți lega la diferite adrese de e-mail) și are posibilitatea de a adăuga un câmp pentru încărcarea fișierelor, precum și orice alte tipuri de câmpuri.

Verifică corectitudinea completării câmpurilor cu emiterea de mesaje de eroare și, de asemenea, aiContactSafev stochează o arhivă a tuturor datelor trimise și vă permite să o vizualizați din .

Această componentă are un captcha personalizabil foarte flexibil (introducerea unui cod atunci când trimiteți date pentru a vă proteja împotriva spam-ului). Poate fi descărcat gratuit pentru diferite versiuni de Joomla și .

Acum să vorbim despre WordPress. Personal, nu m-am hotărât încă în acest sens și am un e-mail obișnuit pe pagina mea de contact, care, în general, nu este foarte cool, pentru că a fost de mult în baza de date de spam și dacă nu l-aș putea lega de cea obișnuită, atunci potopul de spam m-ar fi copleșit de mult.

Dar taietorul de spam de mail Google funcționează bine și chiar prea bine, pentru că scrisorile voastre, dragi cititori, cad uneori sub mâna lui fierbinte, pentru care, luând acest moment, îmi cer scuze.

În general, acesta este principalul avantaj al formularului de feedback - vă permite să vă păstrați adresa de e-mail incognito pentru spammeri. Ei bine, este de obicei încadrat într-o înveliș destul de plăcută, ceea ce poate adăuga un plus în raport cu proiectul dvs. de utilizator, acest lucru este valabil mai ales pentru resursele comerciale, când o comandă convenabilă sau un formular de feedback poate crește conversia (venitul).

De fapt, despre WordPress. Există un plugin foarte popular și foarte puternic numit Formularul de contact 7. Popularitatea sa se răstoarnă, ceea ce înseamnă că există ceva în ea. Adevărat, pentru a implementa funcția captcha, va trebui să instalați un plugin suplimentar Really Simple CAPTCHA.

Formularul de contact poate fi inserat în orice pagină sau postare a blogului dvs. WordPress, precum și într-un widget. De fapt, acesta este un fel de constructor pentru WordPress care vă permite să actualizați informațiile din formular fără a reîmprospăta pagina (folosind tehnologia ajax). Personal, am testat acest plugin pe site acum câțiva ani și apoi mi s-a părut foarte greu și nepotrivit de greoi pentru implementarea obiectivelor mele (feedback).

Este clar că în acest timp, Formularul de Contact 7 ar fi putut deveni mult mai potrivit pentru implementarea sarcinilor cu care ne confruntăm și, prin urmare, vă sugerez să îl încercați singur, pe baza unei descrieri destul de detaliate. Dacă utilizați orice alt plugin bun și ușor, atunci vă rugăm să lăsați câteva cuvinte despre el în comentarii.

Deci, am vorbit despre implementarea feedback-ului în Joomla și WordPress folosind extensiile corespunzătoare.

Dar mai există cateva cai:

Creați singur un formular. Pentru a face acest lucru, va trebui să-i scrieți codul și să-i proiectați aspectul folosind stiluri Css și, de asemenea, să scrieți un handler pentru acesta în Php (în principiu, cunoștințele acumulate din cursul video Php al lui Popov vor fi suficiente) și apoi, verificați corectitudinea. de completare a câmpurilor și altceva. Permiteți-mi să vă spun chiar acum că acest lucru nu va fi ușor.

Pentru a descrie procesul de instalare și configurare a acestui script, va trebui să scrieți un articol separat, așa că vă sugerez să descărcați și urmăriți un tutorial video detaliat cu această ocazie, care va descrie și procesul de integrare a scriptului în designul site-ului dvs.

Constructori și generatori de formulare de feedback

Există destul de mulți constructori și generatori de formulare de contact online. De exemplu, acest serviciu vă oferă o interfață destul de convenabilă și funcțională pentru a crea structuri de aproape orice complexitate. În primul pas, vi se va solicita să alegeți o schemă de culori:



După aceea, trebuie să selectați câmpurile necesare pentru formularul viitor din partea stângă a ferestrei și apoi, făcând clic pe ele, să le reglați fin (setați etichetele câmpurilor în rusă, selectați lățimea câmpului, schimbați tipul și introduceți textul preliminar):



Câmpurile adăugate pot fi schimbate cu o simplă glisare a mouse-ului, șterse și reeditate:



În general, interfața acestui designer online este foarte, foarte modernă și convenabilă. După ce aranjați toate câmpurile de care aveți nevoie în ordinea corectă și aduceți toate setările de care au nevoie, puteți face clic pe butonul de salvare (situat în partea de jos). Pe pagina următoare, vi se va solicita să vizualizați și să descărcați scriptul de feedback sau să reveniți la editare:



Feedback pentru site-urile HTML (fără PHP)

Există servicii online care oferă gratuit propriile lor gestionare PHP, care vor fi localizate pe serverele lor. Acest tip include:



Nu o fântână, desigur, în ceea ce privește bibelourile de design, dar un astfel de formular poate fi creat în cinci secunde și pus pe absolut orice site într-un minut, chiar și găzduit fără suport PHP.



După personalizarea aspectului și adăugarea câmpurilor necesare, faceți clic pe butonul „Vizualizare”, apoi pe butonul „Personalizat” și copiați codul. Lipiți-l pe pagina de contact și faceți clic pe butonul „Insert” aflat sub cod.

După aceea, introduceți adresa paginii de pe site-ul dvs. unde ați introdus codul și adresa de e-mail la care ar trebui să fie primite mesajele utilizatorului trimise prin acest formular.

Există un alt generator de formulare de feedback foarte asemănător ca funcționalitate. Modelele create folosindu-l pot fi plasate și pe găzduiri fără suport PHP (doar să specificați adresa paginii și e-mailul către care vor fi trimise mesajele). Nu voi vorbi prea mult despre el, pentru că în esență seamănă foarte mult cu constructorul descris mai sus.

Multă baftă! Ne vedem curând pe site-ul paginilor blogului

Puteți viziona mai multe videoclipuri accesând

");">


S-ar putea să fiți interesat

Google Forms - cum să creați un sondaj online pe un site în Google Forms
SendPulse - Notificări push pentru site și o opțiune gratuită pentru a le conecta de la SendPulse Editore HTML online - vizuale, IDE și editori pentru instalare pe site
Accelerarea și protecția site-ului dumneavoastră în serviciul cloud Airi.rf