Kompjuterë dhe pajisje moderne

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:

  • formulari i pasaktë i aplikimit
  • funksionalitetin e tij të konceptuar keq

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ë shfletuesit

Duhet 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ën

Fig. 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:

  • përdorni sugjerime (për shembull, një "maskë" për numrat e telefonit);
  • të bëjë të mundur dorëzimin e formularit pa plotësuar të gjitha fushat e disponueshme;
  • vendosni qëllime adekuate - për shembull, mos kërkoni një numër telefoni kontakti në faqen e abonimit nëse . Vizitorët nuk do të plotësojnë 5 fusha vetëm për të marrë një demonstrim ose katalog.
Përdorni mënyra të ndryshme për të marrë informacionin e kontaktit

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:

  • Jini të qëndrueshëm. Formulari duhet të jetë sa më i thjeshtë për t'u plotësuar.
  • Qëndroni në porosi. Vendosni fillimisht fushat që janë më të lehta për t'u plotësuar (për shembull, "emri").
  • Formuloni një përfitim të qartë. Shpjegoni pse vizitori duhet të plotësojë formularin Dhe çfarë do të marrë.

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 specifike

Largohuni 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 CTA

Në 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ët

Analiza 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ësishme

Mendoni 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.

konkluzionet
  • Ndërveprimi me formularin është kulmi i komunikimit midis faqes së uljes dhe klientit. Përpara se të testoni elementët e konvertimit të faqes suaj të uljes, analizoni formularët tuaj CTA kundrejt listës sonë të kontrollit.
  • Kontrolloni dërgimin e të dhënave nga pajisje të ndryshme dhe shfletues të ndryshëm. Defektet lokale të versioneve individuale ndodhin shumë më shpesh sesa mund të mendoni.
  • Sigurohuni që të kryeni analiza të formularit për të identifikuar fushat që klientët lënë në mënyrë që të kuptoni pse largohen dhe si mund ta rregulloni atë.
  • Para se të bëni ndryshime dhe formularë testimi, numëroni numrin e aplikacioneve të pranuara tashmë për të marrë një pamje reale të rezultateve të arritura pas përmirësimeve.
  • Jini 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 - struktura

    Ne 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:

    • imazh - të gjitha imazhet që përdoren për vetë faqen e uljes, butonat, etj.
    • js - skriptet javascript që ofrojnë, për shembull, një dritare modale pop-up në faqe dhe efekte të tjera vizuale
    • index.html - skedari i indeksit të një faqejeje tonë
    • index1.php është një skedar mbajtës në të cilin kalohen vlerat nga formulari, më pas formohet një letër nga variablat e marra dhe dërgohet në adresën e specifikuar të emailit. Gjithashtu, index1.php do të ndodhë si një faqe e ndërmjetme për njoftimin e paraqitjes së suksesshme të të dhënave me ridrejtim automatik përsëri në index.html (d.m.th. një faqeje jonë)

    Ë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ësit

    Le 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 funksionon

    Ne 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.

  • Lidhja e një numri të pakufizuar formularësh në një faqe.
  • Kontrollimi i korrektësisë së plotësimit të fushave.
  • Cilësimet e njoftimit.
  • Aftësia për të përdorur shkronja për çdo formë.
  • Lloji i shkronjës - (nëse përdoren etiketat html)
  • Dërgimi në një numër të pakufizuar adresash.
  • Përshtatje individuale e çdo forme.
  • Skripti funksionon në , pa e ringarkuar faqen.
  • Mbrojtja e robotëve të padëshiruar.
  • Konfigurimi fillestar.
    Skripti bazohet në bibliotekë, kështu që gjëja e parë që duhet të bëjmë është ta lidhim atë. Për ta bërë këtë, unë rekomandoj përdorimin e Bibliotekave të Pritura të Google.

    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).

    HTML dhe atributet e kërkuara.
    Një atribut i detyrueshëm për të gjithë elementët e formës është atributi name="" - është i nevojshëm për konfigurimin e mëvonshëm të formularit.
    Për një buton (type="button"), duhet të specifikoni class="feedback" . Dua gjithashtu të tërheq vëmendjen tuaj për faktin se çdo etiketë html me klasën "feedback" mund të veprojë si një buton Thirrja e një formulari në një dritare modale Për të thirrur një formular në një dritare modale, fillimisht duhet të përcaktoni një veprim nga duke klikuar në një etiketë, për shembull, një div me klasën modal_btn
    Thirrja e një formulari në një dritare modale $(document).ready(function() ( $(document).on("click", ".modal_btn", function()( $("#small-modal").arcticmodal( );));));
    Meqenëse forma duhet të jetë e dukshme vetëm në dritaren modale, ajo duhet të fshihet duke e vendosur atë në një div me atributin style="display: none;" dhe të mbështillet në disa div standarde për të stiluar dritaren modale.
    x

    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.php
    $form["form-1"] = grup("fusha" => grup("emri" => grup("title" => "Emri", "validate" => grup ("preg" => "%% ", "minlength" => "3", "maxlength" => "35", "messages" => array("preg" => "Fusha [ %1$s ] mund të përmbajë një gabim", "minlength" " => "Gjatësia minimale e fushës [ %1$s ] është më e vogël se gjatësia e lejuar - %2$s", "maxlength" => "Gjatësia maksimale e fushës [ %1$s ] është më e madhe se gjatësia e lejuar - %2$s",)), "tell " => array("title" => "Telefon", "validate" => array("preg" => "/^((8|\+ )[\- ]?)?(\(?\d( 3)\)?[\- ]?)?[\d\- ](5,10)$/", "minlength" => "5" ,), "messages" => array("preg" => "Fusha [ %1$s ] mund të përmbajë një gabim", "minlength" => "Gjatësia minimale e fushës [ %1$s ] është më e vogël se sa lejohet - %2$s",)))), "cfg" => array(" charset" => "utf-8", "subject" => "Subject", "title" => "Titulli në trupi i emailit", "ajax" => e vërtetë, "validate" => e vërtetë, "nga_email" = >" [email i mbrojtur]", "from_name" => "noreply", "to_email" => " [email i mbrojtur], [email i mbrojtur]", "to_name" => "noreply1, noreply2", "geoip" => true, "referer" => true, "type" => "html", "tpl" => true, "antispam" => "email77 ", "antispamjs" => "address77", "okay" => "Mesazhi u dërgua - OK", "fuck" => "Mesazhi u dërgua - ERROR", "spam" => "Spambot", "notify" => " color-modal-textbox", "usepresuf" => false)); // Forma e ardhshme $form["form-2"] = array("fusha" => varg(.....
    Për të shtuar cilësime për një formë të re, duhet të krijoni një grup të ri $form[""] duke ndjekur shembullin e grupit $form["form-1"]

    Mbani mend që fola për emrin e kërkuar të atributit=""?

    Një atribut i detyrueshëm për të gjithë elementët e formës është atributi name="" - është i nevojshëm për konfigurimin e mëvonshëm të formularit.
    Pra, është koha për të treguar pse ai kishte ende nevojë.
    name="" është një çelës alfanumerik për grupin, duhet të jetë unik për grupin $form[""]

    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ë:

  • "fields" => array(); - Një grup i cilësimeve të elementit të formës.
    • "emri" => array(); - Një grup cilësimesh të elementit të formës (p.sh. emri i hyrjes = "emri" tip = "tekst" ) i cili ka një numër cilësimesh.
      • "title" => "Emri juaj" - emri i elementit të formës, do të shfaqet në gabime ose në shabllon
      • "validate" => array(); - një grup që përmban rregullat e vlefshmërisë për elementin e formës
        • "preg" => "%%" - shprehje e rregullt
        • "minlength" => "3" - madhësia minimale e fushës
        • "maxlength" => "35" - madhësia maksimale e fushës
        • "substr" => "35" - prerë gjithmonë në N karaktere
      • "messages" => array(); - një grup që përmban mesazhe vërtetimi, përkatësisht:
        • "preg" => "Elementi i formës nuk përputhet me shprehjen e rregullt"
        • "minlength" => "Gjatësia minimale e fushës [ %1$s ] është më e vogël se e lejuar - %2$s" - gabim verifikimi, çelësi (preg) nuk përputhet me çelësin e vërtetimit
        • "maxlength" => "Gjatësia maksimale e fushës [ %1$s ] tejkalon të lejueshmen - %2$s" - gabim verifikimi, çelësi (preg) nuk përputhet me çelësin e vërtetimit
  • "cfg" => array(); - Një sërë cilësimesh formash.
    • "charset" => "utf-8" - kodim
    • "subject" => "Subject of email", - Subject of email
    • "title" => "Titulli në trupin e shkronjës", - Titulli në trupin e shkronjës
    • "ajax" => e vërtetë, - kjo është një formë ajax TODO (nëse nuk nevojitet, vendos - false)
    • "validate" => true, - (true) nëse duam vërtetimin e formës në server, zëvendësojmë validation js me "ajax" => true. Kur është i fikur (false), atëherë nuk mund të vendosni cilësimet e fushës së verifikimit. PËR TË BËRË
    • "from_email" => "myemail", - dërguesi, specifikoni emrin e fushës (emri = "myemail"), dhe nëse nuk keni nevojë për një email nga përdoruesi, atëherë një cung [email i mbrojtur]
    • "from_name" => "emri im", - dërguesi, specifikoni emrin e fushës (emri "emri im"), dhe nëse nuk keni nevojë për një emër përdoruesi, atëherë cung pa përgjigje
    • "to_email" => " [email i mbrojtur]", - emaili i marrësit. Për t'i dërguar në adresa të shumta, renditini ato të ndara me presje. Shembull ("to_email" => " [email i mbrojtur], [email i mbrojtur], [email i mbrojtur]",)
    • "to_name" => "noreply1", - Emri i marrësit. Kur dërgoni në adresa të shumta, renditni emrat e marrësve të ndarë me presje. Shembull ("to_name" => "noreply1, noreply2, noreply3",)
    • "geoip" => e vërtetë, - merr vendndodhjen sipas llojit TODO
    • "referer" => false, - shtoni URL-në e faqes nga e cila është dorëzuar formulari
    • "type" => "plain", - lloji i shkronjës - i thjeshtë, html (nëse përdoren etiketat html)
    • "tpl" => false, - përdorni shabllonin e postës elektronike. Nëse është e vërtetë, atëherë skedari i shabllonit do të lidhet, në përputhje me emrin e formularit (emri = "forma-1"), nga dosja dhe skedari (feedback/tpl/form-1.tpl) do të përpunohet, përndryshe gjithçka do të dërgohet siç është, çdo fushë në një linjë të re
    • "antispam" => "email77", - Anti-spam, metoda bazohet në një fushë të fshehur (ekrani:asnjë), e cila plotësohet automatikisht vetëm nga roboti, duke imituar veten.
    • "antispamjs" => "address77", - Anti spam, metodë e bazuar në një fushë të fshehur (display:none), e plotësuar fillimisht, e cila fshin automatikisht javascript në ngarkimin e faqes, edhe një robot i zgjuar nuk mund ta parashikojë këtë, dhe më pas është bllokuar.
    • "okay" => "Mesazh për përdoruesit", - Mesazh për përdoruesin, i shfaqur nëse formulari është dorëzuar me sukses, ju mund të përdorni etiketat html.
    • "fuck" => "Mesazh për përdoruesin", - Mesazh për përdoruesin, i shfaqur kur ndodh një gabim gjatë dërgimit të formularit, mund të përdorni etiketat html.
    • "Spam" => "Mesazh për përdoruesin", - Mesazh për përdoruesin, i shfaqur nëse dyshohet për një robot spam, ju mund të përdorni etiketat html.
    • "notify" => "color-modal", - çfarë lloj njoftimesh të shfaqen, kutia e tekstit - blloqe në këndin e sipërm të faqes, ngjyra - theksimi i ngjyrës në formë, modal - dritarja modale në qendër të faqes, asnjë - çaktivizoni. Ju mund të kombinoni, për shembull: color-modal - gabime në plotësimin e fushave me theksim dhe statusin e tekstit të dërgimit në dritaren modale TODO
    • "usepresuf" => false - Nëse një shtesë e personalizuar përdoret në temë ose në titullin e letrës, në rast të një ndryshimi të vogël, mund të specifikoni, për shembull, %%cfg.title.prapashtesë%%, për këtë duhet të ketë një fushë të fshehur në formë, për më shumë detaje, shih f -qiu presuf()
  • Vendosja e shablloneve të postës elektronike Pra. Le të merremi tani me tematikën e mesazheve tona.
    Së pari, në mënyrë që formulari të dërgohet në një shabllon, në cilësimet e formularit duhet të aktivizoni përdorimin e një skedari shabllon - "tpl" => true ,
    Së dyti, duhet të krijoni një skedar shabllon me shtrirje *.tpl në dosje (feedback/tpl/ ), sipas emrit të formularit (emri="form-1" ).

    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ë uljes

    Ndoshta, 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 uljeje

    Faqja 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ë.

  • Konciziteti. Formulari i internetit duhet t'ju lejojë të bëni një porosi dhe të mos mbledhni shumë informacione të panevojshme për klientin. Domethënë nuk duhet të përmbajë më shumë se 3-5 rreshta, duke lëshuar më shumë pikë rrezikoni të ngarkoni faqen me rreshta që nuk kanë asnjë rëndësi, gjë që do ta vështirësojë përfundimin e shpejtë të blerjes nga përdoruesi.
  • lexueshmëria. Formulari i duhur i aplikimit të faqes së uljes duhet të jetë i dukshëm dhe i lehtë për t'u lexuar. Nuk ka nevojë të mbingopni faqen me një numër të madh kolonash. Opsioni më i mirë është nëse përdoruesi gradualisht do të kalojë në plotësimin e pjesës tjetër të informacionit për veten e tij. Dhe, sigurisht, duhet të merrni parasysh modelin e formës në mënyrë që të duket e këndshme për syrin.
  • Funksioni i ruajtjes së të dhënave. Shumë shpesh, lidhja në internet e konsumatorëve lë shumë për të dëshiruar. Në mënyrë që ndërprerjet e komunikimit të mos çojnë në humbjen e të dhënave të futura tashmë në kolona, ​​duhet të mendoni për funksionin e ruajtjes automatike. Kjo do ta ndihmojë përdoruesin të kursejë kohë edhe pasi të rivendoset lidhja dhe të mos i fusë më të dhënat e tij.
  • Koncepte të provuara. Formulari i faqes së uljes nuk është vendi për të qenë origjinal. Ka parime që testohen me kohë dhe sjellin rezultate. Çdo gabim nga një programues ose projektues mund të kushtojë mijëra klientë të humbur.
  • 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

    Ku të bëni një formular aplikimi për faqen e 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 funksionimit

    Konstruktori 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 punon online në kohë reale;
    • I gjithë procesi i krijimit të një formulari në internet është transparent dhe ndodh para jush;
    • Të gjitha të dhënat nga formulari ruhen në server dhe janë të disponueshme 24 orë në ditë;
    • Aftësia për të ngarkuar skedarë dhe për të përdorur CSS të personalizuar ju lejon të krijoni një formë unike në internet për ulje.

    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ë.

    Nëse vëreni një gabim, zgjidhni një pjesë të tekstit dhe shtypni Ctrl + Enter
    SHPËRNDAJE:
    Kompjuterë dhe pajisje moderne