Ֆլեկտոր 5

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

1 Բացեք արխիվի փաթեթավորումը:

2 Պատճենեք թղթապանակը contact-form-7 v / wp-content / plugins /.

3 Մենք գնում ենք բլոգի կառավարման վահանակի վրա ՝ « Պլագիններ"և ակտիվացրեք plugin- ը:

Երբ միացված է, հավելումը բլոգի ադմինիստրատորի տարածքում ստեղծում է առանձին մենյու, որը կոչվում է "", ինչպես նաև ստեղծում է կանխադրված կոնտակտային ձև, որը կարող եք տեսնել " Կոնտակտային ձև 7 \ Ձևեր":

Եթե ​​դուք օգտագործում եք առաջարկվող «ներդրման կոդը», ապա բլոգի ձևը կլինի այսպիսին.

Իհարկե, տեսքըայս կոնտակտային ձևը կախված կլինի ձեր ձևանմուշում օգտագործվող ոճերից, բայց ընդհանուր առմամբ այն այսպիսին կլինի:

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

Այնուամենայնիվ, հավելումը ունի մի շարք հնարավորություններ ՝ ցանկացած բարդության առաջադեմ կոնտակտային ձևեր ստեղծելու համար: Բայց եկեք սկսենք պարզ ՝ ստեղծելով ձեր սեփական ձևը, որը միայն մի փոքր կտարբերվի plugin- ում տեղադրված կանխադրված ձևից: Կտտացրեք «Ավելացնել նոր» հղմանը ՝

Սա կբացվի մեկնարկային էջձև ավելացնելով.

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

Վերնագիրը նշանակություն չունի, պարզապես այնպես, որ դուք չշփոթվեք ձեր սեփական ձևերի մեջ: Սահմանեք ձեր ձևի անունը, կտտացրեք « Պահել», և արդյունքում ստացավ« ներդնել կոդը ».

Այժմ կարող եք առաջարկվող ծածկագիրը տեղադրել ձեր ցանկացած գրառման կամ էջի մեջ («Տեքստ» ռեժիմում, իհարկե) ՝ դրանում կոնտակտային ձև ցուցադրելու համար: Այնուամենայնիվ, այն որևէ կերպ չի տարբերվի կանխադրված ձևից, այնպես որ մենք կշարունակենք աշխատել ձևերի ձևավորողի հետ: Դիզայներական էջի աջ կողմում կա կոճակ » Ստեղծել պիտակ", կտտացնելով այն ՝ կտա.

Եկեք ընտրենք, օրինակ, հեռախոսահամար: Նման պատուհան կբացվի.

Փաստորեն, այստեղ դուք ընդհանրապես ոչինչ չեք կարող փոխել: Չափերը, դասերը և այլն երկրորդական ընտրանքներ են, և շատ դեպքերում դրանք խմբագրելու կարիք չկա: Այնուամենայնիվ, "" տարբերակը կարող է օգտակար լինել որպես հուշում այցելուներին, թե ինչպես լրացնել այս դաշտը:

Օրինակ, մենք սահմանում ենք հետևյալ արժեքները.

Կոնտակտային ձևը ցուցադրելիս դաշտը կունենա հետևյալ տեսքը.

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

Անհրաժեշտ է կպցնել ձևի ձևավորողի էջի ձախ կողմում, որտեղ գտնվում է կոնտակտային ձևի ծածկագիրը.

Դուք պետք է ձեռքով ստեղծեք ձևի ծածկագիր, այսինքն ՝ ինքներդ դասավորեք վերնագրերը, պարբերությունների պիտակները և տողերը, դուք պետք է ստանաք հետևյալը.

Պահեք ձևի ծածկագիրը և ավարտեք հետևյալ կոնտակտային ձևը.

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

1 Տեքստային դաշտ:

Պարզ տեքստային տուփ, կարող է օգտագործվել անվան, թեմայի և այլնի համար:

2 Էլ.

Օգտագործվում է միայն մուտքագրման համար էլեկտրոնային փոստի հասցեներ.

3 URL

4 Հեռախոսահամար.

Օգտագործվում է միայն հեռախոսահամար մուտքագրելու համար (թվեր և գծիկներ):

5 Համար (spinbox):

Օգտագործվում է միայն համար մուտքագրելու համար (կարող է օգտագործվել տարիքը, պատվիրված իրերի քանակը և այլն նշելու համար):

6 Թիվ (սահող):

Այն սխալ է աշխատում: Այս թվային սահնակը ցուցադրելու համար օգտագործվում է HTML5, և դա, առաջին հերթին, նշանակում է, որ նման բրաուզերը տարբեր բրաուզերներում այլ տեսք ունի, և երկրորդ, այն դեռ իրականում չի աշխատում: Պլագինների աջակցության ֆորումներում ես տեսա լուծումներ, որոնք շտկում են այս պիտակի աշխատանքը, բայց դրանք ինձ չօգնեցին. Ես չկարողացա հասնել նրան, որ այս սահիկը ցուցադրի որևէ թիվ: Խորհուրդ եմ տալիս չօգտագործել այս պիտակը:

7 Ամսաթիվ.

Օգտագործվում է միայն ամսաթվերի մուտքագրման համար:

8 Տեքստային դաշտ:

Ռուսերեն թարգմանության մեջ այս պիտակը կոչվում է նաև «Տեքստային դաշտ», սակայն HTML տերմինաբանությամբ դա տեքստային տարածք է, որը, ըստ էության, նշանակում է միայն ընդլայնված տեքստային դաշտ: Օգտագործվում է հաղորդագրության տեքստը մուտքագրելու համար:

9 Բացվող ընտրացանկ:

Օգտագործվում է բացվող ընտրացանկից նյութ (կամ մի քանի ապրանք) ընտրելու համար: Այն կարող է օգտագործվել ամեն ինչի համար `պատվիրված ապրանքի գույնի մասին հարցնելուց մինչև անձի սեռը ընտրելը:

10 Նշման տուփեր:

Օգտագործվում է առաջարկվող տարբերակներից մեկ կամ մի քանի նյութ ընտրելու համար:

11 Ռադիո կոճակներ:

Օգտագործվում է առաջարկվող տարբերակներից միայն մեկ տարր ընտրելու համար:

12 Ընդունում

Օգտագործվում է պայմաններին համաձայնեցնելու համար:

13 Հարց.

Օգտագործվում է նշված հարցերին պատասխանելու համար (հարցն ընտրվում է պատահականորեն նշված տարբերակներից): Հիմնականում այս պիտակը օգտագործվում է որպես պաշտպանություն սպամից: Եվ եթե սպամ բոտերը կարող են հեշտությամբ պատասխանել թվային հարցին, ապա այնպիսի հարցեր, ինչպիսին է «ո՞ր մոլորակի վրա ենք ապրում»: նրանք չեն կարողանում պատասխանել:

14 CAPTCHA.

Օգտագործվում է լիարժեք captcha ցուցադրելու համար: Այս պիտակն օգտագործելու համար հարկավոր է տեղադրել «Իսկապես պարզ CAPTCHA» հավելումը: Captcha- ն բավականին ընթեռնելի է, և, հետևաբար, հեշտությամբ ներթափանցվում է Hrumer- ի նման առաջադեմ սպամ բոտերի միջոցով:

15 Ֆայլի վերբեռնում:

Օգտագործվում է ֆայլ ուղարկելու համար: Կարող եք նշել վավեր ֆայլերի առավելագույն չափը և ձևաչափերը:

16 Ներկայացնելու կոճակ:

Օգտագործվում է կոնտակտային ձևի տվյալները ներկայացնելու համար: Սա պարտադիր պիտակ է:

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

Այսպիսով, ուղարկված նամակի ձևանմուշում անհրաժեշտ է տեղադրել հետևյալ ծածկագիրը.

Իմաստը, կարծում եմ, պարզ է: Կոնտակտային ձևի ծածկագրում , իսկ նամակում `միայն այս դաշտի անվանումը ... Հավելվածը ստեղծում է թվային պիտակների անուններ, ինչպիսիք են , բայց ոչ ոք չի խանգարում ձեզ օգտագործել ձեր անունները: Իսկ էլփոստի ձևանմուշի մնացած պիտակների մասին `դրանք նույնպես ձևավորվում են նույն սկզբունքով` փոխարենը օգտագործվում է եւ այլն

Տեքստերը, որոնք տալիս է կոնտակտային ձևը, կարող են ուղղվել նաև ձևի ձևավորողում ՝ «Հաղորդագրություններ» բաժնում.

Plugin Հաճախակի տրվող հարցեր.

1 Դիտման սխալ " «, ինչպե՞ս շտկել:

Սա նշանակում է, որ կամ նշված ձևը ջնջվել է, կամ ձևի անվանումը սխալ է նշված (զանգի ծածկագրի վերնագիրը կարևոր է ձևը կանչելու համար):

2 Նամակում ես տեսնում եմ նման պիտակներ տեքստի փոխարեն, ինչպե՞ս շտկել այն:

Սա նշանակում է, որ այցելուը չի լրացրել այս դաշտը: Այս դեպքում պիտակը չի փոխարինվում, այլ ցուցադրվում է այնպես, ինչպես կա:

3 Կա՞ն սահմանափակումներ պիտակի համար անուն ընտրելու հարցում:

Կա. Եթե ​​օղակը WordPressօգտագործվում է «անուն» անունը, այնուհետև չեք կարող այն օգտագործել որպես պիտակի անուն: Լավագույն ձեւովխնդիրներից խուսափելը անունների նախածանցներ ավելացնելն է, ինչպես «քո» բառը: Պիտակի անվան հետ հաստատ որևէ խնդիր չի առաջանա:

4 Կարո՞ղ է այցելուին էլեկտրոնային փոստով տեղեկացնել, որ իրենց ձևը ստացվել է:

Կարող Ձևի կոնստրուկտորում օգտագործեք «Ուղղություն 2» տարբերակը.

Այս տարբերակը կարող է օգտագործվել որպես պատասխանող մեքենա:

5 Կարո՞ղ է լրացված ձևը ուղարկվել բազմաթիվ հասցեների:

Կարող Օգտագործեք «» «Դիրք» տարբերակի դաշտը.

Որտեղ [էլփոստը պաշտպանված է]Ձեր լրացուցիչ էլ. փոստը, որին կուղարկվի այցելուի կողմից լրացված ձևի պատճենը («cc» հրամանը կույր պատճեն է ուղարկում):

6 Հնարավո՞ր է ձևը ցուցադրել ոչ գրառման կամ էջի վրա:

Այո Տեղադրեք ձևը տեքստային վիջեթում կանչելու համար:

7 Հնարավո՞ր է ձևը ուղղակիորեն մատուցել ձևանմուշի ֆայլերում:

Այո Օգտագործեք այնպիսի կոդ, ինչպիսին է ՝

"" ) ; ?>

8 Ձևը չի ուղարկվում, կարմիր շրջանակում սխալ է ցուցադրվում, ինչպես շտկել այն:

Կապվեք ձեր հոստինգի մատակարարի հետ, հնարավոր է, որ PHP- ն թույլ չտա փոստ () գործառույթի կանչը:

9 Ձևը ներկայացնելիս ես ստանում եմ սխալ նարնջագույն շրջանակում, ինչպես կարող եմ այն ​​շտկել:

Նարնջագույն շրջանակը նշում է սպամ: Քեշավորման հավելումները կարող են առաջացնել հակահայկական սպամի պաշտպանության կեղծ պոզիտիվներ: Կարգավորեք ձեր քեշի հավելումը ՝ քեշի ֆայլերը պարբերաբար մաքրելու համար (24 ժամը բավարար է):

10 Էլփոստի դաշտը տեսքով տարբերվում է այլ դաշտերից, ինչպես կարող եմ այն ​​շտկել:

Հավելվածը օգտագործում է HTML5 կոդը ՝ էլ. Հասցե մուտքագրելու համար ( փոխարեն ), և նման ծածկագիրը հաճախ ձևաչափված չէ հին ձևանմուշներում: Դուք պետք է փոփոխություններ կատարեք styles.cssձեր ձևանմուշը `մուտքագրման ընտրիչի համար անհրաժեշտ ծածկագիր ավելացնելով այնտեղ:

11 Ինչպե՞ս օգտատիրոջ կողմից կցված ֆայլը տեղադրել էլ.

Դա անելու համար օգտագործեք «Կից ֆայլեր.» Հատուկ դաշտը:

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

Բայց հիշեք, որ սա կոնտակտային ձևի հավելում է, այլ ոչ թե պարզ ձևի հավելում: Չնայած իր բոլոր հնարավորություններին, այն թույլ չի տա ստեղծել ցանկացած պայմանի հիման վրա առաջադեմ ձև: Դրա հիմնական նպատակը կոնտակտային ձևերի ստեղծումն է և ոչ ավելին: Ստեղծագործելու համար դինամիկ ձևեր, տեղադրման ձևեր և այլն, օգտագործում են Ninja ձևերի նման հավելումներ, դրանք ավելի հարմար են դրա համար:

Եթե ​​դեռ ունեք հարցեր plugin- ի կազմաձևման վերաբերյալ - հարցրեք մեկնաբանություններում, ես անպայման կփորձեմ օգնել ձեզ:

Պլագինի հեղինակ ՝ Տակայուկի Միյոշի
Քննարկվող տարբերակը. 3.9.1 07/31/2014 թվականից
Ընթացիկ տարբերակը: 5.1.4 04.08.2019 թ
Համատեղելի է WordPress տարբերակի հետ. 4.9 և ավելի բարձր
Պլագինի ակտիվ տեղադրումներ. 5 000 000+
Ներբեռնեք plugin տարբերակը 5.1.4(ընդհանուր ներբեռնված 121 112 956 մեկ անգամ)

Ձեզ դուր եկավ գրառումը: Բաժանորդագրվեք ծրագրակազմի թարմացումներին կամ

Կայքում ավելացնում է գաղտնիության քաղաքականության էջ: Նաև, Կոնտակտային ձև 7 -ի համաձայն, ավելացնում է անձնական տվյալների մշակման համաձայնությունը: Հավելվածը նախատեսված է միայն ռուսալեզու կայքերի համար: Մտնելիս օգտվողներին ցուցադրվում է կայքի կողմից cookie- ների օգտագործման մասին ծանուցում: Հարմար է 152FZ- ի համար:
Պլագինի վերաբերյալ հարցերի համար գրեք այս փոստին. [էլփոստը պաշտպանված է]Մենք խորհուրդներ չենք տալիս մեր կայքում առցանց խորհրդատուի միջոցով:

Տեղադրում

1. Տեղադրեք plugin- ը:
2. Լրացրեք անհրաժեշտ ընկերության տվյալները:

Ներդրողներ և մշակողներ

«Կայքի գաղտնիության քաղաքականություն. Համաձայնություն կոնտակտային ձև 7-ում »բաց կոդով նախագիծ է: Հետևյալ ներդրողները նպաստել են plugin- ի զարգացմանը.

Փոխել տեղեկամատյանը

1.28 WP 5.0 -ի հետ համատեղելիության ստուգում: Ավելացվել է ՝ վերնագիրը թաքցնելով քաղաքականության տեքստից
1.27 Կայքը մտնելիս ներքևից բարձրացող ափսեի համար cookie- ի առկայության ստուգումը թարգմանվում է js
1.26 Ավելացվել է rel = nofollow plugin հղումներ
1.25 Ավելացված է համաձայնագրի տեքստը ներքևում ստանդարտ ձևմեկնաբանելով
1.24 Հաստատված սխալ Java Java- ում
1.22 Ադմինիստրատորի վրայի փոքր սխալների շտկում և կոճակի անվան տեքստի ցուցադրում 7 -րդ կոնտակտային ձևի ներքո էջում
1.21 Կոնտեյներների դասը, որով կազմված է քաղաքականության տեքստը, փոխարինվել է container-ppcf7- ով
1.2 Պիտակ ավելացվեց

p> ձևերի տակ
1.1 Ավելացված տարբերակ ՝ գաղտնիության քաղաքականության հղումը տողատակում ցուցադրելու / թաքցնելու համար
1.01 cookie հաղորդագրության մեջ հանվել է լրացուցիչ p պիտակը
1.0 Առաջին տարբերակը շտեմարանում

FormGet- ը պարզ WordPress հավելում է, որն աշխատում է այնպես, ինչպես քաշել և drop, որը թույլ է տալիս ստեղծել ձեր կայքի համար տարբեր կոնտակտային ձևեր: Պարզապես պետք է սեղմել այն դաշտերը, որոնք ցանկանում եք ավելացնել ձևին և ձեր ձևին հետադարձ կապպատրաստ կլինի մի քանի վայրկյանում:

Ձևեր, որոնք կարող են կատարվել այս plugin- ի միջոցով

Կոնտակտային ձև, Աջակցության ձև, Ամրագրման ձևեր, Խորհրդատվական ծառայություններ, Կոնտակտային ձև, Փոստային ցուցակ, Հարցաթերթիկներ, Աշխատանքի հայտի ձև, Գրանցման ձևի հրաշագործ, Պատվերի ձևերի ստեղծող և ավելին, բոլորը կարող են կատարվել այս հիանալի հավելումում:

FormGet Կոնտակտային ձևը շատ է արդյունավետ գործիքորը թույլ կտա մի քանիսի մեջ ստեղծել և տեղադրել ձեր կայքում կոնտակտային ձև պարզ քայլեր... Ընտրեք ձևի դաշտեր, հարմարեցրեք ընտրանքները և հեշտությամբ տեղադրեք ձեր կայքում կոնտակտային ձև ՝ պարզապես ծածկագիրը տեղադրելով վիջեթում կամ օգտագործելով հատուկ կարճ կոդ: Ձեզ անհրաժեշտ չէ ծրագրավորման որևէ գիտելիք `ցանկալի ձևը կազմելու համար. Սա լրացուցիչ հավելում է նման ընդարձակումների ընտրության հարցում:

Եթե ​​կայքում միանգամից մի քանի կոնտակտային ձևեր են տեղադրվում, ապա դրանց վերաբերյալ բոլոր տվյալները կարելի է հետևել մեկ տեղում `վահանակի վրա: Այս plugin- ի առավել զգալի առավելությունն այն է, որ դրա ստեղծած ձևերը հարմարվողական են, ինչը թույլ է տալիս ճիշտ ցուցադրել պահանջվող տվյալները ցանկացած սարքի վրա ՝ առանց լրացուցիչ ոճեր և դասեր գրելու:

Պլագինի կողմից աջակցվող դաշտերի ցանկ.

Անուն, հասցե, կոնտակտային հեռախոսահամար, հաղորդագրություն, վճարում (ինտեգրում PayPal- ի հետ), ամսաթիվ (աջակցություն dd-mm-yy կամ dd / mm / yy կամ yy-mm-dd ձևաչափին), տեքստի տող, բազմաշերտ տեքստ, բազմակի ընտրություն, հավելվածներ, նշման տուփ, ընտրություն (ընտրությունը առաջարկվող ցուցակից), ռադիո կոճակներ, ներբեռնման ֆայլեր և Captcha:

Տեղադրումը նորմալ է `կայքի կառավարման վահանակի միջոցով WordPress- ում:

Կոնտակտային ձևի ստեղծում և ստեղծում

Տեղադրումից և ակտիվացումից հետո դուք կտեսնեք ողջույնի հատուկ ձև.

Կտտացրեք «Կտտացրեք ստեղծելու համար» կոճակին և անցեք կարգավորումներ և ստեղծեք հետադարձ կապի ձև: Բոլոր պարամետրերը բաժանված են 4 ներդիրի.

1. Կոնտակտային ձևերի ստեղծող
2. Ներդրված համակարգ
3. Ընդարձակումներ

Սկզբում բացվում է առաջին ներդիրը, որտեղ կարող եք ստեղծել ձեր առաջին հետադարձ ձևը `օգտագործելով կոնստրուկտորը:

Եկեք ավելի սերտ նայենք.

Լրացուցիչի ստեղծումը և օգտագործումը ինտուիտիվ է, այնպես որ տեղադրեք և օգտագործեք այն հաճույքով:

Շատ կայքեր ստեղծում են հետադարձ կապի ձևեր, որպեսզի օգտվողները կարողանան հաղորդագրություն թողնել ադմինիստրատորին ՝ առանց կայքից դուրս գալու: Ամենահայտնի, բարձրորակ և հարմար տեղադրման և օգտագործման համար plugin- ն է Կոնտակտային ձև 7- նրա օգնությամբ կարող եք ստեղծել ցանկացած կոնտակտային ձև և ավելին: Քանի որ plugin- ն ունի մեծ թվովտարբեր ձևեր և դաշտեր, այն կարող է օգտագործվել բազմաթիվ առաջադրանքների համար: Օրինակ, ես այն օգտագործեցի ՝ գործատուի և աշխատանք փնտրողի պրոֆիլը հավաքագրման վայրում ստեղծելու համար, ապրանքների պատվերի ձև ստեղծելու համար միայն մեկ ապրանքային գիծ վաճառող կայքում, ես այս հավելումը օգտագործեցի շինարարության համար բարդ և ծավալուն հաշվարկման ձև ստեղծելու համար: , հետադարձ կապի տարբեր ձևերի և այլ ձևերի համար: Բայց սա ոչ թե սրա մասին է, այլ այն, թե ինչպես կարելի է անել, որ կոնտակտային ձևը հայտնվի բացվող պատուհանում, որպեսզի կարողանաք յուրաքանչյուր էջում ստեղծել կոնտակտային ձև զանգելու կոճակ, և ոչ միայն «Կոնտակտներ» էջում:

Ամեն ինչ իրականում դժվար չէ, բայց ձեզ հարկավոր կլինի մեկ այլ հավելում FancyBox էֆեկտով, անձամբ ինձ դուր են գալիս այս երկու կոնտակտները ՝ Easy FancyBox կամ FancyBox for WordPress, կան տարբեր նմանատիպ հավելումներ, բայց այս երկուսից մեկը հիանալի է աշխատում և նաև թույլ է տալիս բացել պատկերներ բացվող պատուհանում:

Ընդհանուր առմամբ, տեղադրված է երկու հավելում. Կոնտակտային ձև 7եւ Հեշտ FancyBox, կոնտակտային ձևը ստեղծվում է, մնում է ծածկագիրը ավելացնել կաղապարին:

Կոդը տեղադրված է կայքի ձևանմուշում .php ֆայլերում:

Կաղապարի ֆայլի կոդի մեջ տեղադրված բացվող կոնտակտային ձևի կոդը.

Questանգահարեք

Եթե ​​ձևը ուղղակիորեն կանչելու համար տեքստը ռեժիմում տեքստը խմբագրելու համար տեղադրեք տեսողական խմբագրիչ, ապա ծածկագիրը կունենա այս տեսքը.

Նշված է բացվող կոնտակտային ձևի կոդը տեսողական խմբագիրգրառումներ (տեքստային ռեժիմում) կայքի կառավարման վահանակում.

Questանգահարեք

Իմ օրինակում ես ունեմ «Պահանջել հետադարձ զանգի» ձևի ծածկագիր. Ձևում կա ընդամենը երկու դաշտ `անուն և հեռախոսահամար, որպեսզի կայքի ադմինիստրատորը հետ կանչի հաճախորդին:

Դիտարկենք այս ծածկագիրը:

Սա ձևով պատուհան կանչելու կոճակի կոդն է: Այս կոճակի համար կարող եք սահմանել ցանկացած ոճ և տեղադրել այն կաղապարի ցանկացած վայրում.

Questանգահարեք

Սա ինքնին թռուցիկի ծածկագիրն է, այն կարող եք թողնել պատուհանը զանգելու կոճակի տակ, կամ կարող եք այն թաքցնել տողատակում, որպեսզի բովանդակության կոդն ավելի մաքուր լինի.

Այս ծածկագրում ձևն ինքնին կոչվում է այսպիսի գործառույթով.

Այնտեղ, որտեղ գրված է. Ցուցադրեք Կոնտակտային ձևի կարճ ծածկագիրը, այն ստեղծվելիս նշվում է հենց կոնտակտային ձևում.

Մեկ էջում մի քանի ձև զանգելու համար անհրաժեշտ է օգտագործել տարբեր id ՝ ձևը զանգահարելու համար:

Թռուցիկ պատուհանում հետադարձ կապի երկու ձև զանգելու օրինակ.

Callանգի ձև 1

Ingանգի ձև 2

Վ այս գործըբազմաթիվ ձևեր կանչելու համար ուշադրություն դարձրեք ծածկագրի այս հատվածներին.

... և երկրորդ ձևի համար. ... և այլն

Հետադարձ կապի համար կարճ կոդ ցուցադրելու փոխարեն կարող եք ցուցադրել ցանկացած բովանդակություն, օրինակ ՝ տեքստով կամ նկարներով բլոկներ կամ Feedburner բաժանորդագրության ձև, օրինակ ՝ այսպես է կայքերից մեկում ցուցադրվում feedburner բաժանորդագրության ձևը

ԲԱUBԱՆՈՐԴԱԳՐՎԵԼ

Դուք կարող եք օգտագործել այս կոդը ձեր բաժանորդագրության ձևի համար ՝ փոխելով միայն http://feedburner.google.com/fb/a/mailverify?uri=inoutdigest/feed հոսքի հասցեն ձեր սեփականը:

Կարևոր կետ!Որպեսզի ձևը ունենա գեղեցիկ տեսք, դրա համար պետք է սահմանեք ձեր սեփական ցուցադրման ոճերը: Լավագույնն այն է, որ ձեր ձևը CF7- ում ստեղծելիս փաթեթավորեք div- ով:

Ինչպես անել, որ հետադարձ կապի ձևով (fancybox) պատուհանը փակվի հաջող ներկայացումից հետո

Ավելացրեք այս ծածկագիրը, եթե օգտագործում եք հավելում fancybox- ով, ինչպիսին է Easy Fancybox- ը:

Եթե ​​ձևը գտնվում է հենց էջում, ապա այնտեղ ամեն ինչ պարզ է. Կան սխալի հաղորդագրություններ և հաղորդագրություն ձևի ներքևում հաղորդագրության հաջող ուղարկումից հետո:

Եկեք դիտարկենք, թե իրադարձությունների ինչ հետաքրքիր տարբերակներ կարող են լինել CF7 ձևը թռուցիկ պատուհանում, այսինքն ՝ թռուցիկ պատուհանում ներկայացնելուց հետո: Ինչպես պատրաստել նման ձև, ես նկարագրեցի հոդվածում Ինչպես կատարել հետադարձ ձև WordPress- ի համար բացվող պատուհանում:

Ավելացրեք կոդը ձեր ձևի Լրացուցիչ կարգավորումների բլոկին:

Հաղորդագրությունը հաջողությամբ ուղարկելուց հետո

Մենք ցուցադրում ենք «Շնորհակալություն հայտի համար» ահազանգը ՝ պարզունակ և տգեղ:

On_sent_ok: "alert (" Շնորհակալություն հայտի համար ");"

Վերահղում դեպի շնորհակալության էջ

On_sent_ok: "location =" http: //site.tu/thankyou/ ";"

Պարզապես թռուցիկը փակելը լավագույն տարբերակը չէ, օգտվողը կարող է չհասկանալ, եթե ամեն ինչ լավ է անցել

On_sent_ok: $ .fancybox.close ();

Հաջող հաղորդագրություն ուղարկելուց հետո մենք ցուցադրում ենք «Շնորհակալություն պատվերի համար» պատուհանը

Մենք ցուցադրում ենք «Շնորհակալություն պատվիրելու համար» պատուհանը, մինչդեռ պատուհանը ինքնին բլոկում է ՝ id = "popup_msg", արտաքին տեսքն ու ոճերը պետք է նախագծված լինեն ըստ ձեր դիզայնի, որպեսզի ամեն ինչ գեղեցիկ լինի + կոճակը «Փակել» շնորհակալության պատուհանը:

Մենք այս կոդը ավելացնում ենք ձեր CF7 ձևի Լրացուցիչ կարգավորումների բլոկին.

On_sent_ok: "$ .fancybox ((href:" #popup_msg "));"

Պատուհանը ինքնին այսպիսի տեսք ունի.

Շնորհակալություն

Փակեք պատուհան

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

Իսկ «Փակ պատուհանը» կոճակի համար սցենարի ֆայլին ավելացրեք հետևյալ ծածկագիրը.

$ (". popup-close-btn"). վրա ("սեղմել", գործառույթը () ($ .fancybox.close ();));

Ինչպես ներբեռնել pdf ֆայլը ձևը լրացնելուց հետո ՝ օգտագործելով Կոնտակտային ձև 7 հավելումը

Նույն էջում անմիջապես բացեք pdf- ն

On_sent_ok: "location =" http://site.ua/wp-content/uploads/2016/08/catalog.pdf ";"

Բացեք pdf նոր էջում

On_sent_ok: "window.open (" http://site.ua/wp-content/uploads/2016/08/catalog.pdf "," _blank ");"

Օգտագործման մեթոդ ուղարկված էմանգաղն այլևս խորհուրդ չի տրվում: Այս գործառույթը չեղյալ կհայտարարվի մինչև 2017 թվականի ավարտը:

Այժմ, ձևի հաջող ներկայացումից հետո այլ էջ վերահղվելու համար անհրաժեշտ է օգտագործել wpcf7mailsent իրադարձությունը

Օրինակ, id = "sentMessage" մոդալային պատուհանը բացելու այս տարբերակը.

Document.addEventListener ("wpcf7mailsent", գործառույթ (իրադարձություն) ($ ("# sentMessage"). Մոդալ ();), կեղծ);

Եթե ​​ունեք մի քանի ձև, ապա յուրաքանչյուր ID- ի համար կարող եք ստեղծել ձեր սեփական իրադարձությունները.

Document.addEventListener ("wpcf7mailsent", գործառույթ (իրադարձություն) (var id = event.detail.contactFormId; if (id == 4 || id == 44 || id == 45) ($ .magnificPopup.open ((տարրեր ՝ (src: "#popup_msg"), մուտքագրել ՝ «inline»), 0);)), կեղծ);

id- ը ձևի թիվն է
$ .magnificPopup.open - Այս օրինակում օգտագործվում է Magnific Popup

Մենք հատուկ ձևի համար միջոցառում ենք ստեղծում հաղորդագրություն ուղարկելուց հետո (մենք օգտագործում ենք սովորական Easy Fancybox- ը)

Շատերը դժվարություններ ունեն այս պահի հետ, ուստի որոշեցի այն ներառել հոդվածում:

Այս սցենարը կցուցադրի id = "popup_msg" պատուհանը ձևերից մեկի հաջող ներկայացումից հետո (id == 17754 կամ id == 17758 կամ id == 17757).

Document.addEventListener ("wpcf7mailsent", գործառույթ (իրադարձություն) (var id = event.detail.contactFormId; if (id == 17754 || id == 17758 || id == 17757) ($ .fancybox ((href: " #popup_msg "));)), կեղծ);

Կոդի պարզ վերլուծություն

id == 17754 || id == 17758 || id == 17757 - պատուհանը կցուցադրվի միայն այս ձևերի համար (կամ / կամ):

Հաջող ներկայացման մասին հաղորդագրությամբ պատուհան (կարող եք այն ավելացնել ծածկագրին կամ ավելի լավ ՝ տողատակի վիջեթին, օրինակ, եթե չեք ցանկանում փոխել ձևանմուշը, կամ ևս 100 տարբերակ):

Շնորհակալություն

Մեր մենեջերը շուտով կկապվի ձեզ հետ:

Փակեք պատուհան

Եթե ​​սցենարը ավելացնեք ոչ թե սցենարի ֆայլին, այլ ստորագիր էջին կամ js-code խմբագրիչին, ապա փաթեթավորեք այն այս ծածկագրով.

JQuery (փաստաթուղթ). Արդեն (գործառույթը ($) (// ծածկագիրը ...));