Ndryshoni imazhin në ekranin e parë ose "përshtatni" përfitimet për klientin, por çfarë kuptimi ka nëse nuk ka ndërveprim me formularin?
Statistikat tregojnë se në 20% të rasteve arsyeja e konvertimit të pamjaftueshëm të faqes së uljes qëndron jo aq në një USP të keq ose mungesë të trafikut të synuar, por në një dizajn të pakujdesshëm dhe të konceptuar keq të formularit të aplikimit.
Vizitori nuk dëshiron të lërë detajet e tij të kontaktit, "i bie" formularin dhe largohet. Po humbisni klientët e mundshëm, dhe rrjedhimisht të ardhurat.
Pse po ndodh kjo dhe si të rritet konvertimi i formularit të aplikimit?
2 arsye për "mbushje" të dobët të formularit:
Artikulli ofron një listë të thjeshtë kontrolli me të cilën mund të analizoni lehtësisht formularët në faqen e uljes. Për punë, unë rekomandoj përdorimin e 4 mjeteve: klikoni hartën, lëvizni hartën, analitikën e formularit dhe .
Formulari i aplikimit duhet të jetë i dukshëm në ekranin e parë pa "lëvizje"Shqyrtoni hartën e lëvizjes. Shihni nëse elementët kryesorë të konvertimit bien në pjesët e shikuara të faqes. Kontrolloni faqen tuaj në pajisje me madhësi të ndryshme ekrani. Kushtojini vëmendje të veçantë versionit celular!
Kontrolloni të gjithë shfletuesitDuhet të kontrolloni se si funksionon formulari i aplikimit në të gjithë shfletuesit, dhe ia vlen ta testoni veçmas! Nëse funksionaliteti është i gabuar, nuk do të ketë rezultat, të dhëna për analiza dhe rekomandime.
Numri i fushave duhet të korrespondojë me detyrënFig. 2 Një shembull i një fushe shtesë që zgjidh problemin e klientit
Rregulli është i thjeshtë - kushtojini vëmendje komoditetit të plotësimit të këtyre formularëve:
Filloni nga veçoritë e produktit ose kamare. Jepni mundësinë për t'ju kontaktuar me telefon, e-mail ose bisedë për një konsultë. Merrni parasysh sjelljen e klientëve - është më e lehtë që dikush të telefonojë menjëherë dhe të diskutojë kushtet, në disa raste (marrja e një kuotimi) nuk mund të bëni pa ndërvepruar me formularin.
Forma e mbyllur apo e hapur?Kur punojmë me faqet e huaja, gjithnjë e më shumë përballemi me një formular aplikimi të mbyllur - një buton i thjeshtë dhe i kuptueshëm në stilin "Fillo Tani". Por nuk ka një përgjigje të qartë se cila formë funksionon më mirë. Në fund të fundit, gjithçka varet nga sa me kompetencë keni ndërtuar një "qiell syri" logjik në butonin e çmuar.
Rregullat për hartimin e fushave në pop-up do të jenë të njëjta:
Fig. 3 Një shembull i një “udhëheqjeje” të mirë drejt një formulari të mbyllur aplikimi
Mos përdorni fraza shabllone!Si të merrni një konsultë falas. Mendoni për disa opsione për një "hap të lehtë" që mund të interesojë përdoruesin dhe ta bëjë atë të ndërveprojë me formularin.
Një shembull i mirë është fusha e shitjeve të automjeteve. Në vend të standardit "Merrni këshilla për shitjen e një makine", u përdor një mashtrim i lezetshëm: vizitori ftohet të vlerësojë menjëherë shumën që mund të marrë.
Thirrje për veprime specifikeLargohuni nga formulimi "paraqisni një kërkesë". Është shumë më mirë të bësh një buton me një përshkrim të një rezultati specifik (për shembull, "merr CP" ose "llogarit koston"). Në mënyrë ideale, teksti i butonit duhet të kopjojë pjesërisht "linerin e syve".
Tërhiq vëmendje shtesëPërdorni udhëzues grafikë. Mundësia më e lehtë është të "lironi" hapësirën rreth formularit dhe të drejtoni syrin e vizitorit me një tregues ose shigjetë. Kështu forma do të bëhet më e dukshme dhe do të tërheqë më fort vëmendjen.
Bëni që imazhi (Baneri i Fotos së Ekranit të Parë) të funksionojë për CTANë rastin kur është e pamundur të theksohet forma me elementë grafikë ose ta bëni butonin më të madh dhe më të kundërt, "tërhiqni" vëmendjen e përdoruesit tek ai përmes një imazhi. Zgjidhni siç duhet një foto dhe drejtojeni shikimin e vizitorit në drejtimin që ju nevojitet.
Fig. 7 Vështrimi i vajzës të tërheq vëmendjen te forma
Mësoni se si përdoruesit ndërveprojnë me formularëtAnaliza e formularit të aplikimit tregon se cilat fusha plotësohen / nuk plotësohen nga përdoruesit. Dhe Webvisor, për shkak të funksionalitetit të tij, vepron si një "vëlla i madh" që monitoron sjelljen e vizitorit. Nëse ka pasur ndërveprim me formularin, por të dhënat nuk janë dërguar për ndonjë arsye, do t'ju tregojë se cili ishte problemi. Me fjalë të tjera, do të ndihmojë për të kuptuar se në cilat faza të mbushjes përdoruesit kanë vështirësi, cilat fusha mund të hiqen dhe cilat duhet të plotësohen me një sugjerim për plotësimin e saktë.
Faleminderit klientit - kjo është e rëndësishmeMendoni për detajet! Një faqe falënderimi e dizajnuar mirë nuk është vetëm një manifestim i respektit për klientin, por edhe një mjet për të rritur konvertimin. Edhe një herë - largohuni nga modelet! Bëhuni kreativ - në vend të frazës standarde "Aplikimi juaj u pranua", shkruani diçka më personale për ju dhe kompaninë tuaj. Një faqe "faleminderit", kur bëhet siç duhet, mund të jetë një vend i mirë për të eksperimentuar.
konkluzionetJini plotësisht të pajisur dhe qëndroni përpara konkurrentëve tuaj. Faqet e uljes së konvertimit për ju!
Përshëndetje për lexuesit e mi, kam fituar përvojë dhe do t'ju tregoj për parimet e formularit të reagimit php. Unë do t'ju tregoj me shembuj ilustrues në mënyrë që të kuptoni se si funksionon çdo gjë dhe si ndërveprimi midis vetë formës së hyrjes (fushave të tij hyrëse) dhe skedarit mbajtës të shkruar në php. Përveç kësaj, mund të shkarkoni falas kodin burimor së bashku me .
Sigurisht, do të jetë mirë nëse keni të paktën pak kuptim të HTML / CSS. Ju do të duhet të tërhiqni kodin në faqen tuaj sipas analogjisë. Gjuha PHP nuk do të ndikohet, unë do të tregoj të gjitha modifikimet e nevojshme që duhet të bëhen për veten time.
PËRDITËSIM: Bazuar në komentet e lexuesve, kuptova se nevojitet diçka më e bukur dhe funksionale, takojeni, shikoni dhe hidhini një sy. Zgjidhni cila ju pëlqen më shumë)
UPDATE2: Versioni 3.0 Formulari i përgjegjshëm Landing + ajax me kalimin e etiketave UTM, kontrollojeni dhe hidhini një sy. Do t'ju pëlqejë
M'u kujtua vetë kur u përpoqa për herë të parë të bëja formularin tim të komenteve në php, dhe sinqerisht ishte e mundimshme, sepse. Nuk e kuptoja se çfarë po ndodhte dhe si. Durim dhe këmbëngulje miq dhe do ia dilni.
Forma e kontaktit php - strukturaNe do të studiojmë analizën e vetë formularit të reagimit duke përdorur shembullin e një faqeje uljeje (Faqja e uljes), nga rruga, ekziston një artikull i veçantë për . Ju mund të shihni se si funksionon në veprim duke përdorur butonat e mëposhtëm, unë po bashkëngjit kodet burimore të këtij skedari me një faqe dhe skedarin kryesor të mbajtësit php (ky skedar do të përpunojë dhe dërgojë një email në email)
Pas shkarkimit të burimeve dhe nxjerrjes së arkivit, do të shihni strukturën e mëposhtme të skedarit:
Është e rëndësishme që hosti juaj, në të cilin ndodhen skedarët e faqes, të mbështesë përpunimin php, përndryshe skedari index1.php nuk do të ekzekutohet dhe nuk do të funksionojë. Për të sqaruar këtë nuancë, kontaktoni fushatën ku është regjistruar hosti juaj ose thjesht provojeni - funksionon, që do të thotë se ka mbështetje. Nëse jo, atëherë aktivizoni opsionin e mbështetjes së gjuhës php
Hidhni një sy se si funksionon ndërveprimi i të gjithë elementëve (faqe, forma, mbajtësi).
Kodi burimor për thirrjen e formularit dhe mbajtësitLe të hedhim një vështrim në funksionimin e njërit prej butonave që thërret një dritare pop-up modale që përmban një formular reagimi. Ky kod burimor i dhënë është më shumë se një herë, dy herë i futur në faqe dhe do të funksionojë, do t'ju duhet ta personalizoni për t'iu përshtatur dizajnit dhe nevojave tuaja.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | Kërkoni një kthim kthimi në telefon Kërkoni një mbrapsht telefonatë |
Kërkoni një kthim kthimi në telefon Kërkoni një mbrapsht telefonatë
Më poshtë është kodi i plotë burimor i mbajtësit index1.php, në mënyrë që të konfiguroni dërgimin në kutinë tuaj postare, ndryshoni " [email i mbrojtur]» më vete, pjesa tjetër, në parim, mund të lihet e pandryshuar
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | Do të kontaktoheni |
Do të kontaktoheni trupi ( sfondi: #22BFF7 url(img/zakaz.jpg) krye -70% qendër pa përsëritje; ) setTimeout("location.replace("/index.html")", 3000); /*Ndrysho adresën aktuale të faqes pas 3 sekondash (3000 milisekonda)*/
Kontrolloni nëse formulari po funksiononNe thërrasim dritaren dhe futim të dhëna për kontrollin e testit të formularit tonë
Më lejoni t'ju kujtoj edhe një herë se hosti juaj duhet të mbështesë përpunimin e skedarëve php, përndryshe operatori ynë thjesht nuk do të ekzekutohet dhe asnjë letër nuk do të dërgohet në adresën e specifikuar të emailit. Rezultati i një formulari reagimi të plotësuar me sukses
Kaq për mua, u përpoqa ta përcjell kuptimin dhe punën e skenarit në mënyrën më të mirë të mundshme. Nëse keni ndonjë pyetje, mos ngurroni të më kontaktoni në komente ose më kontaktoni në VK (shih detajet e kontaktit). Ju uroj punë të lehtë dhe produktive.
Përshëndetje miq! Unë dua të sjell në vëmendjen tuaj një skenar universal për dërgimin e të dhënave nga formularët në email. Skripti është ideal për faqe si Landing Page, faqet e kartave të biznesit, etj. Skripti ynë i Formave të Kontaktit dallohet midis masës së skripteve të tjera në internet në atë që ka aftësinë për të lidhur një numër të pakufizuar formularësh me fusha të ndryshme në një faqe dhe është në gjendje të dërgojë letra te marrës të shumtë.
Kështu që. Le të fillojmë. Le të fillojmë me aftësitë e skenarit.
Le të flasim për skedarët e tjerë më në detaje:
feedback.js - skedari kryesor i skriptit, përgjegjës për paraqitjen e formularit AJAX.
jquery.arcticmodal.js,
jquery arcticmodal. - të sigurojë mundësinë për të shfaqur formularët në një dritare modale.
jquery.jgrowl.js
jquery.jgrowl.css - ju lejon të shfaqni njoftimet në faqe (blloqe në këndin e sipërm të faqes).
Pra, ne kuptuam cilësimet bazë për lidhjen e skriptit tonë për dërgimin e formularëve në E-mail. Le të shikojmë tani brenda dhe të merremi me konfigurimin e fushave, njoftimeve dhe gjithçka tjetër që është atje.
Shembull i cilësimeve për një formularCilësimet për të gjitha format ruhen në skedarin feedback\index.phpMbani mend që fola për emrin e kërkuar të atributit=""?
Një shembull i kodit html për qartësi
Tani le të kuptojmë vargjet dhe për çfarë shërbejnë ato.
$form["form-1"] = grup();
$form["form-2"] = grup(); etj.
Këto janë grupet kryesore për çdo formë të re, përmbajnë:
Shembull: (feedback/tpl/form-1.tpl )
Titulli në trupin e emailit | |
%%name.title%% | %%name.value%% |
%%tell.title%% | %%tell.value%% |
emri, tregoj etj. - Këto janë atributet (emri="") të fushave që përdoruesi plotëson.
titull - Emri i elementit të formës, i cili vendoset në grupin e cilësimeve të elementit të formës.
vlera - Vlera e elementit të formës.
Kjo është e gjitha për momentin, por skenari sigurisht nuk është i përsosur, kështu që komentet dhe përshkrimet e gabimeve janë të mirëseardhura dhe do të rregullohen në versionet e ardhshme.
P.S. Skenari u zhvillua nga ekipi
Si të krijoni një platformë të suksesshme në internet për promovimin e biznesit? Cili është sekreti dhe parimet e formimit të tij? Këto dhe pyetje të tjera janë shqetësuese për ata që kanë vendosur të blejnë një faqe personale uljeje në rrjetin global, duke pritur fluksin e blerësve për produktin e tyre. Pra, le të shohim detajet.
Sekretet e formës së faqes së uljesNdoshta, vështirë se dikush do të argumentojë me deklaratën se elementi më i rëndësishëm i faqes së uljes është një formë në internet për pranimin e porosive. Në fakt, është për këtë qëllim që krijohet faqja e uljes. Krijimi i një formulari porosie për një ulje bëhet nga profesionistë që dinë saktësisht sekretin e zhvillimit të një opsioni interesant dhe në të njëjtën kohë mjaft të thjeshtë.
Një formë e dizajnuar mirë e faqes së uljes duhet të jetë e kuptueshme për përdoruesit më të zakonshëm që hapi faqen. Nëse ka shumë fusha në dritaren që hapet, thjesht do të trembë një blerës të mundshëm dhe ai do të shkojë te konkurrentët. Pra, zhvillimi i një formulari porosie me cilësi të lartë për faqen e uljes është një detyrë jo më pak përgjegjëse sesa faqja kryesore e kompanisë. Për të arritur sukses, domethënë konvertim të lartë, thjesht duhet të ndiqni disa rregulla të thjeshta.
Kërkesat për krijimin e një formulari ideal porosie për një faqe uljejeFaqja e uljes duhet të jetë gati për të pranuar blerës. Për ta bërë këtë, duhet të merren parasysh disa faktorë themelorë.
Këto postulate në dukje të njohura janë shumë të rëndësishme dhe neglizhimi i tyre është i barabartë me dënimin e vetes me dështim. E gjithë kjo çon në humbjen e klientëve dhe parave të tyre. Pasi të keni kuptuar rëndësinë e një formulari porosie për një faqe uljeje, është koha për të bërë një pyetje tjetër, si dhe ku mund të krijohet një?
Shembull i formularit të porosisë së faqes së uljes
Nëse nuk keni njohuri dhe aftësi të mjaftueshme, dhe një pakicë të tillë, nuk ka gjasa që të merrni një formular pune për faqen e uljes, e cila do të kryejë në mënyrë të përsosur funksionet që i janë caktuar. Disa njerëz kërkojnë kodet burimore në domenin publik në rrjet, megjithëse kjo metodë mund të shkaktojë shumë më tepër probleme sesa ia vlen. Së pari, nuk dihet se si do të funksionojë forma, testimi do të marrë shumë kohë dhe kjo nuk garanton performancë 100%. Letrat nga formulari mund të përfundojnë në spam ose të mos dërgohen fare ose të arrijnë në një kodim të pakuptueshëm. Si rezultat, rezulton se disa porosi kanë humbur, ose ka ndodhur një dështim tjetër, dhe e gjithë kjo nuk ka gjasa të ketë një efekt të dobishëm në imazhin e shitësit. Së dyti, çka nëse duhet të bëni disa ndryshime? Gërmimi i kodit vetë ose ftimi i një specialisti, shërbimet e të cilit gjithashtu mund të kushtojnë një qindarkë të bukur.
Opsioni i dytë është përfshirja e një profesionisti të pavarur në këtë detyrë. Por kjo mënyrë e zgjidhjes së problemit nuk është pa kurthe. Përkthyes të lirë me siguri mund të bëjnë formën e përsosur të kapjes së faqes së uljes, por ku mund ta gjeni? Kërkimi mund të zgjasë shumë. Sigurisht, mund të provoni përzgjedhjen konkurruese, por është e gjitha kohë dhe para. Përsëri, çështja e bërjes së ndryshimeve në formular mbetet e rëndësishme. Epo, nëse ruhen koordinatat e autorit të formularit, por çfarë nëse jo? Dhe edhe atëherë, nëse lidhja ruhet, ai thjesht mund të jetë i zënë me porosi të tjera dhe nuk do të jetë në gjendje t'ju ndihmojë. Dhe përkthyes të tjerë të pavarur nuk janë gjithmonë të gatshëm të korrigjojnë punën e shokëve të tjerë në dyqan.
Zgjidhja më efektive për këtë problem është projektuesi i formave në internet Formdesigner. Ky shërbim nuk kërkon aftësi të veçanta, ka një ndërfaqe të qartë. Projektuesi i integruar i formularit do t'ju ndihmojë të krijoni formën e përsosur të kapjes që përshtatet mirë në faqen tuaj të internetit. I menduar dhe mbrojtje në formën e një fjalëkalimi, protokolli HTTPS dhe Captcha. Pagesat online janë të arritshme dhe të lehta, duke ju lejuar të merrni para në pak minuta. Skenarët unikë krijohen duke përdorur forma dinamike.
Parimi i funksionimitKonstruktori u shfaq në vitin 2013 dhe tashmë ka fituar besimin e fillestarëve dhe webmasterëve profesionistë. Ai i lejon pronarët e faqeve të internetit të krijojnë një formular aplikimi, formular reagimi, formular abonimi, formular porosie dhe shumë të tjera në pak minuta që përshtaten në mënyrë të përkryer në ndërfaqen e çdo faqeje. Nuk nevojiten aftësi dhe njohuri të veçanta, formulari i kapjes së faqes së uljes, falë shërbimit Formdesigner, do të jetë gati brenda 5 minutash. Përveç kësaj, nëse keni nevojë të ndryshoni diçka, thjesht vizitoni faqen përsëri dhe bëni ndryshimet e nevojshme. Përveç kësaj, e gjithë kjo mund të bëhet plotësisht pa pagesë, gjë që është gjithashtu e rëndësishme.
Duke folur për avantazhet kryesore të projektuesit të formave në internet Formdesigner, mund të vërejmë:
Konstruktori është i lehtë dhe i thjeshtë. Ju mund të krijoni formularin e internetit që ju nevojitet me vetëm disa klikime. Për të shtuar një element të ri, thjesht klikoni mbi të ose tërhiqeni në vendin e planifikuar dhe ai menjëherë do të shtohet në formularin e internetit. Ju gjithashtu mund të modifikoni lehtësisht një element thjesht duke klikuar mbi të në formë dhe duke bërë ndryshime në vetitë e tij në dritaren që hapet.
Në të njëjtën mënyrë, është e lehtë të personalizoni pamjen, të vendosni rregullat e vlefshmërisë dhe ndryshimet e tjera të nevojshme që shfaqen menjëherë në formën demo, pa ringarkuar faqen. Pas përfundimit të punës, mbetet të kopjoni kodin e përfunduar. Do të duhet të futet në faqen tuaj të internetit. Më pas do të jetë pranimi i aplikacioneve të shumëpritura. Kur përdorni këtë konstruktor, të gjitha format e ngarkuara shfaqen menjëherë dhe nuk kërkohen ringarkime të lodhshme të faqeve.
Ju mund të krijoni një faqe nga e para dhe të korrigjoni atë ekzistues. Me një asistent të shkëlqyer në botën e krijimit të përmbajtjes në ueb, nuk do t'ju duhet të prisni gjatë për klientët.
Ndër elementët kryesorë të Faqes së uljes, ka blloqe me informacione kontakti dhe me një kërkesë reagimi. Këto blloqe kanë një rëndësi të madhe. Para së gjithash, duhet të kuptohet se informacioni i paraqitur në faqen e uljes shpesh nuk është i mjaftueshëm për një konsumator të mundshëm - disa e perceptojnë informacionin më mirë nga fjalët e një personi të gjallë sesa nga leximi i përmbajtjes tekstuale. Prandaj, vizitori duhet të japë komente me cilësi të lartë. Si ta bëjmë atë?
Një bllok me kontakte duhet të jetë në çdo faqe uljeje. Disa fshehin numrat dhe adresat në cepin më të largët, por kjo është në thelb qasja e gabuar. Puna është që vizitori duhet të shohë numrat e telefonit dhe adresat në të gjitha faqet, dhe jo diku në një. Një faqe pa një numër telefoni duket jopersonale - ekziston një ndjenjë që administrata e dyqanit shmang qëllimisht të gjitha llojet e kontakteve. Këtu është një shembull tipik i organizimit të gabuar të kontakteve kur specifikohet vetëm posta:
Dhe kjo është e gabuar, pasi vizitori duhet të ketë gjithmonë aftësinë për të komunikuar shpejt me dyqanin. Për ta bërë këtë, duhet të vendosni kontakte në pjesën më të dukshme të faqes së uljes - në kokën e saj, jo shumë larg logos. A është e mundur të marrësh me qira një numër 8-800? Në këtë rast, mund të mbështeteni në një qëndrim më besnik të audiencës, pasi për shumë konsumatorë prania e një numri të tillë në dyqan shkakton besim shtesë.
Si të mos vendosni formularë reagimesh në faqet e uljes
Ishte praktikë e mirë përdorimi i formularëve të komenteve në faqet e uljes, duke kërkuar lënien e një numri për një telefonatë. Qasja është e mirë, por nuk keni nevojë t'i bëni format ndërhyrëse të panevojshme. Disa faqe uljeje e bëjnë këtë me forcë të tmerrshme, duke treguar forma në atë fazë, ndërsa vizitorët po përpiqen të kuptojnë se ku janë fare. Është më mirë nëse formulari shfaqet diku anash / fundi, pa zënë ekranin dhe pa shpërqendruar vizitorët me pyetje ndërhyrëse. Nëse nuk ka operatorë falas në dyqan, atëherë vizitorët duhet të heqin qafe kërkesa të tilla, pasi ata do të presin për një përgjigje pothuajse të menjëhershme (të gjithë kanë nevojë për ndihmë këtu dhe tani). Në formularët e komenteve, mund të kërkoni jo vetëm numra telefoni, por edhe informacione të tjera kontakti.
Miniaplikacionet e shërbimeve të shumta mund të përdoren për të organizuar reagime të menduara mirë. Këto mund të jenë formularë të kthimit të telefonatave, konsulentë të paguar dhe falas në internet dhe shumë më tepër.
Brenda një faqeje, ju mund të kombinoni një sërë mjetesh për organizimin e reagimeve, por në këtë rast ato nuk duhet të jenë shumë ndërhyrëse dhe të mbingarkojnë vëmendjen e vizitorit - nën presionin e dritareve të vazhdueshme me forma të ndryshme, ai preferon të largohet nga ulja sesa të marrë mundësi për të blerë diçka në të.