Krijimi i formës është i vështirë dhe kërkon shumë kohë. Është e qartë se ky nuk është një profesion për të cilin do të dëshironit të uleni për një ditë të tërë pune. Në thelb, formularët përdoren për të zbatuar reagimet në sajtin dhe gjenerimin e drejtimit në faqen e uljes. Forma më komplekse përdoren shpesh për të krijuar çdo lloj pyetësorësh, pyetësorësh etj. Në një situatë ku kërkohen shumë fusha, vendosja e skripteve të serverëve do të marrë shumë kohë të çmuar. Shërbimet e Saas vijnë në shpëtim. Me ndihmën e tyre, duke përdorur konstruktorin e integruar, mund të krijoni në kohën më të shkurtër të mundshme një formë të çdo kompleksiteti pa shumë përpjekje. Nëse nuk po kërkoni mënyra të thjeshta, ju sugjeroj të përdorni skriptin për krijimin e formave që ishte postuar më parë.
Shumë njerëz duan të krijojnë të besueshme dhe të përshtatshme format web shpejt, dhe padyshim jo me dorë. Rezulton se krijimi i formave duke përdorur një konstruktor të krijuar posaçërisht për këtë rast është shumë më i lehtë dhe më i shpejtë. Ata janë në gjendje të krijojnë projekte të dobishme dhe të dizajnuara mirë me disa klikime. Vërtetë, disa zhvillues paguajnë një tarifë për përdorimin e burimit të tyre, por shpesh ia vlen. Plus, nuk është aq i madh sa të ndikojë shumë në buxhetin tuaj. Ne vendosëm të kursejmë pak kohën tuaj dhe kemi përpiluar një listë të 13 nga ndërtuesit më të mirë të formave në internet i pajisur me një numër të madh funksionesh.
Format e Google
Pa dyshim Format e GoogleËshtë shërbimi më i mirë dhe më popullor. Kjo falas konstruktori i formës vendos automatikisht rezultatet në fletëllogaritëse pas përgjigjeve të përdoruesve. Krijimi i formave të nevojshme lehtësohet nga prania e çelësave të nxehtë dhe ruajtja e ndryshimeve në cilësimet tuaja personale. E gjithë kjo ndihmon për të dërguar ftesa te njerëzit e duhur pa asnjë problem, për të dhënë përgjigje përmes postës elektronike të rregullt ose në rrjetet sociale.Wufoo
Ky shërbim është gjithashtu një nga më të mirët në internet dizajnerët e formave të internetit, e cila është në gjendje të zgjidhë të gjitha problemet tuaja në vetëm pak minuta. Pavarësisht nëse jeni sekretar i ndërmarrjes ose profesionist i IT-së, Wufoo mund t'ju ndihmojë të mbledhni të dhëna shpejt pa shkruar një rresht të vetëm kodi.Formstack
Formstack është i mrekullueshëm ndërtues i formave në internet në internet për përdoruesit e rrjetit, të pajisur me të gjitha funksionet e optimizimit. Ai është në gjendje të zbatojë të gjitha idetë tuaja të marketingut. Shkruani manualisht kodin në këtë dizajner i formave në internet nuk ka nevojë. Ky program ju lejon të integroni formularin në burimin tuaj individual pa njohuri të veçanta të përdoruesit për softuerin.iFormbuilder
FormBuilde është një shërbim unik i bazuar në renë kompjuterike që është në gjendje të mbledhë të dhëna për klientët e tij nga pajisjet celulare në mbarë botën. Për më tepër, kjo konstruktori i formës mund të krijojë artikuj të tillë si formulari i aplikimit, formulari i testimit, formulari i porosisë dhe formulari i abonimit. Përdoruesit mund të fusin të dhëna dhe madje të ndryshojnë shumë parametra menjëherë. Është mjeti i përsosur për punën tuaj.Formbëria
Ky është një shërbim me pagesë, por shumë efektiv për krijimin e thjeshtë dhe të shpejtë forma... Ajo që kërkohet nga ju është të tërhiqni elementët e nevojshëm (blloqe teksti, butona për zgjedhjen e opsioneve të dëshiruara, kutitë e zgjedhjes, etj.) në fushën e punës dhe të vendosni adresën ku dëshironi të dërgoni formularin e krijuar. Kodi i gjeneruar që përdorni në projektet tuaja është i lehtë për t'u lexuar, sikur të ishte shkruar jo nga një robot, por nga një njeri.FormDesk
Ky burim gjithashtu ju lejon të krijoni tuajin formë, si pyetësorët, formulari i regjistrimit, rezultatet e studimeve të ndryshme. Më pas mund ta postoni në faqet e internetit, ta përdorni në rrjetet sociale ose në e-mail. Format FormDesk janë të vendosura në serverin e tyre dhe mund të arrihen lehtësisht duke përdorur një lidhje ose kornizë.Reformuar
Reformuar - hapur dhe ndërtues i formës së lirë duke pasur një dizajn të mrekullueshëm, ju lejon të zbatoni dhe krijoni shumë shpejt projekte të ndryshme të dobishme për faqen tuaj.Forma e tipit
Një tjetër krijues falas i formularëve në internet e cila është miqësore për përdoruesit. Gjithçka që nevojitet për punë është një regjistrim i thjeshtë në një llogari, dhe Typeform nuk kërkon fare fonde shtesë.FormsSmarts
Të ndërtues formash në internet ju lejon të krijoni të shkëlqyera formë dhe publikojini ato. Krijuesit e këtij shërbimi ofrojnë disa mënyra për të ndarë formularët me përdoruesit e rrjetit botëror dhe për të marrë përgjigje prej tyre. Shumica e klientëve i instalojnë ato në burimin e tyre dhe marrin një formular përgjigjeje me email ose një seri përgjigjesh të tabeluara tashmë në formën e një raporti Excel.Forma e ndeshjes
MachForm është një burim i notave profesionale që ju lejon të krijoni formë me përputhshmëri maksimale. Ai jo vetëm që funksionon në desktop, por është i përshtatshëm për të punuar në shumicën e pajisjeve celulare / me prekje ( , Android pajisje). Të gjitha versionet e reja të Form Builder e bëjnë të lehtë krijimin formë duke përdorur drag and drop dhe pa programim fare. Është i integruar me sistemet kryesore të pagesave ( PayPal, Authorize.net, Stripe, Braintree). Në vetëm disa klikime, përdoruesi do të krijojë një formë të shkëlqyer dhe do të jetë në gjendje të dërgojë porosi online ose të pranojë pagesa.
Sot do të mësoni se si është shumë e lehtë të krijoni një formular porosie thirrjeje në uebsajtin tuaj wordpress. Si funksionon formulari i porosisë së thirrjes:“Përdoruesi i lë të dhënat e tij në formularin e porosisë së thirrjes (për shembull, emrin dhe numrin e telefonit), klikon në butonin Dërgo. Pas dërgimit, do të shfaqet një njoftim - Faleminderit! Porosia juaj është dërguar, ne do t'ju kontaktojmë!” Një letër do të dërgohet në emailin tuaj, ku do të tregohet emri dhe numri i telefonit të personit që ka porositur thirrjen në faqen tuaj të internetit. Thjesht duhet ta telefononi këtë person.
Çfarë na duhet? Na duhet një shtojcë dhe kaq. Instaloni dhe aktivizoni shtesën shtesë të Formularit të Kontaktit 7. Mund ta instaloni shtesën direkt nga paneli i administratorit, në: Shtojcat - Shto të re. Futni emrin e shtojcës në formularin e kërkimit, shtypni Enter, instaloni dhe aktivizoni shtesën.
Më pas, pasi të keni instaluar dhe aktivizuar shtojcën, shkoni te faqja "Formulari i Kontaktit 7". Këtu do të keni krijuar tashmë një formë kontakti të paracaktuar. Klikoni nën emrin e formularit në skedën - Edit.
Në dritaren që hapet, thjesht klikoni në butonin - "Fut etiketën". Kopjoni kodin me emrin e fushës dhe ngjisni mbi kodin e shkurtër "Telefon". Në kod, ndryshoni emrin e fushës në "Telefoni juaj". Ruani ndryshimet tuaja.
Më pas, shkoni te faqja "Letra" për të konfiguruar letrën që do të dërgohet në emailin tuaj. Fusha "Për" duhet të përmbajë adresën tuaj të emailit. Në fushën "Subjekt", tregoni për shembull - "Porosit një telefonatë"! Në fushën "Trupi i letrës", fshini gjithçka dhe shtoni dy etiketa speciale, në vend të të cilave emri dhe numri i telefonit do të shfaqen në letër. Etiketat mund të kopjohen në krye të faqes, nën titullin "Letra". Përpara etiketave, mund të vendosni emërtimet Emri dhe Telefoni. Ruani ndryshimet tuaja.
Përshëndetje të dashur lexues, sot dua t'ju tregoj se si krijoj formula për të marrë informacionin e kontaktit të përdoruesit.
Sot,, është në strukturën e faqes së uljes. Në fund të fundit, kjo është një nga mënyrat për të pranuar një porosi ose për të dërguar një katalog të produkteve tuaja, pasi të keni marrë më parë emailin e një vizitori.
Krijimi i një formulari reagimi - shënimi html
Zakonisht tre fusha janë të mjaftueshme për mua, dhe në shumicën e rasteve, unë përdor shënimin si kjo për të krijuar një formë kontakti:
Provoni ta hapni këtë kod në një shfletues dhe shikoni se çfarë merrni, në varësi të shfletuesit të internetit që përdorni, duhet të duket diçka si kjo:
Nëse keni ndonjë pyetje në lidhje me shënimin, mos ngurroni t'i pyesni ato në komente, unë do të përpiqem të përgjigjem në detaje dhe nuk do të përshkruaj secilin element në artikull në mënyrë që të mos rris madhësinë e tij. Për më tepër, elementët janë mjaft të thjeshtë.
Krijimi i një formulari reagimi - shënimi css
Le të stilojmë formën tonë dhe ta bëjmë të lexueshme:
/ * Stilet e formularit * / #aplikacion (gjerësia: 475 px; margjina: 0 automatik;) / * Stilet e fushës hyrëse * / #applicationName, #applicationEmail, #applicationTelephone (gjerësia: 100%; lartësia: 73 px; sfondi: asnjë; diferenca - sipër: 25 px; kufiri: 1 px solid #fff; rrezja e kufirit: 40 px; rreshtimi i tekstit: në qendër; ngjyra: #fff; madhësia e shkronjave: 24 px;) / * Stilet e fushës kur klikohen * / #applicationName: fokus , #applicationEmail : fokus, #applicationTelefon: fokus (kufiri: 1px solid # 30ad64;) / * Stilet e tekstit të shfaqura në mbajtësin e vendndodhjes * / :: - webkit-input-placeholder (ngjyra: #efefef; font-family: "PT Sans ", sans -serif; text-shadow: 0 1px 1px rgba (0, 0, 0, .3);) :: - moz-placeholder (ngjyra: #fff; font-family:" PT Sans ", sans-serif ; text- hije: 0 1px 1px rgba (0, 0, 0, .3);) / * Firefox 19+ * /: -moz-placeholder (ngjyra: #fff; font-familja: "PT Sans", sans-serif; tekst -hije: 0 1px 1px rgba (0, 0, 0, .3);) / * Firefox 18- * /: -ms-input-placeholder (ngjyra: #fff; font-familja: "PT Sans" , sans- serif; tekst-hije: 0 1px 1px rgba (0, 0, 0, .3); ) :: mbajtës i vendndodhjes (ngjyra: #fff; teksti-hije: 0 1px 1px rgba (0, 0, 0, .3);) / * Stilet për butonin * / .applicationButton (margin-lart: 25px; sfond: # 30ad64 ; kufiri: asnjë; gjerësia: 100%; lartësia: 73 px; rrezja e kufirit: 40 px; ngjyra: #fff; madhësia e shkronjave: 24 px; transformimi i tekstit: shkronja të mëdha; font-familja: "PT Sans", sans-serif ; kursori: treguesi;) .applicationButton: rri pezull (sfondi: # d68c18;)
Nëse dëshironi që ngjyra e butonit të ndryshojë pa probleme, shtoni një rresht si kjo në .applicationButton dhe .applicationButton: hover:
Tranzicioni: .6s;
Ku 6s është koha e animacionit në milisekonda.
Tani forma jonë ka marrë një pamje të bukur, tani duket kështu:
Krijimi i një formulari reagimi - shënjimi php
Tani duhet të krijojmë një skedar application.php. Ai do të marrë parametrat e futur nga formulari dhe do t'i dërgojë në postën tonë.
Struktura e tij është si një skedar i rregullt html, mund të jetë një faqe në të cilën shkruani “Faleminderit, aplikacioni juaj u pranua. Pas përpunimit të aplikacionit, menaxherët tanë do t'ju kontaktojnë "
Kjo do të thotë, kur përdoruesi klikon butonin, ata do të ridrejtohen në faqen application.php. Kjo është një faqe e plotë dhe ju duhet ta stiloni atë në përputhje me rrethanat.
"; $msg. ="
Mesazh nga faqja
\ r \ n "; $msg. ="Nga kush:". $ emri i përdoruesit."
\ r \ n "; $msg. ="Posta:". $posta e përdoruesit."
\ r \ n "; $msg. ="Faqja:". $ usertel."
\ r \ n "; $ msg. =" "; // dërgoni një mesazh nëse (@mail ($ sendto, $ subjekt, $ msg, $ headers)) (jehonë"Le të shpjegojmë pak kodin:
$ sendto = " [email i mbrojtur]"; // mail, i cili do të marrë shkronjën $ username = $ _POST [" emri "]; // ruani të dhënat e marra nga fusha me emrin $ usertel = $ _POST [" telefon "]; // ruani të dhënat në variablin e marrë nga fusha me numrin e telefonit $ usermail = $ _POST ["email"]; // ruani të dhënat e marra nga fusha me adresën e emailit në një variabël
Këtu, mendoj, është e kuptueshme.
Tani le të formojmë kokën e emailit.
$ subjekt = "Postim i ri"; $ headers = "Nga:". strip_tags ($mail). "\ r \ n"; $ headers = "Përgjigju-Për:". strip_tags ($mail). "\ r \ n"; $ headers = "MIME-Version: 1.0 \ r \ n"; $ headers. = "Lloji i përmbajtjes: tekst / html; grup karakteresh = utf-8 \ r \ n";
Linjë $ subjekt = "Mesazhi i ri";- është përgjegjëse për subjektin e letrës, mund të shkruajë aty: "Aplikim nga faqja" ose çfarëdo që ju përshtatet më shumë.
Unë propozoj që letra të vijë nga adresa e specifikuar në fushën e llojit të hyrjes = "email". Kjo do të thotë, nga ai nga i cili hyri përdoruesi gjatë plotësimit të formularit. Për ta bërë këtë, shkruani rreshtat e mëposhtëm:
$ headers = "Nga:". strip_tags ($mail). "\ r \ n";
Kjo do të thotë, ne do të zëvendësojmë të dhënat nga ndryshorja $ usermail, ku ruhen informacionet nga fusha përgjegjëse për futjen e adresës së emailit.
Tani le të vendosim pamjen e letrës. Mund ta stiloni si të doni, por unë sugjeroj strukturën e mëposhtme:
$msg = "
"; $msg. ="Mesazh nga faqja
\ r \ n "; $msg. ="Nga kush:". $ emri i përdoruesit."
\ r \ n "; $msg. ="Posta:". $posta e përdoruesit."
\ r \ n "; $msg. ="Telefoni:". $ usertel."
\ r \ n "; $msg. ="";Rreshti i parë është të vendosni fontin e letrës. Së dyti, shfaqim një mesazh, për shembull: "Aplikimi nga formulari i komenteve në ekranin e parë". Në rreshtin e tretë, të katërt dhe të pestë, transferojmë të dhënat nga formulari. Secili në një linjë të re.
Tani ju duhet të dërgoni një letër duke përdorur funksionin e postës dhe të përcaktoni se çfarë do të ndodhë nëse letra dërgohet me sukses ose jo:
Nëse (@mail ($ sendto, $ subjekt, $ mesazh, $ headers)) (jehonë "
E bëra në mënyrë që në çdo rast të shfaqet një foto me tekstin përkatës. Mund të shfaqni një faqe të plotë në vend të një fotografie. Thjesht shkruani kodin në vend të figurës.
Disa sekonda pasi të shfaqet imazhi, unë ridrejtoj (ridrejtim automatik) në faqen kryesore. Ju mund ta bëni këtë duke shtypur rreshtin e mëposhtëm midis etiketave të kokës;
Kjo do të thotë, pas 4 sekondash, përdoruesi do të kthehet automatikisht në faqen kryesore!
Unë nuk jam ekspert në php - është një gjuhë programimi në fund të fundit, e gjithë jeta ime u tërhoq për të mësuar pjesën e përparme. Prandaj, mos gjykoni rreptësisht. Po, këtu mund të bëni kontrolle për plotësimin e formularëve të kontaktit e kështu me radhë, por kjo ka qenë gjithmonë e mjaftueshme për mua, kështu që nëse dikush ka një sugjerim se si ta përmirësoj këtë kod, ju lutemi shkruani në komente ose e-mail, unë do korrigjoni mësimin, faleminderit!
Nga rruga, nëse keni nevojë për një formular reagimi pa ringarkuar faqen, atëherë mund të lexoni se si ta instaloni atë në
Ndoshta dikush nuk është shumë i qartë për materialin, por nëse përsëritni saktësisht hapat e mi, atëherë formulari juaj i kontaktit do të funksionojë patjetër. Nëse keni ndonjë pyetje - shkruani në komente, do të përpiqem të përgjigjem! Shihemi në blog!
P.s. Meqenëse fillova të marr shumë shpesh pyetje se pse formulari nuk funksionon dhe emailet nuk vijnë në postë, vendosa të përshkruaj disa nga arsyet më të njohura pse mund të ndodhë kjo:
- Testimi i formularit jo në server.
- Testimi i formularit në pritje falas.
- Ju jeni duke e testuar formularin në një pritje me pagesë, por në një periudhë prove falas.
Në këto raste, letrat nuk do të vijnë në postën tuaj.
Nëse jeni shumë dembel për të kuptuar dhe bërë vetë formularin, atëherë ju rekomandoj t'i kushtoni vëmendje.
23/07/2014 12/07/2018
dimadv7