Հետադարձ կապի ձևերը վայրէջքի էջում: Առանց վայրէջքի համար էջը վերաբեռնելու նամակ ուղարկելու ձև: Ձևի կանչում մոդալ պատուհանում

Փոխեք պատկերը առաջին էկրանին կամ «հարմարեցրեք» առավելությունները հաճախորդին, բայց ի՞նչ իմաստ ունի, եթե ձևի հետ փոխազդեցություն չկա:
Վիճակագրությունը ցույց է տալիս, որ ին դեպքերի 20%-ըթերփոխակերպման պատճառ վայրէջքի էջոչ այնքան վատ USP-ի կամ նպատակային երթևեկի բացակայության մեջ է, որքան անզգույշ և վատ ընկալման մեջ լրացնելով դիմումի ձևը.
Այցելուն չի ցանկանում թողնել իր կոնտակտային տվյալները, «գցում է» ձևաթուղթն ու հեռանում։ Դուք կորցնում եք պոտենցիալ հաճախորդներին, հետևաբար՝ եկամուտը:
Ինչու է դա տեղի ունենում և ինչպես բարձրացնել դիմումի ձևի փոխակերպումը?

Ձևի վատ «լրացման» 2 պատճառ.

  • դիմումի սխալ ձևը
  • դրա վատ ընկալված ֆունկցիոնալությունը

Հոդվածում նախատեսված է պարզ ստուգաթերթորի հետ դուք հեշտությամբ կարող եք վերլուծել ձևերը վայրէջքի էջում. Աշխատանքի համար խորհուրդ եմ տալիս օգտագործել 4 գործիք՝ սեղմել քարտեզ, ոլորել քարտեզ, ձևերի վերլուծություն և .

Դիմումի ձևը պետք է տեսանելի լինի առաջին էկրանին առանց «ոլորելու»

Հետազոտել ոլորել քարտեզը. Տեսեք՝ խփե՞լ են հիմնական փոխակերպման տարրերէջի դիտված հատվածներում։ Ստուգեք ձեր էջը տարբեր էկրանի չափսերով սարքերում: Հատուկ ուշադրություն դարձրեք բջջային տարբերակին:

Ստուգեք բոլոր բրաուզերները

Պետք է ստուգել, ​​թե ինչպես է գործում դիմումի ձևը բոլոր բրաուզերներում, և արժե առանձին փորձարկել։ Եթե ​​ֆունկցիոնալությունը սխալ է, արդյունք, վերլուծության տվյալներ և առաջարկություններ չեն լինի:

Դաշտերի քանակը պետք է համապատասխանի առաջադրանքին

Նկ.2 Լրացուցիչ դաշտի օրինակ, խնդրի լուծումհաճախորդ

Կանոնը պարզ է՝ ուշադրություն դարձրեք լցնելու հեշտությունըայս ձևերը.

  • օգտագործել ակնարկներ (օրինակ, «դիմակ» հեռախոսահամարների համար);
  • հնարավոր դարձնել ձևաթուղթը առանց բոլոր առկա դաշտերը լրացնելու.
  • սահմանեք համարժեք նպատակներ. օրինակ՝ բաժանորդագրության էջում կոնտակտային հեռախոսահամար մի պահանջեք, եթե . Այցելուները չեն լրացնի 5 դաշտ միայն ցուցադրություն կամ կատալոգ ստանալու համար:

Կոնտակտային տվյալներ ստանալու համար օգտագործեք տարբեր եղանակներ

Սկսեք ապրանքի կամ խորշի առանձնահատկություններից: Հնարավորություն տվեք կապվել ձեզ հետ հեռախոսով, էլեկտրոնային փոստով կամ զրուցել խորհրդատվության համար: Հաշվի առեք հաճախորդի վարքագիծը– ինչ-որ մեկի համար ավելի հեշտ է անմիջապես զանգահարել և քննարկել պայմանները, որոշ դեպքերում (մեջբերում ստանալը) դուք չեք կարող անել առանց ձևի հետ շփվելու:

Փակ, թե՞ բաց ձև:

Արտասահմանյան կայքերի հետ աշխատելիս մենք ավելի ու ավելի ենք բախվում փակ դիմումի ձևի հետ՝ պարզ և հասկանալի կոճակ «Սկսիր հիմա» ոճով: Բայց հստակ պատասխան չկա, թե որ ձևն է ավելի լավ աշխատում: Ի վերջո, ամեն ինչ կախված է նրանից, թե որքան գրագետ եք կառուցել տրամաբանական «առաջնորդ» դեպի նվիրական կոճակը.

Թռուցիկ պատուհանում դաշտերի նախագծման կանոններնույնը կլինի.

  • Եղեք Հետևողական. Ձևաթուղթը պետք է հնարավորինս պարզ լինի լրացնելու համար:
  • Մնում է պատվիրել:Տեղադրեք այն դաշտերը, որոնք ամենահեշտ է լրացնել (օրինակ՝ «անուն»):
  • Ձևակերպեք հստակ օգուտ:Բացատրիր ինչու է այցելուին պետք լրացնել ձևաթուղթըԵվ ինչ կստանա.

Նկ. 3 Լավ «առաջնորդի» օրինակ դեպի փակ դիմումի ձև

Մի օգտագործեք կաղապարային արտահայտություններ:

Ինչպես ստանալ անվճար խորհրդատվություն: Մտածեք մի քանի «հեշտ քայլ» տարբերակների մասին, կարող է հետաքրքրել օգտվողին և ստիպել նրան շփվել ձևի հետ.

Լավ օրինակ է ավտոմեքենաների վաճառքի տեղը: «Ստացեք մեքենա վաճառելու վերաբերյալ խորհուրդներ» ստանդարտի փոխարեն կիրառվել է հիանալի հնարք. այցելուին հրավիրում են անմիջապես գնահատել այն գումարը, որը նա կարող է ստանալ:

Կոչ անել կոնկրետ գործողությունների

Հեռացեք «դիմում» ձեւակերպումից. Շատ ավելի լավ է կոճակ պատրաստել կոնկրետ արդյունքի նկարագրությամբ(օրինակ՝ «ստանալ գնանշում» կամ «հաշվարկել արժեքը»): Իդեալում, կոճակի տեքստը պետք է մասամբ կրկնօրինակի «ակնագայլը»:

Լրացուցիչ ուշադրություն գրավել

Օգտագործեք գրաֆիկական ուղեցույցներ. Ամենահեշտ տարբերակը ձևի շուրջ տարածությունն «ազատելն» է և ցուցիչով կամ սլաքով ուղղորդել այցելուի աչքը: Այսպիսով, ձևն ավելի նկատելի կդառնա և ավելի ուժեղ կգրավի ուշադրությունը։

Դարձրեք Պատկերը (Առաջին Էկրանի լուսանկարի դրոշակակիրը) աշխատի CTA-ի համար

Այն դեպքում, երբ անհնար է ձևը շեշտել գրաֆիկական տարրերով կամ կոճակն ավելի մեծ և հակապատկեր դարձնել, օգտագործողի ուշադրությունը պատկերի միջոցով «գրավել» դրա վրա: Ընտրեք ձեր լուսանկարը խելամտորեն և ուղղորդել այցելուի աչքըձեր ուզած ուղղությամբ:

Նկար 7 Աղջկա հայացքը ձեր ուշադրությունը հրավիրում է ձևի վրա

Իմացեք, թե ինչպես են օգտվողները փոխազդում ձևերի հետ

Դիմումի ձևի վերլուծությունցույց է տալիս, թե որ դաշտերն են լրացված/չլրացված օգտվողների կողմից: Իսկ Webvisor-ը իր ֆունկցիոնալության շնորհիվ հանդես է գալիս որպես «մեծ եղբայր», որը վերահսկում է այցելուի վարքագիծը։ Եթե ​​ձևի հետ փոխազդեցություն է եղել, բայց տվյալներն ինչ-ինչ պատճառներով չեն ուղարկվել, դա ձեզ ցույց կտա, թե որն է խնդիրը: Այսինքն՝ դա կօգնի հասկանալ, թե լրացման որ փուլերում են օգտատերերը դժվարություններ ունենում, որ դաշտերը կարելի է հեռացնել, և որոնք պետք է լրացվեն ակնարկով ճիշտ լրացման համար։

Շնորհակալություն հաճախորդինՍա կարևոր

Մտածեք մանրամասների մասին։ Լավ մշակված շնորհակալական էջոչ միայն հաճախորդի նկատմամբ հարգանքի նշան է, այլ նաև փոխակերպման գործիք. Եվս մեկ անգամ՝ հեռացեք օրինաչափություններից: Կրեատիվ եղեք. «Ձեր դիմումն ընդունվել է» ստանդարտ արտահայտության փոխարեն գրեք ավելի անձնական բան, որը վերաբերում է ձեզ և ձեր ընկերությանը: «Շնորհակալություն» էջը, երբ ճիշտ է արված, կարող է լավ տեղ լինել փորձերի համար:

եզրակացություններ

  1. Ձևի հետ փոխազդեցությունը վայրէջքի էջի և հաճախորդի միջև հաղորդակցության գագաթնակետն է: Նախքան ձեր վայրէջքի էջի փոխակերպման տարրերը փորձարկելը, վերլուծել ձեր CTA ձևերըհղում կատարելով մեր ստուգաթերթին:
  2. Ստուգեք տվյալների ուղարկումը տարբեր սարքեր և տարբեր բրաուզերներ. Տեղական սխալներ անհատական ​​տարբերակներըտեղի է ունենում շատ ավելի հաճախ, քան դուք կարող եք մտածել:
  3. Պարտադիր կատարել վերլուծությունբացահայտելու այն ոլորտները, որտեղից հաճախորդները հեռանում են, որպեսզի հասկանանք, թե ինչու են նրանք հեռանում և ինչպես դա շտկել:
  4. Նախքան փոփոխություններ կատարելը և թեստավորման ձևերը հաշվել արդեն ստացված հայտերի քանակըբարելավումներ կատարելուց հետո ձեռք բերված արդյունքների իրական պատկերացում կազմելու համար:

Եղեք լիովին հագեցած և առաջ մնացեք ձեր մրցակիցներից: Փոխակերպման վայրէջք էջեր ձեզ համար:

Դուք պետք է հասկանաք, որ նման ոսկերչական աշխատանքի համար ձեզ հարկավոր կլինի վճարել, բայց վճարն արժե այն: Անհրաժեշտ է քննարկել ստեղծման բոլոր հարցերը, դա կազդի աշխատանքի արժեքի և ընդհանուր առմամբ վայրէջքի էջի վրա: Ստեղծելիս պետք է հաշվի առնել բոլոր հնարավոր մանրուքները, որոնք կարող են գրավել մարդկանց ուշադրությունը՝ գեղեցկությունից մինչև օգտագործման հեշտություն: Բացի այդ, չպետք է մոռանալ հոգեբանության և ենթագիտակցության մասին։ Շատ որոշումներ ենթագիտակցորեն են կայացվում: Եվ ապրանք գնելը բացառություն չէ: Եթե ​​դուք ճիշտ տրամաբանական շղթա եք կառուցում, որը կպարունակի մարդու խնդրի լուծումը, այս լուծման նկարագրությունը, համոզվածությունը, որ այս լուծումը ճիշտ է և կօգնի նրան, կենտրոնանալ այս նպատակի վրա, մղել գործողությունների և բուն գործողության, ապա դուք կարող է այցելուների մեծ մասին վերածել հաճախորդների։ Ընդ որում, կարևոր չէ, թե որն է լինելու էջի թիրախային գործողությունը՝ վաճառք, տեղեկագրի բաժանորդագրություն, այցելուի կոնտակտային տվյալների ձեռքբերում և այլն։

Հատուկ ուշադրություն պետք է դարձնել ձևին հետադարձ կապհաճախորդի հետ: Քանի որ սա հաճախորդի հետ շփում է, թեև ոչ ուղղակի: Հաճախորդի հետ շփումը չափազանց կարևոր է, քանի որ միայն կայքը չի կարող լիովին բավարարել հաճախորդի կարիքները: Այն կարող է մշակել միայն ստանդարտ հարցումները, որոնք հազվադեպ են լինում, քանի որ մարդիկ հազվադեպ են ստանդարտ մոտեցում ցուցաբերում խնդրի լուծմանը: Հաճախորդին հետադարձ կապի միջոցով կարող եք բարձրացնել ոչ միայն վաճառքի/գործարքների/բաժանորդագրությունների շրջանառությունը, այլև ընկերության հեղինակությունը:

Քանի որ անձնական հաղորդակցությունը և հաճախորդների գոհունակությունը շատ կարևոր են լավ համբավ զարգացնելու համար: Նման ձևի ստեղծմանը միշտ հատուկ ուշադրություն է դարձվել։ Կաղապարի օգտագործումը, որի վրա դրված է հետադարձ կապ, խիստ սահմանափակում է էջի ֆունկցիոնալությունը, քանի որ տրված ձևըմիշտ ձեռքով տեղավորվում է հիմնական կոդի մեջ՝ SEO-ի բոլոր պահանջներին համապատասխան: Այս ձևի նկատմամբ կա նաև հատուկ մոտեցում՝ այն պետք է տեղադրվի տեսանելի տեղում, լինի ինտուիտիվ և հեշտ օգտագործվող, հաճախորդից չպահանջվի շատ ավելորդ տեղեկատվություն, բավարար է էլ.փոստը և անունը։ Գտնվելու վայրը ազդում է մարդկանց կատեգորիայի վրա, ովքեր սովոր են արագ փնտրել անհրաժեշտ տեղեկատվությունը և օգտագործել այն: Ոմանց համար մի քանի վայրկյան լինելը բավական է էջում՝ գնահատելու համար՝ օգտվելու են դրա ծառայություններից, թե ոչ։ Հետևաբար, գտնվելու վայրը պետք է լինի այնպիսին, որ նույնիսկ այդպիսի օգտվողները ժամանակ ունենան հետաքրքրվելու առաջարկով և հեռանալ կոնտակտներից:

Շատ կարևոր է, որ էջը հեշտ ընկալելի լինի, քանի որ ոչ բոլոր ինտերնետ օգտատերերն են փորձառու այս հարցում։ Փորձառու և ոչ շատ փորձառու լսարանին հասնելու համար անհրաժեշտ է ինտուիտիվ պատկերացում ունենալ վիրահատություն կատարելու համար գործողությունների հաջորդականության մասին։ Եվ ոչ պակաս կարևոր է տեղեկատվության ծավալը։ Սա ազդում է վստահության ենթագիտակցական մակարդակի վրա: Եթե ​​էջը պահանջում է շատ կոնտակտներ՝ և՛ հեռախոսահամար, և՛ էլ, քարտի համարը, հասցեն և այլն։ Դուք կարող եք զգալ, որ այս էջը ստեղծված է խաբեբաների կողմից: Եւ այս սահեցրեք«քթի տակ» ամբողջ կայքի հեղինակությունը: Հետևաբար, դուք պետք է խնդրեք ճշգրիտ այնքան տեղեկատվություն, որքան դա բավարար կլինի հաճախորդի հետ կապ հաստատելու և նրա ցանկությունները պարզաբանելու և գործարքի պայմանները կատարելու համար: Ամբողջությամբ վայրէջքի էջը բարդ ձևով կառուցված պարզ կայք է: Օգտագործողների համար այն պարզ է, բայց ծրագրավորողների համար դժվար է ստեղծել: Այնուամենայնիվ, այս աշխատանքը արժե ջանք թափել:

Landing Page-ի հիմնական տարրերի թվում կան կոնտակտային տեղեկություններով և հետադարձ կապի հարցումով բլոկներ: Այս բլոկները մեծ նշանակություն ունեն։ Նախ, պետք է հասկանալ, որ վայրէջքի էջում ներկայացված տեղեկատվությունը հաճախ բավարար չէ պոտենցիալ սպառողի համար. ոմանք տեղեկատվությունը ավելի լավ են ընկալում կենդանի մարդու խոսքերից, քան տեքստային բովանդակություն կարդալուց: Ուստի այցելուն պետք է բարձրորակ արձագանք տա: Ինչպե՞ս դա անել:

Կոնտակտներով բլոկը պետք է լինի յուրաքանչյուր վայրէջքի էջում: Ոմանք թաքցնում են թվերն ու հասցեները ամենահեռավոր անկյունում, բայց սա սկզբունքորեն սխալ մոտեցում է: Բանն այն է, որ այցելուն պետք է բոլոր էջերում տեսնի հեռախոսահամարներ և հասցեներ, այլ ոչ թե մեկի վրա ինչ-որ տեղ։ Էջ առանց հեռախոսահամարանանձնական տեսք ունի. զգացողություն կա, որ խանութի ադմինիստրացիան միտումնավոր խուսափում է բոլոր տեսակի շփումներից: Ահա կոնտակտների սխալ կազմակերպման տիպիկ օրինակ, երբ նշված է միայն փոստը.

Եվ դա սխալ է, քանի որ այցելուն միշտ պետք է խանութի հետ արագ շփվելու հնարավորություն ունենա։ Դա անելու համար դուք պետք է կոնտակտներ տեղադրեք վայրէջքի էջի ամենատեսանելի մասում՝ նրա վերնագրում, տարբերանշանից ոչ հեռու: Հնարավո՞ր է 8-800 համարը վարձակալել։ Այս դեպքում կարելի է հույս դնել հանդիսատեսի ավելի հավատարիմ վերաբերմունքի վրա, քանի որ շատ սպառողների համար խանութում նման համարի առկայությունը լրացուցիչ վստահություն է առաջացնում։

Ինչպես չդնել հետադարձ կապի ձևերը վայրէջքի էջերում

Լավ պրակտիկա էր վայրէջքի էջերում օգտագործել հետադարձ կապի ձևերը՝ կոչ անելով հետ կանչելու համար թողնել: Մոտեցումը լավն է, բայց պետք չէ ձևերը անհարկի ներխուժել։ Որոշ վայրէջք էջեր դա անում են սարսափելի ուժով՝ ցույց տալով ձևեր այդ փուլում, մինչդեռ այցելուները փորձում են պարզել, թե որտեղ են նրանք ընդհանրապես։ Լավագույնն այն է, որ ձևը հայտնվի ինչ-որ տեղ կողքից/ներքևում, առանց էկրանը զբաղեցնելու և այցելուներին չշեղելու աներես հարցերով: Եթե ​​խանութում չկան անվճար օպերատորներ, ապա այցելուները պետք է ձերբազատվեն նման հարցումներից, քանի որ նրանք կսպասեն գրեթե ակնթարթային պատասխանի (բոլորն օգնության կարիք ունեն հենց այստեղ և հիմա): Հետադարձ կապի ձևաթղթերում կարող եք խնդրել ոչ միայն հեռախոսահամարներ, այլև այլ կոնտակտային տվյալներ:

Բազմաթիվ ծառայությունների վիդջեթները կարող են օգտագործվել լավ մտածված հետադարձ կապ կազմակերպելու համար: Սրանք կարող են լինել հետադարձ կապի ձևեր, վճարովի և անվճար առցանց խորհրդատուներ և շատ ավելին:

Մեկ էջի ընթացքում դուք կարող եք համատեղել հետադարձ կապի կազմակերպման տարբեր գործիքներ, բայց այս դեպքում դրանք չպետք է չափազանց աներես լինեն և չծանրաբեռնեն այցելուի ուշադրությունը. դրա վրա ինչ-որ բան գնելու հնարավորություն:

Բարև ընկերներ: Ձեր ուշադրությանն եմ ուզում ներկայացնել ունիվերսալը սկրիպտ՝ ձևերից էլփոստ ուղարկելու տվյալները. Սցենարը իդեալական է այնպիսի կայքերի համար, ինչպիսիք են Վայրէջքի էջ, այցեքարտերի կայքեր և այլն։ Մեր հետադարձ կապի ձևի սցենարԻնտերնետում առկա այլ սցենարների զանգվածի մեջ առանձնանում է նրանով, որ ունի հնարավորություն անսահմանափակ թվով ձևերի միացումնույն էջում տարբեր դաշտերով և կարողանում է նամակներ ուղարկել բազմաթիվ հասցեատերերի.

Այսպիսով. Եկեք սկսենք. Սկսենք սցենարի հնարավորություններից։

  1. Անսահմանափակ թվով ձևերի միացում մեկ էջի վրա:
  2. Դաշտերի լրացման ճիշտության ստուգում.
  3. Ծանուցման կարգավորումներ:
  4. Յուրաքանչյուր ձևի համար տառեր օգտագործելու ունակություն:
  5. Նամակի տեսակը - (եթե օգտագործվում են html թեգեր)
  6. Ուղարկում անսահմանափակ թվով հասցեներով:
  7. Յուրաքանչյուր ձևի անհատական ​​հարմարեցում:
  8. Սցենարն աշխատում է , առանց էջը վերաբեռնելու:
  9. Սպամ բոտերի պաշտպանություն:

Նախնական կարգավորում:


Սցենարաշխատում է գրադարանի հիման վրա, ուստի առաջին բանը, որ մենք պետք է անենք, այն միացնելն է: Դա անելու համար խորհուրդ եմ տալիս օգտագործել Google Hosted Libraries:

Եկեք ավելի մանրամասն խոսենք այլ ֆայլերի մասին.

հետադարձ կապ.js- հիմնական սցենարի ֆայլը, որը պատասխանատու է AJAX ձևի ներկայացում.
jquery.arcticmodal.js,
jquery arcticmodal.
- ապահովել ձևերը մոդալ պատուհանում ցուցադրելու հնարավորություն:
jquery.jgrowl.js
jquery.jgrowl.css
- թույլ է տալիս ցուցադրել ծանուցումներ էջում (բլոկներ էջի վերին անկյունում):

HTML և պահանջվող ատրիբուտներ:


Ձևի բոլոր տարրերի համար պահանջվող հատկանիշը հատկանիշն է անուն = ""- անհրաժեշտ է ձևի հետագա կազմաձևման համար:
Կոճակի համար (type="button") պետք է նշեք class = "հետադարձ կապ". Ուզում եմ նաև ձեր ուշադրությունը հրավիրել այն փաստի վրա, որ «հետադարձ կապ» դասով ցանկացած html թեգ կարող է գործել որպես կոճակ։

Ձևի կանչում մոդալ պատուհանում

Մոդալ պատուհանում ձև կանչելու համար նախ պետք է սահմանել պիտակի վրա սեղմելու գործողություն, օրինակ՝ դասի հետ div: modal_btn

Քանի որ ձևը պետք է տեսանելի լինի միայն մոդալ պատուհանում, այն պետք է թաքցվի՝ տեղադրելով այն div-ում style="display: none;" հատկանիշով և փաթաթված մի քանի ստանդարտ div-ներով՝ մոդալ պատուհանը ոճավորելու համար:

Այսպիսով, մենք պարզեցինք մեր սկրիպտը էլեկտրոնային փոստին ձևաթղթեր ուղարկելու հիմնական կարգավորումները: Եկեք հիմա նայենք ներսը և զբաղվենք դաշտերի, ծանուցումների և այնտեղ եղած մնացած ամեն ինչի տեղադրմամբ:

Մեկ ձևի պարամետրերի օրինակ

Բոլոր ձևերի կարգավորումները պահվում են ֆայլում հետադարձ կապ\index.php
$form["form-1"] = array("fields" => array("name" => array("title" => "Name", "validate" => array("preg" => "%% ", "minlength" => "3", "maxlength" => "35", "messages" => array("preg" => "[ %1$s ] դաշտը կարող է պարունակել սխալ", "minlength" " => "[ %1$s ] դաշտի նվազագույն երկարությունը փոքր է թույլատրված երկարությունից - %2$s", "maxlength" => "Դաշտի առավելագույն երկարությունը [ %1$s ] ավելի մեծ է, քան թույլատրված երկարությունը - %2$s",)), "tell " => array("title" => "Phone", "validate" => array("preg" => "/^((8|\+) )[\- ]?)?(\(?\d( 3)\)?[\- ]?)?[\d\- ](5,10)$/", "minlength" => "5" ,), "messages" => array("preg" => "[ %1$s ] դաշտը կարող է սխալ պարունակել", "minlength" => "[ %1$s ] դաշտի նվազագույն երկարությունը փոքր է. քան թույլատրված - %2$s",)))), "cfg" => զանգված (" charset" => "utf-8", "subject" => "Subject", "title" => "Title in the էլփոստի մարմինը», «ajax» => true, «validate» => true, «from_email» = >" [էլփոստը պաշտպանված է]", "from_name" => "noreply", "to_email" => " [էլփոստը պաշտպանված է], [էլփոստը պաշտպանված է]", "to_name" => "noreply1, noreply2", "geoip" => true, "referer" => true, "type" => "html", "tpl" => true, "antispam" => "email77" ", "antispamjs" => "address77", "okay" => "Message ուղարկվել է - OK", "fuck" => "Message ուղարկվել է - ERROR", "spam" => "Spambot", "notify" => " color-modal-textbox", "usepresuf" => false)); // Հաջորդ ձևը $form["form-2"] = array("fields" => զանգված (.....
Նոր ձևի կարգավորումներ ավելացնելու համար դուք պետք է ստեղծեք նոր զանգված $form[""] $form["form-1"] զանգվածի օրինակով:

Հիշեք, որ ես խոսեցի պահանջվող հատկանիշի մասին անուն = ""?

Բոլոր ձևի տարրերի համար պարտադիր հատկանիշ է name="" հատկանիշը. այն անհրաժեշտ է ձևի հետագա կազմաձևման համար:
Այսպիսով, ժամանակն է ասել, թե ինչու է նա դեռ պետք:
անուն = ""զանգվածի ալֆանա-թվային բանալի է, պետք է եզակի լինի $form[""] զանգվածի համար:

Պարզության համար html կոդի օրինակ

Հիմա եկեք հասկանանք զանգվածները և ինչի համար են դրանք:

$form["form-1"] = զանգված();
$form["form-2"] = զանգված();և այլն:
Սրանք հիմնական զանգվածներն են յուրաքանչյուր նոր ձևի համար, պարունակում են.

  1. "fields" => զանգված ();- Ձևի տարրերի կարգավորումների զանգված:
    • "name" => զանգված ();- Ձևի տարրերի կարգավորումների զանգված (օրինակ մուտքագրել անուն = "անուն" տեսակ = "տեքստ") որն ունի մի շարք կարգավորումներ:
      • "title" => "Ձեր անունը"- ձևի տարրի անվանումը կցուցադրվի սխալների դեպքում կամ ձևանմուշում
      • "validate" => array();- զանգված, որը պարունակում է ձևի տարրի վավերացման կանոններ
        • "preg" => "%%"- կանոնավոր արտահայտություն
        • «minlength» => «3»- դաշտի նվազագույն չափը
        • "maxlength" => "35"- դաշտի առավելագույն չափը
        • "substr" => "35"- միշտ կրճատել N նիշերի
      • "հաղորդագրություններ" => զանգված();- մի զանգված, որը պարունակում է վավերացման հաղորդագրություններ, մասնավորապես.
        • "preg" => "Ձևի տարրը չի համապատասխանում կանոնավոր արտահայտությանը"
        • "minlength" => "[ %1$s ] դաշտի նվազագույն երկարությունը փոքր է թույլատրված երկարությունից՝ %2$s"- վավերացման սխալ, բանալին (preg) չի համապատասխանում վավերացման բանալիին
        • "maxlength" => "[ %1$s ] դաշտի առավելագույն երկարությունը գերազանցում է թույլատրելի երկարությունը՝ %2$s"- վավերացման սխալ, բանալին (preg) չի համապատասխանում վավերացման բանալիին
  2. "cfg" => զանգված ();- Ձևի պարամետրերի զանգված:
    • "charset" => "utf-8"- կոդավորում
    • "subject" => "Subject",- Նամակի թեմա
    • "title" => "Վերնագիրը էլփոստի տեքստում",- Վերնագիր նամակի մարմնում
    • "ajax" => ճիշտ է,- սա ajax TODO ձև է (եթե անհրաժեշտ չէ, դրեք - կեղծ)
    • "validate" => ճշմարիտ,- (true) եթե մենք ցանկանում ենք ձևի վավերացում սերվերում, փոխարինեք js վավերացումը «ajax» => true-ով: Երբ անջատված է (false), ապա դուք չեք կարող սահմանել վավերացման դաշտի կարգավորումները: ԱՆԵԼ
    • "from_email" => "myemail",- ուղարկող, նշեք դաշտի անունը (name = "myemail"), և եթե օգտվողից էլփոստի կարիք չունեք, ապա անավարտ [էլփոստը պաշտպանված է]
    • "from_name" => "myname",- ուղարկող, նշեք դաշտի անունը (անուն = = "myname"), և եթե ձեզ օգտանուն պետք չէ, ապա առանց պատասխանի կոճակը
    • "to_email" => " [էլփոստը պաշտպանված է]", - ստացողի էլ. Մի քանի հասցեներ ուղարկելու համար դրանք առանձնացրեք ստորակետերով: Օրինակ ("to_email" => " [էլփոստը պաշտպանված է], [էլփոստը պաշտպանված է], [էլփոստը պաշտպանված է]",)
    • "to_name" => "noreply1",- ստացողի անունը. Մի քանի հասցեներով ուղարկելիս նշեք հասցեատերերի անունները՝ բաժանված ստորակետերով: Օրինակ ("to_name" => "noreply1, noreply2, noreply3",)
    • «geop» => ճիշտ է,- պարզեք գտնվելու վայրը ըստ TODO տեսակի
    • "referer" => կեղծ,- ավելացրեք այն էջի URL-ը, որտեղից ներկայացվել է ձևը
    • "type" => "պարզ",- տառի տեսակը՝ պարզ, html (եթե օգտագործվում են html պիտակներ)
    • «tpl» => կեղծ,- օգտագործել նամակի ձևանմուշ: Եթե ​​ճիշտ է, ապա ձևանմուշի ֆայլը կկապվի ձևի անվանման համաձայն (անուն = "ձև-1"), թղթապանակից և ֆայլը (հետադարձ կապ/tpl/form-1.tpl) կմշակվի, հակառակ դեպքում ամեն ինչ: կուղարկվի այնպես, ինչպես կա, յուրաքանչյուր դաշտ նոր տողում
    • "antispam" => "email77",- Anti-spam, մեթոդը հիմնված է թաքնված (ցուցադրել:չկա) դաշտի վրա, որը ավտոմատ կերպով լրացնում է միայն ռոբոտը՝ դրանով իսկ անձնավորելով իրեն:
    • "antispamjs" => "հասցե77",- Anti-spam, մեթոդը հիմնված է թաքնված (ցուցադրել:չկա) դաշտի վրա, ի սկզբանե լրացված, որը ավտոմատ կերպով մաքրում է javascript-ը էջի բեռնման ժամանակ, նույնիսկ խելացի ռոբոտը չի կարող դա կանխատեսել, այնուհետև այն արգելափակվում է:
    • "okay" => "Հաղորդագրություն օգտվողին",- Օգտագործողին ուղղված հաղորդագրություն է ցուցադրվում, եթե ձևը հաջողությամբ ուղարկվի, կարող եք օգտագործել html թեգերը:
    • "fuck" => "Հաղորդագրություն օգտվողին",- Հաղորդագրություն օգտվողին, որը ցուցադրվում է, երբ ձևը ներկայացնելիս սխալ է տեղի ունենում, կարող եք օգտագործել html թեգերը:
    • "spam" => "Հաղորդագրություն օգտվողին",- Հաղորդագրություն օգտվողին, որը ցուցադրվում է, եթե կասկածվում է սպամի ռոբոտի մասին, կարող եք օգտագործել html թեգերը:
    • "notify" => "color-modal",- ինչ տեսակի ծանուցումներ ցուցադրել, տեքստային տուփ - բլոկներ էջի վերևի անկյունում, գույն - գույնի ընդգծում ձևով, մոդալ - մոդալ պատուհան էջի կենտրոնում, ոչ մեկը - անջատել: Դուք կարող եք համատեղել, օրինակ՝ գունավոր-մոդալ - դաշտերը ընդգծված լրացնելու սխալները և TODO մոդալ պատուհանում ուղարկելու տեքստի կարգավիճակը:
    • «usepresuf» => կեղծ- Անկախ նրանից, թե նամակի թեմային կամ վերնագրում օգտագործված է հատուկ հավելում, փոքր փոփոխության դեպքում կարող եք նշել, օրինակ, %%cfg.title.suffix%%, դրա համար պետք է լինի թաքնված դաշտ: ձևով, ավելի մանրամասն տե՛ս presuf() ֆունկցիան

Էլփոստի ձևանմուշների կարգավորում

Այսպիսով. Այժմ անդրադառնանք մեր հաղորդագրությունների թեմատիկային:
Նախ, որպեսզի ձևը կաղապարով ուղարկվի, դուք պետք է միացնեք ձևանմուշի ֆայլի օգտագործումը ձևի կարգավորումներում. «tpl» => ճշմարիտ,
Երկրորդ, դուք պետք է թղթապանակում ստեղծեք կաղապարի ֆայլ *.tpl ընդլայնմամբ ( հետադարձ կապ/tpl/), ըստ ձևի անվանման ( անուն = "ձև-1").

Օրինակ: ( հետադարձ կապ/tpl/form-1.tpl)

Վերնագիր նամակի մարմնում
%%name.title%% %%name.value%%
%%tell.title%% %%tell.value%%

Անուն, պատմելև այլն: - Սրանք այն դաշտերի ատրիբուտներն են (name=""), որոնք օգտատերը լրացնում է:
կոչում- Ձևի տարրի անվանումը, որը դրված է ձևի տարրի կարգավորումների զանգվածում:
արժեքը- Ձևի տարրի արժեքը.

Առայժմ այսքանը, բայց սցենարը, իհարկե, կատարյալ չէ, ուստի մեկնաբանությունները և սխալների նկարագրությունները ողջունելի են և կուղղվեն հետագա տարբերակներում:

P.S. Սցենարը մշակվել է թիմի կողմից