Formulari i kontaktit PHP. Formulari i personalizueshëm i komenteve: Si të krijoni në internet? Si të krijoni një formular të bukur të komenteve HTML dhe PHP me numrin e telefonit dhe porosinë me email

Pershendetje te gjitheve! Në këtë artikull, do të mësoni se si të krijoni një formular reagimi kërcyes për faqet html dhe wordpress. Para së gjithash, forma të tilla do të jenë të nevojshme për dyqanet në internet, faqet e uljes dhe faqet e thjeshta të kartave të biznesit, pasi është vërtet i përshtatshëm për përdoruesit.

Për shembull, një vizitor erdhi në faqen tuaj, shikoi informacionin që i nevojitej, ai duket se është gati të porosisë produktin ose shërbimin tuaj, por ai nuk dëshiron të telefonojë një qytet tjetër dhe të shpenzojë shumë para. Pikërisht në momente të tilla vjen në shpëtim një formular reagimi që shfaqet.

Ne krijojmë një formular reagimi në html

Pra, le të themi se tashmë keni një faqe interneti dhe dëshironi të krijoni një formular, kur ta plotësoni, përdoruesi mund të marrë komente nga ju. Për këtë, para së gjithash, krijohet vetë korniza.

Ngjitni kodin e mëposhtëm në vendin e duhur në sit:

Aplikim online

Opsionale, mund të shtoni fusha shtesë për futjen e informacionit ose të hiqni ato ekzistuese. Ju këshilloj fuqimisht që të mos përdorni captcha ose mbrojtje tjetër kundër robotëve në forma të tilla, të cilat do ta bëjnë të vështirë për përdoruesit plotësimin e formularit.

Kodi është futur, çfarë shohim?

Forma është shfaqur, por duhet t'i hedhim një vështrim. Për ta bërë këtë, shtoni stilet e mëposhtme:

/ * Forma e komenteve * / #inline (margin-majtas: 30px; gjerësia: 80%; marzhi: 0 automatik; sfondi: #fff; mbushja: 10px 20px;) .txt (ekrani: inline-block; ngjyra: # 676767 ; gjerësia: 190 px; kufiri i poshtëm: 10 px; kufiri: 1 px solid #cccc; mbushja: 5 px 9px; madhësia e shkronjave: 15 px! e rëndësishme; lartësia e rreshtit: 1,4em;) .txtarea (ekrani: blloku i brendshëm; ngjyra: # 676767; gjerësia: 617 pikselë; kufiri i poshtëm: 10 pikselë; kufiri: 1 px solid #ccc; mbushja: 5 px 9 px; madhësia e shkronjave: 15 px! E rëndësishme; lartësia e rreshtit: 1,4 em; lartësia: 80 px;) .txt: fokusi: txtarea: fokus (stili i kufirit: i fortë; ngjyra e kufirit: #bababa; ngjyra: # 444;) input.error, textarea.error (ngjyra e kufirit: # 973d3d; stili i kufirit: i ngurtë; sfondi: # f0bebe; ngjyra : # a35959;) input.error: fokus, zona teksti.gabim: fokus (ngjyra e kufirit: # 973d3d; ngjyra: # a35959;) #send (ngjyra: #FFFFFF; ekrani: bllok; kursori: treguesi; mbushja: 5 px 11px ; madhësia e shkronjave: 1,2em; kufiri: i ngurtë 1px # F9F9F9; rreze-kufi: 2px; sfond: # 70C6B9; gjerësi: 210 px; margjina e poshtme: 20 px;) #send: rri pezull (sfondi: # 9797 97; ) /* Formulari i komenteve */

Kjo është shumë më mirë. Në çdo rast, do t'ju duhet të përshtatni formularin me dizajnin e përgjithshëm të faqes, kështu që juaji në fund të fundit do të ndryshojë nga i imi.

Duket kështu:

Cfare ndodh? Vizitori klikon në fushë dhe skripti zëvendëson për të një maskë të gatshme me një kod shteti. Mjaft i përshtatshëm.

Për ta bërë këtë, duhet të lidhni skriptin e maskës. Mund ta shkarkoni në fund të artikullit së bashku me kodin burimor.

Ne përfshijmë skriptin përpara etiketës mbyllëse. Mos harroni të ndryshoni shtegun e skedarit në tuajin. Ok, formulari i komenteve është krijuar, stilet janë caktuar, tani duhet të vendosni një mbajtës mbi të në mënyrë që njoftimet të vijnë në postën tuaj.

Për ta bërë këtë, futni skriptin e mëposhtëm përpara etiketës mbyllëse:

Si funksionon ky skenar?

1. Kontrollon e-mailin e futur.
2. Përcakton fushat për të punuar.
3. Kontrollon këto fusha për plotësimin. Nëse fushat e kërkuara nuk janë të specifikuara, shfaqet një mesazh që thotë se ato duhet të plotësohen.
4. Përpunon informacionin e futur dhe fillon dërgimin e një njoftimi në postë.
5. Shfaq një mesazh për përdoruesin se kërkesa e tij është pranuar duke përdorur Ajax.

Gjëja e fundit që duhet të bëni është të krijoni një skedar sendmessage.php, të ngjisni kodin php më poshtë në të dhe ta ngarkoni në rrënjën e faqes tuaj.

Emri:". $ emri i përdoruesit."

\ r \ n "; $msg. ="

Numri i telefonit:". $ përdoruesi."

\ r \ n "; $msg. ="

Posta:". $posta e përdoruesit."

\ r \ n "; $msg. ="

Mesazh:". Përmbajtja $."

\ r \ n "; $ msg. =" "; // dërgoni një mesazh nëse (@mail ($ sendto, $ subjekt, $ msg, $ headers)) (jehonë" e vërtetë ";) tjetër (echo" false "; ) ?>

Kjo është e gjitha, një formular i thjeshtë reagimi për faqen html është gati. Mos harroni të ndryshoni vetëm e-mailin në skedarin sendmessage.php në tuajin.

Shtimi i një formulari të komenteve pop-up në sajt

Ka raste kur ju nevojitet një formular pop-up që hapet kur klikoni në një buton. Është shumë e thjeshtë për ta bërë atë. Si shembull, ne do të marrim formën që krijuam më parë dhe do të punojmë me të.

Së pari, duhet të lidhim jqury fancybox, të cilin mund ta shkarkoni në fund të artikullit.

Shtoni këto rreshta përpara etiketës së mbylljes së trupit, thjesht ndryshoni rrugën drejt skedarëve në tuajën.

Dhe jepini stile.

Modalbox (ngjyra: #FFFFFF; ekrani: bllok; kursori: treguesi; mbushja: 10px 11px; madhësia e shkronjave: 1.2em; kufiri: solid 1px # F9F9F9; rreze-kufi: 2px; sfondi: # 70C6B9; gjerësia: 210px; teksti; -dekorimi: asnjë; rreshtimi i tekstit: në qendër; margjina: 0 automatikisht 20 px;) .modalbox: rri pezull (sfondi: # 979797;)

Ju lutemi vini re se butoni që, kur klikohet, do të shkaktojë një dritare pop-up, duhet t'i caktohet klasa modalbox dhe shtegu href = "# inline". Pa këtë, formulari pop-up nuk do të hapet në sit.

Më pas e fshehim formularin që krijuam më parë në mënyrë që të hapet në një dritare pop-up. Për ta bërë këtë, ju duhet të zëvendësoni stilet e vjetra #inline me ato të reja.

#inline (ekrani: asnjë; margjina majtas: 30 px; gjerësia: 80%; diferenca: 0 automatik; sfondi: #fff; mbushja: 10 px 20 px;)

Si rezultat, marrim një buton të tillë.

Kur klikoni mbi të cilën, hapet një dritare kërcyese me komente.

Përsëri, stilet, faqosja e fushave dhe elementeve mund të ndryshohen sipas nevojës. Për shembull, për të thirrur përsëri nga faqja, do të jetë e mjaftueshme të lini vetëm 2 fusha - emrin dhe numrin e telefonit dhe të hiqni pjesën tjetër të fushave.

Mos harroni se në mënyrë që formulari të funksionojë, në fund të faqes do t'ju duhet të shtoni mbajtësin, i cili është publikuar më lart, dhe të ngarkoni skedarin në rrënjën e faqes. dërgoni mesazh.php.

Formulari i kontaktit për wordpress

Në rast se faqja juaj mundësohet nga motori wordpress, mund të përdorni shtojca speciale për të shtuar një formular kontakti. Një nga shtojcat më të mira të Formularit të Kontaktit 7. Mund ta shkarkoni nga faqja zyrtare e internetit, ose përmes panelit të administratorit në seksionin Plugins.

Pas aktivizimit të shtojcës, një skedë e re do të shfaqet në menunë e majtë. Hapeni atë dhe klikoni Shto të re.

Futni emrin e formularit të ri, zgjidhni fushat që duhet të jenë në formular. Zakonisht ka mjaft standarde që shtohen automatikisht. Ruani formularin.

Pas ruajtjes, në ekran do të shfaqet një kod i shkurtër, i cili do të duhet të futet në faqen ku duhet të shfaqet forma e kontaktit, për shembull, në faqen e Kontakteve.

Kopjoni këtë kod, shkoni në faqen e dëshiruar, zgjidhni formatin "Text" në redaktuesin vizual, futni këtë kod të shkurtër dhe ruani faqen.

Më pas kontrollojmë nëse forma shfaqet në faqe dhe funksionon si duhet. Për ta bërë këtë, do të mjaftojë vetëm të shkoni në faqen ku është futur kodi. Ju duhet të keni një formë të tillë:

Tani vizitorët në faqen tuaj do të mund t'ju kontaktojnë përmes formularit të kontaktit të krijuar në motorin wordpress.

Krijimi i një formulari të komenteve pop-up për wordpress

Unë vetë nuk më pëlqen të shtoj shtojca të panevojshme në këtë motor, pasi ato ngarkojnë sitin, duke ngadalësuar punën e tij. Prandaj, për një formë pop-up, unë zakonisht përdor 2 opsione.

1. Forma pop-up e përshkruar më sipër në artikull, ne thjesht e bashkojmë atë jo në sitin html, por në motor.
2. Një formë e krijuar përmes shtojcës pop-up të Formularit të Kontaktit 7 me disa ndryshime të vogla.

Metoda e parë është përshkruar tashmë më lart, kështu që le të shkojmë drejtpërdrejt te e dyta.

Së pari, le të ngjitim kodin e mëposhtëm menjëherë pas hapjes së etiketës së trupit.

X

Le të kuptojmë se cila është:

• Një lidhje me id = "callme-open" kur klikoni mbi të cilën do të hapet forma jonë. Ju lutemi vini re se kjo lidhje nuk duhet të futet pas etiketës së hapur, por në vendin ku dëshironi të vendoset ky buton. Zakonisht shtohet në këndin e djathtë të kokës, pranë telefonit të kompanisë suaj.
• Blloku bg-b do të krijojë një sfond të errët për sitin kur hapet dritarja kërcyese.
• Blloku callme do të përmbajë vetë formularin e reagimit.
• X - ky do të jetë kryqi ynë në cepin e formës, duke klikuar mbi të cilin forma do të mbyllet.
• Epo, dhe kodi php në të cilin do të ekzekutohet kodi i shkurtër i shtojcës së Formularit të Kontaktit 7.

Ju lutemi vini re se ID-ja dhe emri i formularit tuaj mund të ndryshojnë nga i imi. Kodi i ri është shtuar, tani do ta stilojmë.

Bg-b (pozicioni: absolute; gjerësia: 100%; lartësia: 100%; majtas: 0; lart: 0; sfondi: rgba (51,51,51,0.55); z-indeksi: 1000;) trupi (pozicioni: relative;) .callme (pozicioni: fiks; lart: 30%; majtas: 50%; gjerësia: 300 px; margjina majtas: -150 px; indeksi z: 1100; sfondi: #fff; mbushja: 20 px 20 px 10 px; kufiri- rrezja: 4 px;) .callme small (pozicioni: absolut; djathtas: 10 px; lart: 10 px; madhësia e shkronjave: 15 px; kursori: treguesi;)

Ne ruajmë kodin dhe kontrollojmë. Forma tani duhet të pozicionohet në mes të ekranit tuaj, me një sfond gjysmë transparent me hije prapa tij. Gjithçka është në rregull, por gjëja e fundit mbetet për t'u shtuar - një skript që do të hapë dhe fshehë këtë formë kur të klikoni në butonat e nevojshëm.

Ky skript duhet të futet në skedarin e fundit, përpara etiketës së mbylljes së trupit.

Kanë mbetur disa prekje përfundimtare dhe dritarja juaj e wordpress-it është gati. Shto ekran: asnjë në klasat .callme dhe .bg-b. Kjo është e nevojshme në mënyrë që formulari të mos shfaqet në ekran kur fillon siti.

Ne kemi shqyrtuar disa opsione për krijimin e një formulari të kthimit të thirrjes me ju. Shpresoj se nuk do të keni ndonjë problem me futjen e formularit në faqen tuaj. Nëse keni ndonjë problem ose pyetje, gjithmonë mund të merrni këshilla në komente.

PËRDITËSIM 06.06.2018

Në versionet më të fundit të WordPress Skriptet jQuery nuk funksionojnë me simbolin $ kështu që kjo duhet të merret parasysh dhe të zëvendësohet me $ me jQuery

Shumë shpesh, ekziston një problem i tillë në të cilin forma nga fundi në fund në sit ndalon së paraqituri në faqet e brendshme. Për të parandaluar që kjo të ndodhë, specifikoni në mbajtës letrën e plotë të skedarit sendmessage.php. Për shembull, si kjo:

Url: "http://site.ru/sendmessage.php"

Dhe mund të shkarkoni burimet e dy formave të para

PËRDITËSIM 04.07.2018

Për shkak të kërkesës popullore, formulari i komenteve është modernizuar. Tani ajo merr parasysh vendosjen e një kutie kontrolli për miratimin për dërgimin e të dhënave në përputhje me legjislacionin e Federatës Ruse Nr. 152-FZ "Për të dhënat personale", përshtatshmëri e përmirësuar për çdo rezolutë të ekranit, skedarë js dhe css të kompresuar.

Tani mund të shikoni shembullin, si dhe të shkarkoni burimet e formularit të përditësuar të komenteve dhe formularit që shfaqet në internet, duke ndjekur lidhjet.

Përshëndetje i dashur lexues, sot kam përgatitur për ju një formular të shijshëm reagimi html që funksionon pa ringarkim të faqes duke përdorur teknologjinë Ajax + një shkas i fuqishëm që do t'i motivojë vizitorët tuaj të përdorin formularin. Lexuesit e blogut tim diskutuan në mënyrë shumë aktive artikullin tim të mëparshëm në Faqen e uljes, tani ne po vlerësojmë, duke parë formularin e ri të rishikuar. Të gjitha të nevojshme kodet burimore dhe demonstrimi i bashkangjitur në artikull , do të analizojmë edhe strukturën e punës dhe lidhjes.

UPD: Rregulloi një gabim me kodimin e emrit në rreshtin e temës. Tani gjithçka shfaqet si duhet. Falënderojmë lexuesin (Ekaterina Karacheva)

Vetë formati i formularit përfshin gjithashtu një mbajtës skedari në gjuhën php, përveç punës, do t'ju duhet biblioteka dhe skriptet jquery, por së pari, nuk do ta ngarkoj për një kohë të gjatë - ne vazhdojmë të rishikojmë dhe analizoni komentet tona.

Formulari i komenteve html - struktura e punës

Pamja e formës sonë duket kështu

Çfarë është gjithë kripa këtu? Ekziston një formular i tillë në anën e djathtë, por në anën e majtë kam bërë një bllok të veçantë që do të inkurajojë vizitorin tuaj të fusë menjëherë informacionin e kontaktit! Sekreti është i thjeshtë: A e shihni datën dhe orën në bllokun e majtë? Data do të shfaqet sot gjatë gjithë kohës, me kalimin e kohës diapazoni i këtyre dy orëve llogaritet nga ora aktuale, për shembull, nëse ora juaj është 13:14, atëherë diapazoni i orëve do të jetë: nga 12 në 14. Shikoni si funksionon)))

Vizitori do të shohë: wow, sot ka një zbritje, dhe me kalimin e kohës sapo arrita atje në kohë, ka edhe një zbritje! Duhet ta marrim menjëherë! - Ky është shkaktari ynë.

Shkarkuam burimet e formularit të reagimit html, shikuam demonstrimin - luajta mjaftueshëm, mendoj)) Tani për gjërat thelbësore, parimin e punës:

Vleresimi i fushave në formularin e hyrjes ndodh në skedarin mbajtës kontakto.php më poshtë në listën e kodit të programit që mund të shihni, mesazhi i gabimit dhe dërgimi i suksesshëm i letrës shfaqet në vetë formularin, kështu duket pas dërgimit:

Kodi burimor i trajtuesit të formularit

Ngjit në radhë 52 postën tuaj, kështu që të gjitha letrat do të dërgohen në postën e specifikuar.

";) // Kontrollimi i funksionit të telefonit ValidateTel ($ valueTel) ($ regexTel =" / ^ (7,12) $ / "; nëse ($ valueTel ==" ") (return false;) other ($ string = preg_replace ( $ regexTel, "", $ valueTel);) ktheje bosh ($ string)? e vërtetë: false;) nëse (! $ tel) ($ gabim. = "Ju lutemi shkruani numrin tuaj të telefonit.
";) nëse ($ tel &&! ValidateTel ($ tel)) ($ gabim. =" Ju lutemi vendosni një numër telefoni të vlefshëm.
";) nëse (! $ gabim) // Kontrolloni mesazhin (gjatësinë) nëse (! $ mesazh || strlen ($ mesazh)< 1) { $error .= "Введите ваше сообщение.
"; // Ky rresht përmban kufizimin minimal në drejtshkrimin e shkronjave.) Nëse (!? Utf-8? B?". Base64_encode ($ emri). "? ="; $ Message = "\ n \ nEmri:" . $ emri. "\ n \ nNumri i telefonit:". $ tel. "\ n \ nMesazhi:". $ mesazh. "\ n \ n"; $ mail = postë (" [email i mbrojtur]", $ subjekt, $ mesazh," Nga: ". $ name_tema."<".$tel.">"." Përgjigju-Për: ". $ Email." "." X-Mailer: PHP / ". Phpversion ()); nëse ($ mail) (echo" OK ";)) tjetër (echo"

Performanca e formës

Për të marrë letra në kutinë tuaj postare, ndryshoni rreshtin që përmenda më lart. Unë ju këshilloj të përdorni postën e gmail.com, nuk ka vonesa dhe bllokime në të kur merrni një letër të gjeneruar nga formulari. Unë ju paralajmërova, sepse Kishte shumë pyetje nga lexuesit (letrat nuk vijnë në mail.ru). Kini kujdes për këtë.

Plotësojmë të gjitha fushat, vini re se numri i telefonit është futur nga 8 - Unë shkruajta posaçërisht numrin nga figura 8 "89251122333" në prompt. Kur futni një karakter «+» shfaqet një mesazh gabimi. Nëse dikush ka nevojë për të, atëherë është e lehtë ta shtosh këtë te mbajtësi. «+» .

Formulari i plotësuar me të dhënat e testit

Letër në kuti postare

Siç mund ta shihni, letra është marrë, me të tre fushat që janë plotësuar dhe dërguar. Titulli i shkronjës "Aplikim nga faqja e faqes" është ndryshuar në mbajtës kontakto.php

Gjithçka funksionon mirë, do të jetë mirë të dëgjoni komentet tuaja (kritika konstruktive) në komente, nëse keni ndonjë vështirësi dhe nuk mund të përballoni diçka - mos ngurroni të më shkruani në VK (do ta gjeni në informacionin e kontaktit ). Shpresoj se ju ka pëlqyer si dizajni ashtu edhe funksionaliteti i kësaj simbioze të një formulari reagimi (porosi shërbime, një aplikacion) dhe një shkas që kërkon veprim. Fat i mirë për të gjithë në punën tuaj dhe një qëndrim pozitiv, bye))

Përgatitur me mbështetjen e,

Formulari i komenteve për sitin që do t'ju tregoj bazohet në përdorimin e teknologjisë Ajax. Por mos u shqetësoni, nuk keni nevojë ta dini këtë, gjithçka është gati, thjesht duhet ta instaloni këtë formular dhe ta personalizoni për veten tuaj!

Djema - skenari është i vjetëruar për një kohë të gjatë. Dikush punon, dikush jo. Dhe jam shumë dembel për ta kuptuar dhe aq më tepër për ta përditësuar. Prandaj, provoni sipas gjykimit tuaj.

Formulari i komenteve Php me dërgimin në postë

Kjo formulari i komenteve për sitin shumë funksionale në vetvete, me të janë lidhur disa shtojca që krijojnë një pamje tërheqëse dhe kontrollojnë vlefshmërinë (lexo korrektësinë) e të dhënave që keni futur. Këto shtojca funksionojnë në të mëdhenjtë dhe të fuqishëm! Dhe ata quhen kështu:

1. JQTransformo- një shtojcë që ju lejon të bëni të bukur formularin tonë të komenteve!

2. formValidator- dhe kjo shtojcë kontrollon formularin e kontaktit për saktësinë e informacionit të futur dhe në këtë rast shfaq këshilla për veglat!

Për punën e plotë të këtij formulari, do të përdoret klasa PHPMailer. Konsiderohet si një nga më të mirët!

Një shënim për më të zgjuarit:

Formulari i komenteve për faqen mund të bëhet në HTML! Por do të fillojë të punojë vetëm me PHP! Dhe asgjë tjetër!

Ky jam unë për ata që kërkojnë një formular reagimi vetëm në HTML. Do ta bëni, por nuk do të funksionojë!

Prandaj, e juaja duhet të mbështesë PHP, dhe për këtë formë kontakti, PHP duhet të jetë së paku versioni 5. Shpresoj ta sqaroj? Për më tepër, tani, çdo host normal i mbështet këto kushte!

E gjeta këtë formular reagimi në faqen e internetit www.tutorialzine.com, lidhja të çon drejtpërdrejt në faqen origjinale, d.m.th. faqja e autorit të këtij formulari!

Gjithçka është në anglisht, kështu që Sasha dhe unë duhej të ndërhynim pak për të Russifikuar këtë formular kontakti dhe vetë shtojcat që janë të lidhura me të.

Të them të drejtën kaluam dy ditë me këtë “formë”, pasi filluan të dilnin bllokime të ndryshme dhe nuk doja të postoja formularin e komenteve të papërfunduar, aq më tepër të bukur! Pra, nëse jeni adhurues i të bërit gjithçka vetë, dhe mendimi do të hyjë në kokën tuaj më të ndritur - për të Rusifikuar vetë këtë formë, unë do të jap disa këshilla, pasi nuk do të kufizoheni vetëm në përkthimin e frazave:

1. Ky formular reagimi është përshtatur për borgjezinë dhe shkarkohet prej andej, kështu që do t'ju dërgojë në vend të simboleve normale ruse - krakozyably. Kuptoni kodimin. Gjithsesi, të gjitha “vulat” do të lidhen me këtë!

2. Skripti i vlefshmërisë fillimisht nuk i kupton letrat tona, kështu që ato do të duhet të shkruhen atje!

3. Edhe pas këtyre veprimeve, nëse specifikoni temën e letrës në Rusisht, letra vjen me një temë - Pa temë (shpresoj se e kam shkruar saktë), kjo trajtohet nëse specifikoni kodimin në skedarin e klasës PHPMailer.

4. Në formën origjinale, teksti në fushat e hyrjes është shtypur deri në fund, jo në mes. Ky është një defekt i shtojcës JQTransform.

Epo, ai duket se ka shkruar gjithçka dhe më ka paralajmëruar. Le të shkojmë më tej!

Përshëndetje të dashur lexues të faqes së blogut. Sot dua të flas për mënyrat për të krijuar reagime, porosi, kontakt dhe lloje të tjera formash që mund t'i nevojiten një webmaster për të organizuar një komunikim të përshtatshëm me vizitorët ose klientët e tyre.

Është e qartë se kur përdorni Joomla dhe WordPress, çështja e reagimeve ose porosisë mund të zgjidhet duke përdorur shtesa ose shtojca të ndryshme, por ka metoda që janë të përshtatshme për absolutisht çdo projekt të ndërtuar si në Html të pastër ashtu edhe duke përdorur (skriptet, cms, konstruktorët dhe reagimet e gjeneratorëve të formave).

Megjithëse, ka zgjidhje që nuk kërkojnë mbështetje Php, dhe ato gjithashtu do të përmenden në këtë artikull. Nuk do të ketë ndonjë përshkrim veçanërisht të detajuar të instalimit dhe konfigurimit në këtë artikull, sepse kjo është vetëm një përmbledhje e opsioneve të disponueshme që tani mund të gjenden në rrjet.

Do të isha jashtëzakonisht mirënjohës nëse jepni shembullin tuaj të krijimit të sistemeve të reagimit në komente (mundësisht origjinale, të bukura dhe funksionale) me një lidhje me përshkrimin dhe një faqe me një shembull (jam ende në procesin e gjetjes së zgjidhjes perfekte ).

Format e komenteve për Joomla dhe WordPress

Le të shohim se si mund të organizoni reagime në Joomla dhe WordPress duke përdorur mjete standarde ose duke përdorur shtesa.

Në Joomla, si parazgjedhje, ekziston një që zbaton këtë funksionalitet, për cilësimet e të cilit mund të lexoni në lidhjen e dhënë. Si rregull, kompleti i shpërndarjes së këtij motori përfshin shtesat më të qëndrueshme si parazgjedhje, por jo gjithmonë më funksionale. Dhe zhvilluesit nuk flenë dhe herë pas here shfaqen zgjidhje të reja më funksionale.

Kështu që ju mund të shkarkoni një modul të veçantë reagimi për Joomla të quajtur Kontakt i Shpejtë, e cila mund t'ju japë veçori dhe funksionalitete të reja (shih demonstrimin). Ju mund të lexoni për cilësimet dhe aftësitë e këtij moduli. Për më tepër, komponenti standard në Joomla për zbatimin e reagimeve nuk ka fleksibilitet të mjaftueshëm dhe nuk lejon përdorimin e mbrojtjes nga spam (captcha), dhe gjithashtu nuk lejon krijimin e disa formave të ndryshme të kontaktit në sit.

Këto probleme trajtohen me një komponent alternativ për këtë motor të quajtur aiContactSafev, i cili ju lejon të krijoni në sajt çdo numër formularësh reagimesh (mund t'i lidhni me adresa të ndryshme e-mail) dhe ka aftësinë për të shtuar një fushë për ngarkimin e skedarëve, si dhe çdo lloj tjetër fushash.

Ai kontrollon saktësinë e plotësimit të fushave me lëshimin e mesazheve të gabimit, dhe gjithashtu aiContactSafev ruan një arkiv të të gjitha të dhënave të dërguara dhe ju lejon t'i shikoni ato nga.

Ky komponent përfshin një captcha shumë të personalizueshme (duke futur një kod kur dërgoni të dhëna për t'u mbrojtur nga spam). Mund të shkarkohet falas edhe për versione të ndryshme të Joomla-s.

Tani le të flasim për WordPress. Personalisht, nuk kam vendosur ende për këtë dhe kam një E-mail të zakonshëm në faqen time të kontaktit, i cili në përgjithësi nuk është shumë i lezetshëm, sepse ka qenë prej kohësh në bazën e të dhënave të spamit, dhe nëse nuk mund të lidhem me atë të zakonshmen, atëherë një lumë e padëshiruar do të më kishte vërshuar shumë kohë më parë.

Por spam prerësi i postës së Google funksionon mirë dhe madje shumë mirë, sepse letrat tuaja, lexues të dashur, ndonjëherë bien nën dorën e saj të nxehtë, për të cilën, duke përfituar nga momenti, kërkoj falje.

Në përgjithësi, ky është avantazhi kryesor i formularit të komenteve - ju lejon të mbani adresën tuaj të emailit të fshehtë për dërguesit e postës elektronike. Epo, dhe zakonisht është përshtatur në një guaskë mjaft të këndshme, e cila mund të shtojë një plus në lidhje me projektin tuaj të përdoruesit, kjo është veçanërisht e vërtetë për burimet tregtare, kur një formular i përshtatshëm porosie ose reagimi mund të rrisë konvertimin (të ardhurat).

Në fakt, në lidhje me WordPress. Ekziston një shtojcë shumë e njohur dhe shumë e fuqishme e quajtur Formulari i Kontaktit 7... Popullariteti i tij thjesht rrokulliset, që do të thotë se ka diçka të tillë në të. Megjithatë, për të zbatuar funksionin CAPTCHA, do t'ju duhet të instaloni një shtesë shtesë Really Simple CAPTCHA.

Formulari i komenteve mund të futet në çdo faqe ose postim në blogun tuaj të WordPress, si dhe në një widget. Në fakt, ky është një lloj konstruktori për WordPress që ju lejon të përditësoni informacionin në një formë pa rifreskuar faqen (duke përdorur teknologjinë ajax). Personalisht, unë e testova këtë shtojcë në një faqe interneti rreth nja dy vjet më parë, dhe më pas m'u duk shumë e rëndë dhe në mënyrë të papërshtatshme e rëndë për të arritur qëllimet e mia (feedback).

Është e qartë se gjatë kësaj kohe Formulari i Kontaktit 7 mund të ishte bërë shumë më i përshtatshëm për zbatimin e detyrave me të cilat përballemi, dhe për këtë arsye ju sugjeroj ta provoni vetë në punë, duke u mbështetur në një përshkrim mjaft të detajuar. Nëse jeni duke përdorur ndonjë shtojcë tjetër të mirë dhe të lehtë, atëherë ju lutemi hidhni disa fjalë në lidhje me të në komente.

Pra, ne folëm për zbatimin e reagimeve në Joomla dhe WordPress duke përdorur shtesat e duhura.

Por ka ende disa mënyra:

Krijo një formular vetë. Për ta bërë këtë, do t'ju duhet të shkruani kodin e tij dhe të dizajnoni pamjen duke përdorur stilet Css, dhe gjithashtu të shkruani një mbajtës për të në Php (në parim, njohuritë e marra nga kursi i videos së Popov në Php do të jenë të mjaftueshme) dhe më pas, kontrolloni korrektësia e plotësimit të fushave dhe diçka tjetër. Duhet të them menjëherë se kjo nuk do të jetë e lehtë.

Për të përshkruar procesin e instalimit dhe konfigurimit të këtij skripti, do t'ju duhet të shkruani një artikull të veçantë, kështu që ju sugjeroj të shkarkoni dhe shikoni një video tutorial të detajuar me këtë rast, i cili do të përshkruajë gjithashtu procesin e integrimit të skriptit në dizajnin e faqes tuaj.

Konstruktorët dhe gjeneratorët e formave të reagimeve

Ka mjaft ndërtues formularësh në internet dhe gjenerues të formularëve të reagimeve. Për shembull, ky shërbim ju ofron një ndërfaqe mjaft të përshtatshme dhe funksionale për krijimin e strukturave të pothuajse çdo kompleksiteti. Në hapin e parë, do t'ju kërkohet të zgjidhni një skemë ngjyrash:



Pas kësaj, duhet të zgjidhni fushat e kërkuara për formularin e ardhshëm nga ana e majtë e dritares dhe më pas, duke klikuar mbi to, të bëni cilësimet e tyre më të mira (vendosni nënshkrimet e fushës në Rusisht, zgjidhni gjerësinë e fushës, ndryshoni llojin dhe shkruani tekstin paraprak):



Fushat e shtuara mund të ndërrohen me një tërheqje dhe lëshim të thjeshtë, të fshihen dhe të riredaktohen:



Në përgjithësi, ndërfaqja e këtij konstruktori në internet është shumë, shumë moderne dhe e përshtatshme. Pasi të rregulloni të gjitha fushat që ju nevojiten në rendin e duhur dhe të jepni të gjitha cilësimet që u nevojiten, mund të klikoni në butonin e ruajtjes (që ndodhet në fund). Në faqen tjetër, do t'ju kërkohet të vazhdoni me shikimin dhe shkarkimin e skriptit të komenteve ose të ktheheni te redaktimi:



Reagime për faqet HTML (pa Php)

Ka shërbime online që ofrojnë mbajtësit e tyre Php falas, të cilët do të vendosen në serverët e tyre. Ky lloj përfshin:



Jo një shatërvan, natyrisht, për sa i përket kënaqësive të dizajnit, por një formë e tillë mund të krijohet në pesë sekonda dhe të vendoset në absolutisht çdo faqe në një minutë, madje edhe të hostohet pa mbështetje Php.



Pas personalizimit të pamjes dhe shtimit të fushave të kërkuara, klikoni në butonin "Shiko", dhe më pas në butonin "Customized" dhe kopjoni kodin. Ngjitni atë në faqen e kontaktit dhe klikoni në butonin "Ngjitur" nën kodin.

Pas kësaj, futni adresën e faqes së faqes tuaj, ku keni futur kodin dhe adresën e E-mail-it në të cilën duhet të vijnë mesazhet nga përdoruesit e dërguar pikërisht përmes këtij formulari.

Ekziston një gjenerator tjetër i formave të reagimit, shumë i ngjashëm në funksionalitet. Ndërtimet e krijuara me të mund të vendosen edhe në host pa mbështetje Php (mjafton të tregoni adresën e faqes dhe E-mailin në të cilin do të dërgohen mesazhet). Nuk do të flas shumë për të, sepse në thelb është shumë i ngjashëm me konstruktorin e përshkruar më sipër.

Paç fat! Shihemi së shpejti në faqet e faqes së blogut

mund të shikoni më shumë video duke shkuar te

");">


Ju mund të jeni të interesuar

Google Forms - Si të krijoni një anketë në internet në faqen tuaj të formularëve të Google
SendPulse - Njoftimet shtytëse për një faqe interneti dhe një opsion falas për t'i lidhur ato nga SendPulse Redaktorët në internet HTML - vizual, IDE dhe redaktorë për instalim në sit
Përshpejtimi dhe mbrojtja e faqes tuaj në shërbimin cloud Airi.rf