Formular de feedback activ. Crearea unui formular de feedback. Cod formularul de feedback HTML

Bună ziua dragi cititori, astăzi vreau să vă povestesc despre cum creez formulare pentru a obține informațiile de contact ale utilizatorilor.

Astăzi, , face parte din structura paginii de destinație. La urma urmei, aceasta este una dintre modalitățile de a accepta o comandă sau de a trimite un catalog al produselor dvs., după ce ați primit anterior e-mailul vizitatorului.

Crearea unui formular de feedback - markup html

De obicei, am nevoie de trei câmpuri și, în majoritatea cazurilor, folosesc acest marcaj pentru a crea un formular de contact:

Încercați să deschideți acest cod în browser și vedeți ce obțineți, în funcție de browserul de Internet pe care îl utilizați, ar trebui să arate cam așa:

Dacă aveți întrebări despre marcaj, nu ezitați să le întrebați în comentarii, voi încerca să răspund în detaliu și nu voi descrie fiecare element din articol pentru a nu-i crește dimensiunea. În plus, elementele sunt destul de simple.

Crearea unui formular de feedback - marcaj css

Să ne stilăm formularul și să îl facem lizibil:

/* Stiluri formular */ #application ( lățime: 475px; margine: 0 auto; ) /* Stiluri câmp de intrare */ #applicationName, #applicationEmail, #applicationTelephone ( lățime: 100%; înălțime: 73px; fundal: niciuna; margine - sus: 25px; chenar: 1px solid #fff; chenar-radius: 40px; text-align: center; culoare: #fff; font-size: 24px; ) /*Stiluri de câmpuri când faceți clic pe ele*/ #applicationName:focus , #applicationEmail:focus, #applicationTelephone:focus ( chenar: 1px solid #30ad64; ) /*Stiluri de text afișate în substituent*/ ::-webkit-input-placeholder ( culoare: #efefef; font-family: "PT Sans ", sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); ) ::-moz-placeholder (culoare: #fff; font-family: "PT Sans", sans-serif ; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); ) /* Firefox 19+ */ :-moz-placeholder (culoare: #fff; font-family: "PT Sans", sans- serif; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); ) /* Firefox 18- */ :-ms-input-placeholder (culoare: #fff; font-family: „PT Sans” , sans-serif;text-shadow: 0 1px 1px rgba(0, 0, 0, .3); )::substituent (culoare: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); ) /*Stiluri butoane*/ .applicationButton ( margin-top: 25px; fundal: #30ad64 ; chenar: niciunul; lățime: 100%; înălțime: 73px; chenar-rază: 40px; culoare: #fff; dimensiunea fontului: 24px; text-transform: majuscule; familia de fonturi: „PT Sans”, sans-serif; cursor : pointer; ) .applicationButton:hover ( fundal: #d68c18; )

Dacă doriți ca culoarea butonului să se schimbe fără probleme, adăugați următoarea linie la .applicationButton și .applicationButton:hover:

Tranziție: .6s;

Unde.6s este timpul de animație în milisecunde.
Acum forma noastră a căpătat un aspect frumos, acum arată astfel:

Crearea unui formular de feedback - php markup

Acum trebuie să creăm fișierul application.php. Va primi parametrii introduși din formular și ni-i va trimite pe e-mail.

Structura sa este ca un fișier html obișnuit; poate fi o pagină pe care scrieți „Mulțumesc, cererea dvs. a fost acceptată. După procesarea cererii, managerii noștri vă vor contacta”

Adică, atunci când utilizatorul face clic pe butonul, el va fi redirecționat către pagina application.php. Aceasta este o pagină completă și ar trebui să o stilați în consecință.

"; $msg .="

Mesaj de pe site

\r\n"; $msg .= "

De la cine:".$nume utilizator."

\r\n"; $msg .= "

Poștă:".$usermail."

\r\n"; $msg .= "

Site:".$usertel."

\r\n"; $msg .= ""; // trimiterea unui mesaj if(@mail($sendto, $subject, $msg, $headers)) ( echo "

"; ) else ( ecou "

"; } ?>

Să explicăm puțin codul:

$sendto = " [email protected]"; // e-mail la care va fi trimisă scrisoarea $nume utilizator = $_POST["nume"]; // salvează datele primite din câmpul cu numele într-o variabilă $usertel = $_POST["telefon"]; / / salvează datele într-o variabilă primită din câmpul cu un număr de telefon $usermail = $_POST["email"]; // salvează datele primite din câmp cu o adresă de e-mail într-o variabilă

Aici, cred, e clar.

Acum să creăm antetul scrisorii.

$subject = "Mesaj nou"; $headers = "De la: " . strip_tags($usermail) . „\r\n”; $headers .= "Răspuns la: ". strip_tags($usermail) . „\r\n”; $headers .= "Versiune MIME: 1.0\r\n"; $headers .= "Tip de conținut: text/html;charset=utf-8 \r\n";

Linia $subject = "Mesaj nou";— este responsabil de subiectul scrisorii, poate scrie acolo: „Cerere de pe site” sau orice ți se potrivește cel mai bine.

Propun să ne asigurăm că scrisoarea sosește de la adresa specificată în câmpul de intrare tip="email". Adică din cea din care a intrat utilizatorul la completarea formularului. Pentru a face acest lucru, scriem următoarele rânduri:

$headers = "De la: " . strip_tags($usermail) . „\r\n”;

Adică vom înlocui datele din variabila $usermail, unde sunt stocate informațiile din câmpul responsabil cu introducerea adresei de e-mail.

Acum să setăm aspectul literei. Îl puteți proiecta așa cum doriți, dar vă sugerez următoarea structură:

$msg = " "; $msg .="

Mesaj de pe site

\r\n"; $msg .= "

De la cine:".$nume utilizator."

\r\n"; $msg .= "

Poștă:".$usermail."

\r\n"; $msg .= "

Telefon:".$usertel."

\r\n"; $msg .= "

";

Prima linie stabilește fontul literei. În al doilea rând, afișăm un mesaj, de exemplu: „Solicitare din formularul de feedback pe primul ecran”. A treia, a patra și a cincea rânduri transmit date din formular. Fiecare pe o linie nouă.

Acum trebuie să trimiteți o scrisoare folosind funcția de e-mail și să determinați ce se va întâmpla dacă scrisoarea este trimisă cu succes și nu cu succes:

If(@mail($sendto, $subject, $msg, $headers)) ( echo "

"; ) else ( ecou "

"; } ?>

Am făcut astfel încât în oricare dintre cazuri să fie afișată o poză cu textul corespunzător. Puteți afișa o pagină întreagă în loc de o imagine. Doar scrie codul în loc de imagine.

Câteva secunde mai târziu, după ce imaginea este afișată, redirecționez (redirecționare automată) către pagina principală. Puteți face acest lucru inserând următoarea linie între etichetele head;

Adică după 4 secunde utilizatorul va reveni automat la pagina principală!

Nu sunt un expert în PHP - este un limbaj de programare back-end; am fost atras să învăț front-end toată viața. Deci nu judeca aspru. Da, aici puteți face verificări pentru completarea formularelor de contact și așa mai departe, dar acest lucru a fost întotdeauna suficient pentru mine, așa că dacă cineva are o sugestie despre cum să îmbunătățim acest cod, vă rugăm să scrieți în comentarii sau prin e-mail, voi corecta lecție, mulțumesc!

Apropo, dacă aveți nevoie de un formular de feedback fără a reîncărca pagina, atunci puteți citi despre cum să îl instalați

Poate că unii oameni nu înțeleg foarte bine materialul, dar dacă îmi repeți exact pașii, atunci formularul tău de contact va funcționa cu siguranță. Dacă aveți întrebări, scrieți în comentarii, voi încerca să vă răspund! Ne vedem pe blog!

P.s. Deoarece am început să primesc foarte des întrebări despre motivul pentru care formularul nu funcționează și e-mailurile nu ajung, am decis să descriu câteva dintre cele mai populare motive pentru care se poate întâmpla acest lucru:

Testați formularul nu pe server.
Testați formularul pe găzduire gratuită.
Testați formularul pe găzduire plătită, dar în perioada de probă gratuită.

În aceste cazuri, scrisorile nu vor fi trimise la adresa dvs. de e-mail.

Dacă vă este prea lene să vă dați seama și să faceți singur forma, atunci vă recomand să fiți atenți.

23/07/2014 12/07/2018

dimadv7

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 deja gata, tot ce trebuie să faceți este să instalați acest formular și să îl personalizați pentru dvs.!

Băieți, scenariul este depășit cu mult timp în urmă. Pentru unii funcționează, pentru alții nu. Și mi-e prea lene să-mi dau seama, darămite să-l actualizez. Așa că testează la propria ta discreție.

Formular de feedback PHP trimis prin e-mail

Acest formularul de feedback pe site este foarte funcțional în sine, la el sunt conectate mai multe plugin-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, dacă se întâmplă ceva, 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 începe să funcționeze doar cu ajutorul PHP! Si nimic altceva!

Acesta sunt eu pentru cei care caută un formular de feedback doar în 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 versiunea 5. 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!

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

Sincer să fiu, ne-am jucat cu acest „formular” timp de două zile, deoarece au început să apară diverse erori și nu am vrut să postăm un formular de feedback care nu a fost complet completat, mai ales unul atât de frumos! Deci, dacă sunteți un fan să faceți totul singur și gândul vă apare în capul cel mai strălucitor - pentru a rusifica singur această formă, vă voi oferi câteva sfaturi, deoarece nu vă veți limita la a traduce expresii:

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

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

3. Chiar și după acești pași, dacă specificați subiectul scrisorii în rusă, scrisoarea ajunge cu subiectul - Fără subiect (sper că am scris-o corect), acest lucru se poate vindeca 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 în pluginul JQTransform.

Ei bine, se pare că totul a fost scris și avertizat. Sa trecem peste!

Creați un formular de feedback

Crearea unui formular de feedback pe site

În procesul de promovare a site-ului web, împreună cu studiul statisticilor vizitatorilor, informațiile despre site de la vizitatori înșiși sunt de o importanță deosebită. Una dintre cele mai ușoare modalități de a obține astfel de informații este plasarea unei pagini pe site cu formular de feedback. Vizitatorul lasă un mesaj și acesta va fi trimis la adresa ta de e-mail sau la oricare alta pe care o specificați. În acest caz, vizitatorul nu trebuie să folosească propriul program de e-mail, nici măcar nu trebuie să aibă propriul e-mail.

Cel mai simplu exemplu al acestei forme este prezentat în Fig. 1. (Acesta este un eșantion complet funcțional și îl puteți folosi pentru a-mi trimite o scrisoare de mulțumire.)

Fig.1. Formular simplu de feedback

Pentru a plasa un astfel de formular de feedback pe un site web, aveți nevoie doar de informații de bază despre HTML și de capacitatea de a opera două comenzi - CopieȘi Introduce. Să luăm în considerare succesiunea de acțiuni pentru a crea un formular de feedback (Fig. 1) pe pagina HTML a site-ului.

1. Verificați dacă planul dvs. de găzduire (oficiul în care este găzduit site-ul dvs.) acceptă PHP. Dacă nu, atunci cel mai probabil va trebui să plătiți suplimentar pentru a trece la un alt tarif care acceptă același PHP. Nu trebuie să căutați semnificația acestei abrevieri, deoarece nu aveți nevoie de cunoștințe de PHP.

2. Să selectăm pagina pe care dorim să plasăm formularul de feedback și să lipim următorul cod în locul potrivit:

După cum puteți vedea, întregul formular este creat de etichetă

cu atribute action=mail.php(indicarea paginii site-ului unde se află scriptul de prelucrare a datelor introduse) și metoda=post(metoda de trimitere a datelor către server). Liniile individuale create prin etichetă cu atribute complet inteligibile. Locația elementelor individuale de formular, text, fonturi etc. îl puteți schimba în conformitate cu designul site-ului dvs. În etichetă </b> sunt stabilite dimensiunile zonei de introducere a textului mesajului: numărul de rânduri și coloane (rows="3" cols="25").</p> <p><b>3. </b> Să creăm o pagină nouă <b>mail.php</b>, similar cu HTML obișnuit, dar cu extensie .php. Codul complet al paginii este prezentat în Fig. 2:</p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br> <html xmlns="http://www.w3.org/1999/xhtml"><br> <head><br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><br> <title>Părere</title><br> </head><br> <body><br><?php <br>if (isset($_POST[„nume”])) ($nume = $_POST[„nume”];) <br>if (isset($_POST["email"])) ($email = $_POST["email"];) <br>if (isset($_POST[„mizerie”])) ($mess = $_POST[„mizerie”];)</p><p>$to = "pupkin@rambler.ru"; /*Introduceți adresa dvs. de e-mail*/ <br>$headers = "Tip conținut: text/plain; set de caractere=utf-8"; <br>$subject = "Mesaj de pe site-ul dvs."; <br>$message = "Numele expeditorului: $nume \nAdresa de e-mail: $email \nMesaj: $mess"; <br>$trimite = mail($la, $subiect, $mesaj, $anteturi); <br>dacă ($trimite == „adevărat”) <br> {<br>ecou" <b>Vă mulțumim pentru mesajul trimis! <p>";<br>ecou" <a href=index.html>Clic</a> pentru a reveni la pagina principală”; <br> } <br>altfel <br> {<br>ecou" <p><b>Eroare. Mesajul nu a fost trimis!"; <br> } <br>?> <br> <script type="text/javascript">  </script><br> <br> </body><br> </html></p> <h5><i>Fig.2.</i> Codul paginii de procesare a formularului de feedback</h5> <p>Adresele linkurilor cărora trebuie să le acordați atenție sunt evidențiate cu roșu:</p> <ul><li>pupkin@rambler.ru - înlocuiți adresa lui Pupkin cu adresa dvs. de e-mail, unde vor fi primite mesaje de la vizitatorii site-ului, precum și de la spammeri neobosite. Apropo, pentru a vă proteja împotriva lor, un așa-numit captcha este adesea introdus în formular. <b>CAPTCHA</b>- Test Turing public complet automat pentru a deosebi computerele și oamenii - un test Turing public complet automat pentru a deosebi computerele și oamenii). De obicei, acestea sunt numere și litere foarte distorsionate pe care vi se cere să le introduceți înainte de a trimite un mesaj. Vom vorbi despre captcha într-unul dintre articolele următoare. <br>Dacă doriți să trimiteți scrisori la mai multe adrese, enumerați-le pur și simplu separate prin virgule.</li> <li>a href=index.html - adresa paginii principale (de pornire) a site-ului.</li> </ul><p>Pagina creată <b>mail.php</b> trebuie plasat în același director de site (director, folder) în care se află pagina cu formularul de feedback.</p> <p>Verificați funcționalitatea formularului de feedback. Dacă totul este făcut cu atenție, atunci după completarea formularului și apăsarea <b>Trimite un mesaj</b> Ar trebui să apară următorul text: „ <b>Vă mulțumim că ați trimis mesajul dvs. pentru a reveni la pagina principală</b>„. După aceasta, veți găsi în căsuța dvs. poștală (sau în cealaltă pe care ați specificat-o la crearea formularului de feedback) propriul mesaj către persoana iubită.</p> <blockquote> <p><b><i>Cometariu:</i> </b> pe unele site-uri de găzduire, noul formular de feedback (abia instalat pe site) nu începe să funcționeze imediat, iar primele litere nu ajung deloc sau ajung cu o întârziere de 1-2 zile. Probabil, există o „șlefuire a angrenajelor” și apoi totul funcționează bine. În plus, scrisorile de la unele site-uri de găzduire nu ajung la anumite adrese, de exemplu, am avut probleme cu căsuța poștală pe Rambler și Mail.ru. Pentru a rezolva aceste probleme, contactați găzduitorul - de obicei vă ajută.</p> </blockquote> <p>Uneori, atunci când utilizați formularul de feedback descris, apar probleme cu codificarea. Dacă într-o scrisoare primită, în loc de alfabetul chirilic nativ, textul constă din „coduri nebunești” sau pătrate goale, atunci trebuie să selectați manual codificarea, ceea ce este desigur incomod. Pentru a preveni acest lucru, verificați dacă pagina dvs. cu formularul de feedback este codificată <b>set de caractere=utf-8</b>. Dacă utilizați programul <b>Adobe Dreamweaver</b>, apoi pentru a face acest lucru trebuie să selectați secțiunea de meniu <b>Editare - Proprietăți pagină - Codificare</b>.</p> <p>Problema cu codificarea fișierelor site-ului este discutată mai detaliat în articolul Probleme cu codificarea în formularul de feedback.</p> <p>În exemplul descris, pentru simplitate, mesajul despre trimiterea unei scrisori este afișat pe o pagină goală. Desigur, îl poți plasa pe orice pagină a site-ului tău, astfel încât vizitatorul să poată folosi navigarea (meniul) pentru a alege ce să facă în continuare. Pentru a face acest lucru, plasați codul PHP (cel situat din<<b>?php</b> inainte de <b>?> </b>) în locația dorită de pe pagina de meniu și schimbați-i numele în mail.php.</p> <p>Pe lângă postarea formularului de feedback în sine, este recomandabil să verificați dacă vizitatorul și-a completat corect câmpurile. Acest lucru trebuie făcut pentru a nu primi scrisori goale și cutia poștală să nu fie înfundată cu gunoiul trimis de farsori cărora le place doar să apese un buton <b>Trimite un mesaj</b>. Metodele de verificare a completării formularului de feedback și de protecție împotriva spamului sunt descrise în articolele „</p> <p>Orice site trebuie să aibă un formular de feedback, așa că, mai devreme sau mai târziu, fiecare dintre noi se gândește să dezvolte unul. Există destul de multe opțiuni pe Internet, unii folosesc plugin-uri populare, unii folosesc propriile dezvoltări personale, dar majoritatea caută soluții gata făcute. În orice caz, al nostru <b>formular de feedback pentru site</b> va fi funcțional și funcțional și despre toate acestea în ordine.</p><h2>HTML</h2><p>Deci, să începem, ca întotdeauna, cu șablonul obișnuit - html. Mai întâi avem nevoie de un formular cu mai multe câmpuri. Pentru claritate și standardul tuturor formularelor, vom lua 3 câmpuri. Acestea. acesta va fi Nume, E-mail și Telefon.</p><p> <form class="form"> <input type="text" name="mfbName" placeholder="Nume:" required/> <input type="text" name="mfbMail" placeholder="E-mail:" required/> <input type="text" name="mfbPhone" placeholder="Telefon:" required/> <input type="submit" value="Trimite" /> </form> </p><p>Fiecare intrare are propriul nume unic, vom avea nevoie de el mai târziu pentru a trimite mesaje. De asemenea, puteți adăuga liber propriile câmpuri și nu numai introducerea, ci și selectarea zonei de text. Nu uitați să atribuiți fiecăruia numele proprii, pe care le vom folosi atunci când trimitem informații prin e-mail. Pentru comoditate, am adăugat un atribut obligatoriu fiecărui câmp, datorită căruia browserul nu va permite utilizatorului să trimită valori goale și îi va anunța despre necesitatea de a le completa.</p><h2>CSS</h2><p>Când forma este gata, o puteți transforma puțin. Totul aici depinde și de nevoile și fanteziile tale. Pentru claritate, am schițat câteva stiluri pentru fiecare element, astfel încât totul să nu arate atât de plat. Dar dacă ești leneș sau nu știi cum să o faci, atunci poți folosi opțiunea mea:</p><p>Form( lățimea maximă: 400px; lățime: 100%; margine: 0 automat; ) input( dimensiunea casetei: border-box; display: block; border: none; box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0,11); umplutură: 10px 20px; lățime: 100%; margine: 10px 0; contur: niciunul; ) input( fundal: roșu; chenar: niciunul; box-shadow: 0px 2px 0 1px #C50909; chenar- rază: 5px; culoare: alb; text-transform: majuscule; font-weight: 600; lățime: 200px; cursor: pointer; tranziție: 0,3s; ) input:hover( fundal: negru; case-shadow: 0px 2px 0 1px negru;)</p><h2>Partea clientului</h2><p>Aici merită să înțelegeți mai în detaliu sau, mai degrabă, să alegeți opțiunea potrivită pentru dvs. Pentru a trimite mesaje prin e-mail, va trebui să folosim limbajul php, adică. creați un fișier separat în care vom transfera toate aceste date. Dar nu vom lua în considerare această metodă aici, deoarece este mult mai frumoasă când totul se întâmplă fără a reîncărca pagina. Deci ne vom uita la trimiterea datelor prin ajax.</p><p>Dacă doriți să faceți totul în mod vechi, atunci va trebui să modificați ușor html-ul de sus și să setați valoarea atributului metodei formularului (post sau obține). Totul depinde de modul în care doriți să transferați datele din formular. Și, de asemenea, nu uitați să scrieți o acțiune care va indica calea către fișierul php.</p><p>Și vom folosi o metodă mai avansată și vom trimite date fără a reîncărca pagina, iar atunci când primim un răspuns de la server, vom transmite utilizatorului un mesaj despre o operațiune reușită sau o eroare. Totuși, vom avea nevoie și de 2 fișiere, să spunem <b>contact.php</b>Și <b>custom.js</b>.</p><p>În primul rând, nu uitați să includeți biblioteca <b>Jquery</b>, cu ajutorul lui vom reduce codul de mai multe ori și vom putea efectua cu ușurință orice acțiuni folosind soluții gata făcute.</p><p>$(".form").submit(function() ( var str = $(this).serialize(); $.ajax(( tip: "POST", url: "contact.php", date: str, succes : function(msg) ( if(msg == "ok") ( alert("Mesaj trimis"); ) else ( alert("Eroare! Este posibil sa fi completat incorect campurile."); ) ) )); return fals; ));</p><p>Acum să înțelegem planul de acțiune și de ce avem nevoie de toate aceste biblioteci și fișiere. Când utilizatorul dă clic pe butonul de trimitere, avem un eveniment de trimitere, pe care îl vom scrie în custom.js și pe baza căruia vom primi toate datele din formular și le vom trece în fișierul contact.php. Aici verificăm încă o dată dacă câmpurile noastre sunt goale (pentru a evita o altă posibilitate de spam), trimitem un mesaj prin e-mail și anunțăm utilizatorul cu privire la rezultatele, care sunt trimise ca răspuns la custom.js.</p><p>Dacă (trim($_POST["mfbPhone"]) == "") ( echo "false"; ) else ( $txtname = trim($_POST["mfbName"]); $txtemail = trim($_POST["mfbMail "]); $txtphone = trim($_POST["mfbPhone"]); // de la care $fromMail = "test@test.ru"; // Introduceți adresa dvs. de e-mail aici $emailTo = "admin@mail.ru"; $subject = "Feedback"; $subject = "=?utf-8?b?". base64_encode($subject) ."?="; $headers = "De la: Exemplu de formular<$fromMail>\n"; $headers .= "Tip de conținut: text/plain; charset="utf-8"\r\n"; $headers .= "Versiune MIME: 1.0\r\n"; $headers .= "Data: ". date("D, d M Y h:i:s O") ."\r\n"; // body of the letter $body = "A primit o scrisoare de pe site-ul ".$site." \n\nNume: „.$txtname.”\nTelefon: „.$txtphone.”\ne-mail: „.$txtemail.”\nMesaj: „.$txtmessage; mail($emailTo, $subject, $body, $headers); echo "ok"; )</p><p>Acesta este cel mai elementar exemplu de funcționare a unui formular de contact. Există multe opțiuni pentru cum să modificați fișierul de verificare în PHP, să vă creați propriile clase etc. Dar sarcina noastră a fost să creăm un exemplu simplu și funcțional pe care să-l poți folosi pe site-ul tău.</p><p>demonstrație</p><p>fișiere</p><h2>Pluginuri gata</h2><p>Din moment ce sunteți pe un blog WordPress, probabil că sunteți pregătit și dornic să utilizați tot felul de pluginuri, mai ales dacă sunteți un om complet lamer în programare și layout. Și nu te condamn pentru asta și chiar pot să-ți prezint una dintre ele atenției pentru claritate. Scopul acestui paragraf nu este o recomandare, ci doar un exemplu, din moment ce am folosit pluginul <b>Formularul de contact 7</b>în mai multe proiecte.</p><p>Este foarte ușor de configurat și aproape întotdeauna funcționează impecabil. Dacă aveți nevoie să vă creați propriul design unic, o puteți face. Tot ce trebuie să faceți este să adăugați câmpurile necesare în constructor, să traduceți și să modificați notificările despre erori și trimiterea cu succes în felul dvs. și ați terminat. Apoi, copiați shortcode-ul și inserați-l în locul dorit din formular.</p><p><br><img src='https://i2.wp.com/myfreelanceblog.net/wp-content/uploads/2017/05/form7.jpg' align="center" width="100%" loading=lazy loading=lazy></p><p>Nu am avut niciodată probleme cu pluginul și dacă aveți nevoie de o soluție rapidă și gata, atunci aceasta este. Dacă aveți propriile cerințe pentru formă în ceea ce privește funcționalitatea și designul, atunci este mai bine să utilizați prima opțiune, care necesită cunoștințe în această industrie.</p> <p>Salutare tuturor! În acest articol veți învăța cum să creați un formular de feedback 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 chiar și site-urile simple de cărți de vizită, deoarece este cu adevărat convenabil pentru utilizator.</p> <p>De exemplu, un vizitator a venit pe site-ul dvs., a căutat prin informațiile de care avea nevoie, părea gata să vă comande produsul sau serviciul, dar nu a vrut să sune în alt oraș și să cheltuiască mulți bani. În astfel de momente, formularul de feedback pop-up vine în ajutor.</p> <h2>Creați un formular de feedback în html</h2> <p>Deci, să presupunem că aveți deja un site web și doriți să creați un formular care, atunci când este completat, va permite utilizatorului să primească feedback de la dvs. Pentru a face acest lucru, în primul rând, este creat cadrul în sine.</p> <p><u>Lipiți următorul cod în locația dorită de pe site:</u></p> <h2>Aplicație online</h2> <p>Dacă doriți, 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.</p> <p>Codul este introdus, ce vedem?</p> <p>Forma a apărut, dar trebuie să i se dea formă. Pentru a face acest lucru, adăugați următoarele stiluri:</p><p>/* Formular de feedback */ #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 ; font-size:1.2em; border:solid 1px #F9F9F9; border-radius:2px; background:#70C6B9; width:210px; margin-bottom:20px; ) #send:hover ( background:#979797; ) /* Formular de feedback */</p><p><img src='https://i2.wp.com/seoblognik.ru/wp-content/uploads/2016/05/forma2.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Asta e 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.</p> <p>Arata cam asa:</p> <p><img src='https://i0.wp.com/seoblognik.ru/wp-content/uploads/2016/05/forma3.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ce se întâmplă? Vizitatorul dă clic pe câmp, iar scenariul îi prezintă o mască gata făcută cu codul țării. Destul de convenabil.</p> <p>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ă.</p> <p>Includem scriptul înainte de eticheta de închidere. Nu uitați să schimbați calea către fișier la propria dvs. Bine, formularul de feedback a fost creat, stilurile au fost configurate, acum trebuie să îi atribuiți un handler, astfel încât notificările să fie trimise pe e-mailul dvs.</p> <p><u>Pentru a face acest lucru, inserați următorul script înainte de eticheta de închidere:</u></p> <p><b>Cum funcționează acest script?</b></p> <ol><li>Verifică e-mailul introdus.</li> <li>Specifică câmpurile cu care se lucrează.</li> <li>Verifică aceste câmpuri pentru completare. Dacă câmpurile obligatorii nu sunt specificate, apare un mesaj care indică faptul că acestea trebuie completate.</li> <li>Prelucrează informațiile introduse și inițiază trimiterea unei notificări prin e-mail.</li> <li>Afișează un mesaj utilizatorului că cererea lui a fost acceptată folosind Ajax.</li> </ol><p>Ultimul lucru care rămâne de făcut este să creați un fișier sendmessage.php, să introduceți următorul cod php în el și să îl încărcați la rădăcina site-ului dvs.</p> <?php // Обязательно измените e-mail на свой $sendto = "mail@mail.ru"; $usermail = $_POST["email"]; $username = $_POST["name"]; $userphone = $_POST["phone"]; $content = nl2br($_POST["msg"]); // Формирование заголовка письма $subject = "Новое сообщение"; $headers = "From: " . strip_tags($usermail) . "\r\n"; $headers .= "Reply-To: ". strip_tags($usermail) . "\r\n"; $headers .= "MIME-Version: 1.0\r\n"; $headers .= "Content-Type: text/html;charset=utf-8 \r\n"; // Формирование тела письма $msg = " "; $msg .= "<p?>Mesaj nou\r\n"; $msg .= " <p><b>Nume:</b>".$nume utilizator."</p><p>\r\n"; $msg .= "</p><p><b>Număr de telefon:</b>".$userphone."</p><p>\r\n"; $msg .= "</p><p><b>Poștă:</b>".$usermail."</p><p>\r\n"; $msg .= "</p><p><b>Mesaj:</b>„.$conținut”.</p><p>\r\n"; $msg .= " "; // trimiterea unui mesaj if(@mail($sendto, $subject, $msg, $headers)) ( echo "true"; ) else ( echo "false"; ) ?></p><p>Asta e tot, un formular simplu de feedback pentru un site html este gata. Doar nu uitați să schimbați e-mailul din fișierul sendmessage.php cu al dvs.</p> <p>Adăugarea unui formular pop-up de feedback pe site</p> <p>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 de făcut. Ca exemplu, să luăm forma pe care am creat-o mai devreme și să lucrăm cu ea.</p> <p>În primul rând, trebuie să conectăm jQury fancybox, pe care îl puteți descărca la sfârșitul articolului.</p> <p>Adăugați aceste rânduri înainte de eticheta de închidere a corpului, doar schimbați calea către fișiere la propria dvs.</p> <p>Și îi dăm stiluri.</p><p>Modalbox (culoare:#FFFFFF; afișare:bloc; cursor:pointer; padding:10px 11px; font-size:1.2em; border:solid 1px #F9F9F9; border-radius:2px; background:#70C6B9; width:210px; text -decoration:none; text-align:center; margin:0 auto 20px; ) .modalbox:hover ( background:#979797; )</p><p>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.</p> <p>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 de la vechi la nou.</p><p>#inline ( display:none; margin-left:30px; width:80%; margin:0 auto; background:#fff; padding:10px 20px; )</p><p>Drept urmare, obținem un buton ca acesta.</p> <p><img src='https://i1.wp.com/seoblognik.ru/wp-content/uploads/2016/05/forma4.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Când faceți clic, se deschide o fereastră pop-up cu feedback.</p> <p><img src='https://i0.wp.com/seoblognik.ru/wp-content/uploads/2016/05/forma5.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Din nou, stilurile, aspectul câmpurilor și elementelor pot fi modificate după cum aveți nevoie. De exemplu, pentru a apela înapoi de pe site, va fi suficient să lăsați doar 2 câmpuri - nume și număr de telefon și să eliminați câmpurile rămase.</p> <p>Nu uitați că pentru ca formularul să funcționeze, la sfârșitul site-ului va trebui să adăugați handlerul care este publicat mai sus și să încărcați fișierul la rădăcina site-ului <b>sendmessage.php</b>.</p> <h2>Formular de feedback pentru WordPress</h2> <p>Dacă site-ul dvs. rulează pe motorul 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.</p> <p>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.</p> <p><img src='https://i0.wp.com/seoblognik.ru/wp-content/uploads/2016/05/forma6.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Introduceți numele noului formular, selectați câmpurile care ar trebui să fie în formular. De obicei cele standard care sunt adăugate automat sunt destul de suficiente. A se mentine in forma.</p> <p>După salvare, pe ecran va apărea un cod scurt, care va trebui introdus în pagina în care trebuie să fie afișat formularul de contact, de exemplu, pe pagina Contacte.</p> <p><img src='https://i0.wp.com/seoblognik.ru/wp-content/uploads/2016/05/forma7.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Copiați acest cod, mergeți la pagina dorită, selectați formatul „Text” în editorul vizual, lipiți acest shortcode și salvați pagina.</p> <p><img src='https://i0.wp.com/seoblognik.ru/wp-content/uploads/2016/05/forma8.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Apoi verificăm dacă formularul este afișat pe pagină și dacă funcționează corect. Pentru a face acest lucru, trebuie doar să mergeți la pagina în care ați introdus codul. Ar trebui să vedeți un formular ca acesta:</p> <p><img src='https://i0.wp.com/seoblognik.ru/wp-content/uploads/2016/05/forma9.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Acum vizitatorii site-ului dumneavoastră vă vor putea contacta prin intermediul formularului de contact creat în motorul WordPress.</p> <h2>Crearea unui formular de feedback pop-up pentru WordPress</h2> <p>Nu îmi place să adaug pluginuri inutile la acest motor, deoarece acestea încarcă site-ul, încetinind activitatea acestuia. Prin urmare, pentru un formular pop-up folosesc de obicei 2 opțiuni.</p> <ol><li>Pur și simplu atașăm formularul pop-up descris mai sus în articol nu site-ului html, ci motorului.</li> <li>Un formular creat folosind pluginul de formular pop-up Contact Form 7 cu câteva modificări minore.</li> </ol><p>Prima metodă a fost deja descrisă mai sus, așa că să trecem la a doua.</p> <p>Pentru a începe, inserați următorul cod imediat după eticheta de deschidere a corpului.</p> <p>X<?php echo do_shortcode(""); ??></p> <p>Să ne dăm seama ce este:</p> <ul><li>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 introdus 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.</li> <li>Blocul bg-b va crea un fundal întunecat al site-ului când este deschis formularul pop-up.</li> <li>Blocul callme va conține formularul de feedback în sine.</li> <li>X – aceasta va fi crucea noastră în colțul formularului, când dați clic pe ea formularul se va închide.</li> <li>Ei bine, codul php în care va fi lansat shortcode-ul pluginului Contact Form 7.</li> </ul><p>Vă rugăm să rețineți că id-ul și numele formularului dvs. pot diferi de ale mele. A fost adăugat un cod nou, acum îi dăm stiluri.</p><p>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; )</p><p>Salvați codul și verificați-l. Formularul ar trebui să fie acum poziționat în mijlocul ecranului, cu un fundal translucid întunecat în spate. Totul este în regulă, dar ultimul lucru rămas de adăugat este un script care va deschide și va ascunde acest formular atunci când dați clic pe butoanele necesare.</p> <p>Acest script trebuie inserat în fișierul de subsol, înainte de eticheta body de închidere.</p> <p>Ultimele retușuri rămân și formularul pop-up de pe WordPress va fi gata. Adăugați stil display:none la clasele .callme și .bg-b. Acest lucru este necesar pentru ca formularul să nu apară pe ecran la lansarea site-ului.</p> <p>Am discutat cu dvs. câteva opțiuni pentru crearea unui formular pentru o apelare înapoi. Sper că nu aveți probleme la implementarea formularului pe site-ul dvs. Dacă aveți probleme sau întrebări, puteți primi oricând sfaturi în comentarii.</p> <h3>ACTUALIZARE 06/06/2018</h3> <blockquote><p>În cele mai recente versiuni de WordPress <b>Scripturile jQuery nu funcționează cu simbolul $</b> deci ar trebui luat în considerare acest lucru și înlocuiți $ cu jQuery</p> </blockquote> <p>Destul de des există o problemă în care un formular end-to-end de pe un site web nu mai trimite pe paginile interne. Pentru a preveni acest lucru, specificați un let complet în fișierul sendmessage.php din handler. De exemplu, așa:</p><p>Url: „http://site.ru/sendmessage.php”</p><p>Și puteți descărca sursele primelor două formulare prin</p> <h3>ACTUALIZARE 07/04/2018</h3> <p>Din cauza numeroaselor solicitări, 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-FZ „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.</p> <p>Acum puteți vizualiza un exemplu, precum și să descărcați sursele formularului de feedback actualizat și formularului pop-up online, folosind link-urile.</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </article> <div class='yarpp-related'> <div class="related-items"> <div class="headline">Vă recomandăm alte articole</div> <div class="items"> <div class="item"> <a href="https://radiobud.ru/ro/life-hacks-for-pc/kirill-oreshkin-replei-kak-zalit-replei-world-of-tanks-podrobnaya.html" class="item__link"> <img src="/uploads/bcc62b12107ff8cd9e9ba6b967ffea30.jpg" width="220" height="170" alt="World of Tanks redă instrucțiuni detaliate" class="item__image" / loading=lazy loading=lazy> <div class="item__title">World of Tanks redă instrucțiuni detaliate</div> </a> </div> <div class="item"> <a href="https://radiobud.ru/ro/life-hacks/aktivator-novogo-pokoleniya-actwin8aio.html" class="item__link"> <img src="/uploads/42df5d2ec5c53df275746ad41523204a.jpg" width="220" height="170" alt="Activator de nouă generație ActWin8AIO" class="item__image" / loading=lazy loading=lazy> <div class="item__title">Activator de nouă generație ActWin8AIO</div> </a> </div> <div class="item"> <a href="https://radiobud.ru/ro/computers/perehod-v-bezopasnyi-rezhim-windows-10.html" class="item__link"> <img src="/uploads/b0730a7570ee98bbeae72ae568a4e18e.jpg" width="220" height="170" alt="Intrarea în modul sigur Windows 10" class="item__image" / loading=lazy loading=lazy> <div class="item__title">Intrarea în modul sigur Windows 10</div> </a> </div> </div> </div> </div> </main> <aside class="sidebar"> <div class="section"> <div class="section__headline">Cel mai popular</div> <div class="sidebar-items"> <a class="sidebar-item" href="https://radiobud.ru/ro/life-hacks-for-different-systems/vosstanovlenie-vindovs-10-v-bezopasnom-rezhime.html"> <img src="/uploads/965e3a6261ddb105f691a6b5d6fa4572.jpg" width="75" height="75" alt="Restaurarea Windows 10 în modul sigur" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Restaurarea Windows 10 în modul sigur</div> </a> <a class="sidebar-item" href="https://radiobud.ru/ro/life-hacks-for-windows/utilize-intitle-datalife-engine-panel-upravleniya-dobavlenie-kartinok-i.html"> <img src="/uploads/d49f0bc064c560ad49aba746cd9cd379.jpg" width="75" height="75" alt="Adăugarea de imagini și fișiere la DLE" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Adăugarea de imagini și fișiere la DLE</div> </a> <a class="sidebar-item" href="https://radiobud.ru/ro/life-hacks-for-smartphones/kakoi-vybrat-fail-dlya-udaleniya-avast-kak-polnostyu-udalit-avast-s.html"> <img src="/uploads/4d9d1a86f77e6fdc466ecef0f89866b9.jpg" width="75" height="75" alt="Cum să eliminați complet Avast de pe computer" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Cum să eliminați complet Avast de pe computer</div> </a> <a class="sidebar-item" href="https://radiobud.ru/ro/game/skachat-poslednyuyu-versiyu-progdvb-progdvb-dlya-priema-sputnikovogo.html"> <img src="/uploads/f3e0bd2e458a8e5fdd0547b76d9978bd.jpg" width="75" height="75" alt="ProgDVB pentru recepția de televiziune și radio prin satelit, cablu și internet" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">ProgDVB pentru recepția de televiziune și radio prin satelit, cablu și internet</div> </a> <a class="sidebar-item" href="https://radiobud.ru/ro/life-hacks-for-windows/globalnyi-poisk-i-zamena-globalnyi-poisk-i-zamena-1s.html"> <img src="/uploads/6dca3e8832ea38aeda406144be16a9f5.jpg" width="75" height="75" alt="Căutare globală și înlocuiți 1c opriți căutarea globală" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Căutare globală și înlocuiți 1c opriți căutarea globală</div> </a> <a class="sidebar-item" href="https://radiobud.ru/ro/life-hacks-wi-fi/kakoe-rasshirenie-dolzhen-imet-fail-web-stranicy-chto-takoe-veb-stranica-cifrovaya.html"> <img src="/uploads/5947e51593159039d16b1011a8bd0cce.jpg" width="75" height="75" alt="Ce extensie ar trebui să aibă fișierul paginii web?" class="sidebar-item__image" / loading=lazy loading=lazy> <div class="sidebar-item__title">Ce extensie ar trebui să aibă fișierul paginii web?</div> </a> </div> </div> <script> // <![CDATA[ $(document).ready(function() { var floatsidebar = $("#float-sidebar"); var offset = floatsidebar.offset(); var left = offset.left; var top = offset.top; var width = $("#float-sidebar").width(); var height = $("#float-sidebar").height(); $(window).scroll(function() { var scrollTop = $(window).scrollTop(); if (scrollTop >= top) { $('#float-sidebar').css({ left: left + 'px', position: 'fixed', top: "50px", width: width + "px" }); } else { $('#float-sidebar').css({ position: 'static', }); } }); }); // ]]> </script> <div id="float-sidebar"> <div id="laqybe1" style="height:500px;width:270px;" align="center"></div> </div> </aside> </div> <footer class="footer"> <div class="footer-left"> <div class="footer__logo"> <div class="footer__logo-sitename">radiobud.ru</div> </div> <div class="footer__copyright"> <p>© 2023 - radiobud.ru <br /></p> <p>Recenzii, hack-uri de viață, jocuri, programe</p> </div> <nav class="footer__nav-1"> <ul> <li class="menu-item type-post_type object-page "><a href="https://radiobud.ru/ro/sitemap.xml">Harta site-ului</a></li> </ul> </nav> </div> <nav class="footer__nav-2"><ul> <li class="menu-item type-taxonomy object-category "><a href="https://radiobud.ru/ro/feedback.html">Contacte</a></li> <li class="menu-item type-taxonomy object-category "><a href="">Publicitate</a></li> <li class="menu-item type-taxonomy object-category "><a href="">Despre site</a></li> </ul></nav> <div class="footer__counters"> </div> <div class="footer__note"></div> </footer> </div> </div> <script type='text/javascript' src='https://radiobud.ru/wp-content/themes/radiobud.ru/js/scripts.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll":"1","visibility_show":"\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0421\u043a\u0440\u044b\u0442\u044c","width":"Auto"} ; /* ]]> */ </script> <script type='text/javascript' src='https://radiobud.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://radiobud.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script> <script type="text/javascript">  </script><br> <br> </body> </html>