ფლექტორი 5

ეს არის დანამატი საკონტაქტო ფორმების შესაქმნელად. ის უკიდურესად პოპულარულია (მეორე დანამატების შემდეგ და ჩამოტვირთვების მხრივ) მომხმარებლებში, რადგან წარმატებით აერთიანებს გამოყენების სიმარტივეს და ძლიერ ვარიანტებს საკონტაქტო ფორმების მორგებისა და დიზაინისთვის. ვეცდები მაქსიმალურად დეტალურად განვიხილო მოდულის ყველა მახასიათებელი.

1 ამოალაგეთ არქივი.

2 დააკოპირეთ საქაღალდე საკონტაქტო ფორმა-7ვ / wp-content / დანამატები /.

3 ჩვენ მივდივართ ბლოგის ადმინისტრაციულ პანელზე " მოდულები"და გაააქტიურეთ მოდული.

როდესაც გააქტიურებულია, მოდული ქმნის ცალკე მენიუს ბლოგის ადმინისტრაციულ ზონაში სახელწოდებით "" და ასევე ქმნის ნაგულისხმევი საკონტაქტო ფორმას, რომელიც შეგიძლიათ ნახოთ " საკონტაქტო ფორმა 7 \ ფორმები":

თუ იყენებთ შემოთავაზებულ „ჩაშენების კოდს“, მაშინ ბლოგში ფორმა იქნება ასეთი:

Რა თქმა უნდა, გარეგნობაეს საკონტაქტო ფორმა დამოკიდებული იქნება თქვენს შაბლონში გამოყენებულ სტილებზე, მაგრამ ზოგადად ის ასე გამოიყურება.

გამომავალი ეს უმარტივესი ფორმათქვენ მხოლოდ რამდენიმე წუთი გჭირდებათ. და ეს არის კონტაქტის ფორმის დამატების სიმარტივის გამო, რომ ბევრ მომხმარებელს უყვარს ეს მოდული.

ამასთან, მოდულს აქვს უამრავი შესაძლებლობა ნებისმიერი სირთულის მოწინავე საკონტაქტო ფორმების შესაქმნელად. მაგრამ დავიწყოთ მარტივი, საკუთარი ფორმის შექმნით, რომელიც მხოლოდ ოდნავ განსხვავდება დანამატში ჩაშენებული ნაგულისხმევი ფორმისგან. დააჭირეთ ბმულს "დაამატე ახალი":

ეს გაიხსნება საწყისი გვერდიფორმის დამატება:

მოდული ავტომატურად ამოიცნობს ბლოგში გამოყენებულ ადგილს, ამიტომ არ არის საჭირო ენის არჩევა, უბრალოდ დააჭირეთ ღილაკს "". ეს გამოვა ფორმის დიზაინერის გვერდი. პირველი რაც აქ უნდა გააკეთოთ არის სახელის ფორმის სახელის გადარქმევა:

სათაურს არ აქვს მნიშვნელობა, მხოლოდ იმიტომ, რომ არ დაიბნეთ საკუთარ ფორმებში. დააყენეთ თქვენი ფორმის სახელი, დააჭირეთ ღილაკს " Შენახვა" და მივიღე "ჩაშენების კოდი" შედეგად:

ახლა თქვენ შეგიძლიათ ჩასვათ შემოთავაზებული კოდი თქვენს ნებისმიერ პოსტში ან გვერდზე ("ტექსტის" რეჟიმში, რა თქმა უნდა) მასში საკონტაქტო ფორმის საჩვენებლად. თუმცა, ის არაფრით არ განსხვავდება ნაგულისხმევი ფორმისგან, ამიტომ ჩვენ გავაგრძელებთ მუშაობას ფორმის დიზაინერთან. დიზაინერის გვერდის მარჯვენა მხარეს არის ღილაკი " თეგის გენერირება", მასზე დაწკაპუნება მისცემს:

მოდით ავირჩიოთ, მაგალითად, ტელეფონის ნომერი. გაიხსნება ასეთი ფანჯარა:

სინამდვილეში, აქ თქვენ საერთოდ ვერაფერს შეცვლით. ზომები, კლასები და ა.შ. მეორეხარისხოვანი ვარიანტებია და უმეტეს შემთხვევაში არ გჭირდებათ მათი რედაქტირება. თუმცა, "" ვარიანტი შეიძლება იყოს სასარგებლო, როგორც მინიშნება ვიზიტორებისთვის, თუ როგორ უნდა შეავსონ ეს ველი.

მაგალითად, ჩვენ დავაყენეთ შემდეგი მნიშვნელობები:

საკონტაქტო ფორმის ჩვენებისას ველი ასე გამოიყურება:

ამ ველზე დაწკაპუნებისას იქ შეყვანილი ტექსტი გაქრება, რადგან ის მხოლოდ შევსების მინიშნებას ემსახურება. მაგრამ მე ხელიდან გავუშვი არჩეული ტეგის დამატება საკონტაქტო ფორმაში. ეს ტეგი:

აუცილებელია ჩასვათ ფორმის შემქმნელის გვერდის მარცხენა მხარეს, სადაც არის საკონტაქტო ფორმის კოდი:

თქვენ უნდა შექმნათ ფორმის კოდი ხელით, ანუ მოაწყოთ სათაურები, აბზაცის ტეგები და ხაზების წყვეტები, თქვენ უნდა მიიღოთ მსგავსი რამ:

შეინახეთ ფორმის კოდი და დაასრულეთ შემდეგი საკონტაქტო ფორმა:

სინამდვილეში, ანალოგიურად, თქვენ შეგიძლიათ მარტივად დაამატოთ თქვენი საკონტაქტო ფორმა რამდენიმე წუთში ნებისმიერი ტეგიგამოიყენება მოდულის მიერ. მე არ გაიძულებთ ხელით სცადოთ თითოეული ტეგი, მე დაუყოვნებლივ მივცემ მათ გამომუშავებას:

1 ტექსტის ველი.

უბრალო ტექსტური ყუთი, შეიძლება გამოყენებულ იქნას სახელისთვის, საგნისთვის და ა.შ.

2 ელ.ფოსტა.

გამოიყენება მხოლოდ შეყვანისთვის ელექტრონული ფოსტის მისამართები.

3 URL.

4 Ტელეფონის ნომერი.

გამოიყენება მხოლოდ ტელეფონის ნომრის (ნომრებისა და დეფისების) შესასვლელად.

5 ნომერი (სპინბოქსი).

გამოიყენება მხოლოდ ნომრის შესაყვანად (გამოიყენება ასაკის, შეკვეთილი ნივთების რაოდენობის მითითებისთვის და ა.შ.).

6 ნომერი (სლაიდერი).

არასწორად მუშაობს. ამ ციფრული სლაიდერის საჩვენებლად გამოიყენება HTML5 და ეს, პირველ რიგში, ნიშნავს, რომ ასეთი სლაიდერი განსხვავებულად გამოიყურება სხვადასხვა ბრაუზერში და მეორეც, ის ნამდვილად არ მუშაობს. მოდულის დამხმარე ფორუმებზე ვნახე გადაწყვეტილებები, რომლებიც ამ ტეგის მუშაობას აფიქსირებს, მაგრამ ისინი არ დამეხმარნენ - მე ვერ მოვახერხე ამ სლაიდერის ნებისმიერი რიცხვის ჩვენება. გირჩევთ არ გამოიყენოთ ეს ტეგი.

7 თარიღი.

გამოიყენება მხოლოდ თარიღის შესასვლელად.

8 ტექსტის ველი.

რუსულ თარგმანში ამ ტეგს ასევე უწოდებენ "ტექსტის ველს", მაგრამ HTML ტერმინოლოგიაში ეს არის ტექსტერა, რაც, ფაქტობრივად, ნიშნავს მხოლოდ გაფართოებულ ტექსტურ ველს. გამოიყენება შეტყობინების ტექსტის შესაყვანად.

9 ჩამოსაშლელი მენიუ.

გამოიყენება ჩამოსაშლელი მენიუდან ელემენტის (ან მრავალი ელემენტის) შესარჩევად. ის შეიძლება გამოყენებულ იქნას არაფერში - შეკვეთილი პროდუქტის ფერის კითხვადან დაწყებული, პირის სქესის არჩევით.

10 მოსანიშნი ველები.

გამოიყენება შემოთავაზებული ვარიანტებიდან ერთი ან მეტი ერთეულის შესარჩევად.

11 რადიოს ღილაკები.

გამოიყენება შემოთავაზებული ვარიანტებიდან მხოლოდ ერთი ნივთის შესარჩევად.

12 მიღება.

გამოიყენება პირობების დასათანხმებლად.

13 Კითხვა.

გამოიყენება მითითებულ კითხვებზე პასუხის გასაცემად (კითხვა არჩეულია შემთხვევითად მითითებული ვარიანტებიდან). ძირითადად, ეს ტეგი გამოიყენება სპამისგან დასაცავად. და თუ სპამბოტებს შეუძლიათ მარტივად უპასუხონ ციფრულ კითხვას, მაშინ კითხვები, როგორიცაა "რომელ პლანეტაზე ვცხოვრობთ?" მათ არ შეუძლიათ პასუხის გაცემა.

14 CAPTCHA.

გამოიყენება სრულფასოვანი კაპჩას საჩვენებლად. ამ ტეგის გამოსაყენებლად, თქვენ უნდა დააინსტალიროთ Really Simple CAPTCHA მოდული. Captcha საკმაოდ იკითხება და, შესაბამისად, ადვილად შეაღწევს მოწინავე სპამის ბოტებს, როგორიცაა Hrumer.

15 Ფაილის ატვირთვა.

გამოიყენება ფაილის გასაგზავნად. თქვენ შეგიძლიათ მიუთითოთ მოქმედი ფაილების მაქსიმალური ზომა და ფორმატები.

16 გაგზავნის ღილაკი.

გამოიყენება საკონტაქტო ფორმის მონაცემების გასაგზავნად. ეს არის აუცილებელი ტეგი.

თეგებით, რომლებიც გამოიყენება პირდაპირ საკონტაქტო ფორმა, გაარკვია. ახლა მოდით შევხედოთ როგორ მივიღოთ ეს იგივე ტეგები საკონტაქტო ფორმიდან თქვენს ელ. კონსტრუქტორში საკონტაქტო ფორმის კოდის ქვემოთ არის თქვენთვის გამოგზავნილი წერილის შაბლონი და სწორედ მასში უნდა შეიტანოთ აუცილებელი ცვლილებები. ეს მნიშვნელოვანია, რადგან ამ შაბლონის არასწორად შევსება შეგიშლით ხელს იცოდეთ ზუსტად რა დაწერა სტუმარმა თქვენს ფორმაში. ავიღოთ მაგალითად ტელეფონის ნომრის ტეგი. ვთქვათ, თქვენს საკონტაქტო ფორმაში ის ჩასმულია შემდეგი კოდით:

ასე რომ, გაგზავნილი წერილის შაბლონში უნდა ჩაწეროთ შემდეგი კოდი:

აზრი, ვფიქრობ, გასაგებია. საკონტაქტო ფორმის კოდში , ხოლო ასოში მხოლოდ ამ ველის დასახელება ... მოდული წარმოქმნის ციფრული ტეგების სახელებს, როგორიცაა , მაგრამ არავინ გიშლით ხელს თქვენი სახელების გამოყენებაში. რაც შეეხება ელ.ფოსტის შაბლონის დანარჩენ ტეგებს - ისინი ასევე იქმნება იმავე პრინციპით - ნაცვლად მიერ გამოყენებული და ა.შ.

ტექსტები, რომლებსაც საკონტაქტო ფორმა გვაწვდის, ასევე შეიძლება გასწორდეს ფორმის დიზაინერში "შეტყობინებების" განყოფილებაში:

მოდული ხშირად დასმული კითხვები:

1 ნახვის შეცდომა " “, როგორ გამოვასწოროთ?

ეს ნიშნავს, რომ ან მითითებული ფორმა წაშლილია, ან ფორმის სათაური არასწორად არის მითითებული (დარეკვის კოდში სათაური გადამწყვეტია ფორმის გამოძახებისთვის).

2 წერილში მე ვხედავ ტეგებს, როგორიცაა ტექსტის ნაცვლად როგორ გავასწორო?

ეს ნიშნავს, რომ ვიზიტორს არ აქვს შევსებული ეს ველი. ამ შემთხვევაში, ტეგი არ იცვლება, მაგრამ ნაჩვენებია ისე, როგორც არის.

3 არსებობს რაიმე შეზღუდვა ტეგის სახელის არჩევისას?

Იქ არის. თუ მარყუჟი WordPressსახელი "სახელი" გამოიყენება, მაშინ თქვენ არ შეგიძლიათ გამოიყენოთ იგი ტეგის სახელად. საუკეთესო გზითპრობლემების თავიდან აცილება არის სახელების პრეფიქსების დამატება, მაგალითად სიტყვა "შენი". ტეგის სახელთან დაკავშირებით პრობლემა ნამდვილად არ იქნება.

4 შეიძლება თუ არა ვიზიტორს ელექტრონული ფოსტით ეცნობოს, რომ მისი ფორმა მიღებულია?

შეუძლია. გამოიყენეთ "დანიშნულების ადგილი 2" ვარიანტი ფორმის კონსტრუქტორში:

ეს პარამეტრი შეიძლება გამოყენებულ იქნას როგორც ავტომოპასუხე.

5 შესაძლებელია თუ არა შევსებული ფორმის გაგზავნა რამდენიმე მისამართზე?

შეუძლია. გამოიყენეთ "" ველი "დანიშნულების" ოფციაში:

სად [ელფოსტა დაცულია]თქვენი დამატებითი ელფოსტა, რომელზეც გაიგზავნება ვიზიტორის მიერ შევსებული ფორმის ასლი ("cc" ბრძანება აგზავნის ბრმა ასლს).

6 შესაძლებელია ფორმის ჩვენება არა პოსტზე ან გვერდზე?

დიახ. ჩასვით ფორმის გამოძახების კოდი ტექსტურ ვიჯეტში.

7 შესაძლებელია თუ არა ფორმის გადმოცემა პირდაპირ კოდით შაბლონის ფაილებში?

დიახ. გამოიყენეთ კოდი, როგორიცაა:

"" ) ; ?>

8 ფორმა არ იგზავნება, წითელ ჩარჩოში გამოსახულია შეცდომა, როგორ გავასწორო?

დაუკავშირდით თქვენს ჰოსტინგ პროვაიდერს, შესაძლებელია, რომ PHP არ დაუშვას ფოსტის () ფუნქციის გამოძახება.

9 ფორმის წარდგენისას მე ვიღებ შეცდომას ნარინჯისფერ ჩარჩოში, როგორ შემიძლია მისი გამოსწორება?

ნარინჯისფერი ჩარჩო მიუთითებს სპამზე. ქეშირების დანამატებმა შეიძლება გამოიწვიოს სპამის საწინააღმდეგო დაცვის ცრუ დადებითი. დააკონფიგურირეთ თქვენი ქეშირების მოდული ქეში ფაილების პერიოდულად გასასუფთავებლად (საკმარისია 24 საათი).

10 ელ.ფოსტის ველი ფორმის სხვა ველებისგან განსხვავდება, როგორ გავასწორო?

მოდული იყენებს HTML5 კოდს ელ.ფოსტის მისამართის შესაყვანად ( მაგივრად ), და ასეთი კოდი ხშირად არ არის ფორმატირებული ძველ შაბლონებში. თქვენ უნდა შეიტანოთ ცვლილებები styles.cssთქვენი შაბლონი იქ შეყვანის ამომრჩეველისთვის საჭირო კოდის დამატებით.

11 როგორ ჩავსვათ მომხმარებლის მიერ მიმაგრებული ფაილი ელფოსტაში?

ამისათვის გამოიყენეთ სპეციალური ველი "თანდართული ფაილები:"

ნამდვილად იმსახურებს თქვენს ყურადღებას. ბევრი სხვა პოპულარული მოდულისგან განსხვავებით, ის არ გაიძულებთ რომელიმეს ყიდვას. პროვერსია - მისი ყველა შესაძლებლობა დაუყოვნებლივ არის ხელმისაწვდომი. მოდულის პოპულარობა (19 მილიონზე მეტი ჩამოტვირთვა) დამსახურებულია - მთელი მისი ფუნქციონალურობით, მისი კონფიგურაცია ძალიან მარტივია და ხელმისაწვდომია ძრავის დამწყები მომხმარებლებისთვისაც კი. WordPress.

მაგრამ გახსოვდეთ, ეს არის საკონტაქტო ფორმის მოდული და არა მარტივი ფორმის მოდული. ყველა მისი შესაძლებლობის მიუხედავად, ის არ მოგცემთ საშუალებას შექმნათ მოწინავე ფორმა რაიმე პირობის საფუძველზე. მისი მთავარი მიზანია საკონტაქტო ფორმების შექმნა და მეტი არაფერი. შექმნისთვის დინამიური ფორმები, შექმენით ფორმები და მსგავსი, გამოიყენეთ დანამატები, როგორიცაა Ninja Forms, ისინი უფრო შესაფერისია ამისათვის.

თუ ჯერ კიდევ გაქვთ რაიმე შეკითხვა მოდულის კონფიგურაციასთან დაკავშირებით - დასვით კომენტარებში, აუცილებლად ვეცდები დაგეხმაროთ.

მოდულის ავტორი: Takayuki Miyoshi
სადავო ვერსია: 3.9.1 07/31/2014 წ
Მოქმედი ვერსია: 5.1.4 04.08.2019 წლიდან
თავსებადია WordPress ვერსიასთან: 4.9 და უფრო მაღალი
აქტიური მოდულების ინსტალაცია: 5 000 000+
ჩამოტვირთეთ მოდულის ვერსია 5.1.4(სულ გადმოწერილი 121 112 956 ერთხელ)

მოგეწონათ პოსტი? გამოიწერეთ პროგრამული უზრუნველყოფის განახლებები ან

ამატებს კონფიდენციალურობის პოლიტიკის გვერდს საიტზე. ასევე, საკონტაქტო ფორმის 7-ში, დასძენს თანხმობა პერსონალური მონაცემების დამუშავებაზე. დანამატი განკუთვნილია მხოლოდ რუსულენოვანი საიტებისთვის. შესვლისას მომხმარებლებს ეჩვენებათ შეტყობინება საიტის მიერ ქუქიების გამოყენების შესახებ. ვარგისია 152FZ.
მოდულის შესახებ კითხვებისთვის, დაწერეთ ამ მეილზე: [ელფოსტა დაცულია]ჩვენ არ ვაძლევთ რჩევებს ჩვენს ვებგვერდზე ონლაინ კონსულტანტის მეშვეობით.

ინსტალაცია

1. დააინსტალირეთ დანამატი.
2. შეავსეთ კომპანიის საჭირო ინფორმაცია.

კონტრიბუტორები და დეველოპერები

”საიტის კონფიდენციალურობის პოლიტიკა. თანხმობა საკონტაქტო ფორმა 7” არის ღია კოდის პროექტი. შემდეგი კონტრიბუტორები წვლილი შეიტანეს მოდულის განვითარებაში:

ჟურნალის შეცვლა

1.28 WP 5.0-თან თავსებადობის შემოწმება. დამატებულია სათაურის დამალვა პოლიტიკის ტექსტიდან
1.27 ქუქი-ფაილის არსებობის შემოწმება ფირფიტაზე, რომელიც გამოჩნდება ქვემოდან საიტზე შესვლისას, ითარგმნება js-ად
1.26 დამატებულია rel = nofollow მოდულის ბმულები
1.25 დამატებულია ხელშეკრულების ტექსტი ქვეშ სტანდარტული ფორმაკომენტირებისას
1.24 გამოსწორდა შეცდომა Java სკრიპტში
1.22 დაფიქსირდა მცირე შეცდომები ადმინისტრაციულ პანელში და ღილაკის სახელის ტექსტის ჩვენება საკონტაქტო ფორმის 7-ში გვერდზე გვერდზე
1.21 კონტეინერის კლასი, რომლითაც ჩამოყალიბებულია პოლიტიკის ტექსტი, შეიცვალა container-ppcf7-ით
1.2 დამატებულია კლასი ტეგში

p> ფორმების ქვეშ
1.1 დამატებულია ვარიანტი კონფიდენციალურობის პოლიტიკის ბმულის საჩვენებლად / დამალვის ქვედა კოლონტიტულში
1.01 ამოღებულია დამატებითი p ტეგი ქუქიების შეტყობინებაში
1.0 პირველი ვერსია საცავში

FormGet არის მარტივი WordPress მოდული, რომელიც მუშაობს ასე გადაათრიეთ და drop, რომელიც საშუალებას გაძლევთ შექმნათ სხვადასხვა საკონტაქტო ფორმები თქვენი საიტისთვის. თქვენ უბრალოდ უნდა დააჭიროთ იმ ველებს, რომელთა დამატება გსურთ ფორმაში და თქვენს ფორმაში უკუკავშირირამდენიმე წამში მზად იქნება.

ფორმები, რომლებიც შეიძლება გაკეთდეს ამ მოდულით

საკონტაქტო ფორმა, მხარდაჭერის ფორმა, დაჯავშნის ფორმები, საკონსულტაციო მომსახურება, საკონტაქტო ფორმა, საფოსტო სია, კითხვარები, სამუშაო განაცხადის ფორმა, რეგისტრაციის ფორმის ოსტატი, შეკვეთის ფორმის შემქმნელი და სხვა ყველაფერი შეიძლება გაკეთდეს ამ გასაოცარ დანამატში.

FormGet საკონტაქტო ფორმა ძალიან ეფექტური ინსტრუმენტირაც საშუალებას მოგცემთ შექმნათ და ჩართოთ საკონტაქტო ფორმა თქვენს საიტზე რამდენიმეში მარტივი ნაბიჯები... აირჩიეთ ფორმის ველები, დაარეგულირეთ პარამეტრები და მარტივად ჩადეთ საკონტაქტო ფორმა თქვენს საიტზე, უბრალოდ კოდის განთავსებით ვიჯეტში ან მორგებული მოკლე კოდის გამოყენებით. თქვენ არ გჭირდებათ რაიმე პროგრამირების ცოდნა სასურველი ფორმის შესაქმნელად - ეს არის დამატებითი პლიუსი ასეთი გაფართოებების არჩევისას.

თუ საიტზე დაინსტალირებულია რამდენიმე კონტაქტური ფორმა ერთდროულად, მაშინ მათზე ყველა მონაცემის თვალყურის დევნება შესაძლებელია ერთ ადგილას - დაფაზე. ამ მოდულის უფრო მნიშვნელოვანი უპირატესობა ის არის, რომ მის მიერ შექმნილი ფორმები არის ადაპტური, რაც საშუალებას გაძლევთ სწორად აჩვენოთ საჭირო მონაცემები ნებისმიერ მოწყობილობაზე დამატებითი სტილის და კლასების დაწერის გარეშე.

მოდულის მიერ მხარდაჭერილი ველების სია:

სახელი, მისამართი, საკონტაქტო ტელეფონის ნომერი, შეტყობინება, გადახდა (ინტეგრაცია PayPal-თან), თარიღი (დდ-მმ-წწ ან დდ/მმ/წ ან წწ-მმ-დდ ფორმატის მხარდაჭერა), ტექსტის სტრიქონი, მრავალსტრიქონიანი ტექსტი, მრავალჯერადი არჩევანი, დანართები, ჩამრთველი, აირჩიეთ (არჩევა შემოთავაზებული სიიდან), რადიო ღილაკები, ფაილების ჩამოტვირთვა და Captcha.

ინსტალაცია ნორმალურია - საიტის ადმინისტრატორის პანელის მეშვეობით WordPress-ზე.

საკონტაქტო ფორმის შექმნა და შექმნა

ინსტალაციისა და გააქტიურების შემდეგ, თქვენ იხილავთ მისასალმებელ ფორმას:

დააჭირეთ ღილაკს "დააწკაპუნეთ შესაქმნელად" და გადადით პარამეტრებზე და შექმენით გამოხმაურების ფორმა. ყველა პარამეტრი დაყოფილია 4 ჩანართად:

1. საკონტაქტო ფორმის შემქმნელი
2. ჩადეთ კოდი
3. გაფართოებები

თავდაპირველად იხსნება პირველი ჩანართი, სადაც შეგიძლიათ შექმნათ თქვენი პირველი გამოხმაურების ფორმა კონსტრუქტორის გამოყენებით.

მოდით უფრო ახლოს მივხედოთ:

მოდულის დაყენება და გამოყენება ინტუიციურია, ამიტომ დააინსტალირეთ და გამოიყენეთ იგი სიამოვნებით!

ბევრმა საიტმა შექმნა უკუკავშირის ფორმები ისე, რომ მომხმარებლებმა შეძლონ ადმინისტრატორისთვის შეტყობინების დატოვება საიტის დატოვების გარეშე. ყველაზე პოპულარული, მაღალი ხარისხის და მოსახერხებელი დაყენება და გამოყენება არის მოდული საკონტაქტო ფორმა 7- მისი დახმარებით შეგიძლიათ შექმნათ ნებისმიერი საკონტაქტო ფორმა და სხვა. მას შემდეგ, რაც მოდული აქვს დიდი რიცხვისხვადასხვა ფორმები და ველები, ის შეიძლება გამოყენებულ იქნას მრავალი ამოცანისთვის. მაგალითად, მე გამოვიყენე ის დამსაქმებლისა და სამუშაოს მაძიებლის პროფილის შესაქმნელად დაქირავების საიტზე, პროდუქტის შეკვეთის ფორმის შესაქმნელად საიტზე, სადაც იყიდება მხოლოდ ერთი პროდუქტის ხაზი, გამოვიყენე ეს დანამატი რთული და მოცულობითი გაანგარიშების ფორმის შესაქმნელად სამშენებლო უბნისთვის. , უკუკავშირის ფორმებისა და სხვა ფორმებისათვის. მაგრამ ეს არ ეხება ამას, არამედ იმაზე, თუ როგორ უნდა გამოჩნდეს საკონტაქტო ფორმა pop-up ფანჯარაში, ასე რომ თქვენ შეგიძლიათ გააკეთოთ ღილაკი საკონტაქტო ფორმის გამოძახებისთვის თითოეულ გვერდზე და არა მხოლოდ "კონტაქტების" გვერდზე?

ეს ნამდვილად არ არის რთული, მაგრამ დაგჭირდებათ სხვა დანამატი FancyBox ეფექტით, მე პირადად მომწონს ეს ორი დანამატი: Easy FancyBox ან FancyBox WordPress-ისთვის, არის სხვადასხვა მსგავსი დანამატები, მაგრამ ორივე მათგანი მშვენივრად მუშაობს და ასევე საშუალებას გაძლევთ გახსნათ სურათები ამომხტარი ფანჯარა.

ზოგადად, დაინსტალირებულია ორი დანამატი: საკონტაქტო ფორმა 7და მარტივი FancyBox, იქმნება საკონტაქტო ფორმა, რჩება კოდის დამატება შაბლონში.

კოდი ჩასმულია საიტის შაბლონში .php ფაილებში!

ამომხტარი საკონტაქტო ფორმის კოდი მითითებულია შაბლონის ფაილის კოდში:

მოითხოვეთ ზარი

თუ ფორმის გამოძახების კოდს ჩაწერთ პირდაპირ ვიზუალურ რედაქტორში ტექსტის TEXT რეჟიმში რედაქტირებისთვის, მაშინ კოდი ასე გამოიყურება:

დაყენებულია ამომხტარი საკონტაქტო ფორმის კოდი ვიზუალური რედაქტორიჩანაწერები (ტექსტის რეჟიმში) საიტის ადმინისტრაციულ პანელში:

მოითხოვეთ ზარი

ჩემს მაგალითში მაქვს კოდი "მოთხოვნის დარეკვის" ფორმისთვის - ფორმაში მხოლოდ ორი ველია - სახელი და ტელეფონის ნომერი, რათა საიტის ადმინისტრატორი კლიენტს უკან დაურეკოს.

განვიხილოთ ეს კოდი.

ეს არის ღილაკის კოდი ფორმაში ფანჯრის გამოძახებისთვის, ამ ღილაკისთვის შეგიძლიათ დააყენოთ ნებისმიერი სტილი და ჩადოთ იგი შაბლონში სადმე:

მოითხოვეთ ზარი

ეს არის თავად ამომხტარი ფანჯრის კოდი, შეგიძლიათ დატოვოთ იგი ღილაკის ქვეშ ფანჯრის გამოსაძახებლად, ან შეგიძლიათ დამალოთ ის ქვედა კოლონტიტულისთვის, რათა შინაარსის კოდი უფრო სუფთა იყოს:

ამ კოდში ფორმას იძახიან ასეთი ფუნქციით:

სადაც წერია - აჩვენეთ მოკლე კოდი საკონტაქტო ფორმისთვის, მისი შექმნისას მოკლე კოდი მითითებულია თავად საკონტაქტო ფორმაში:

ერთ გვერდზე რამდენიმე ფორმის გამოსაძახებლად, ფორმის გამოსაძახებლად უნდა გამოიყენოთ სხვადასხვა ID.

გამოხმაურების ორი ფორმის გამოძახების მაგალითი ამომხტარ ფანჯარაში:

დარეკვის ფორმა 1

დარეკვის ფორმა 2

ვ ამ საქმესმრავალი ფორმის გამოძახებისთვის ყურადღება მიაქციეთ კოდის ამ ნაწილებს:

... და მეორე ფორმისთვის: ... და ა.შ.

გამოხმაურების ფორმის მოკლე კოდის ჩვენების ნაცვლად, შეგიძლიათ აჩვენოთ ნებისმიერი შინაარსი, მაგალითად, ბლოკები ტექსტით ან სურათებით, ან Feedburner-ის გამოწერის ფორმა, მაგალითად, ასე გამოჩნდება Feedburner-ის გამოწერის ფორმა ერთ-ერთ საიტზე.

SUBSCRIBE

თქვენ შეგიძლიათ გამოიყენოთ ეს კოდი თქვენი სააბონენტო ფორმისთვის მხოლოდ არხის მისამართის http://feedburner.google.com/fb/a/mailverify?uri=inoutdigest/feed შეცვლით საკუთარზე.

მნიშვნელოვანი წერტილი!იმისათვის, რომ ფორმას ლამაზი იერსახე ჰქონდეს, თქვენ უნდა დააყენოთ მას საკუთარი ჩვენების სტილი. უმჯობესია თქვენი ფორმა შეფუთოთ div-ში, როდესაც შექმნით ფორმას CF7-ში.

როგორ დავხუროთ ფანჯარა უკუკავშირის ფორმით (fancybox) წარმატებული წარდგენის შემდეგ

დაამატეთ ეს კოდი, თუ იყენებთ დანამატს fancybox-ით, როგორიცაა Easy Fancybox.

თუ ფორმა მდებარეობს მხოლოდ გვერდზე, მაშინ იქ ყველაფერი ნათელია - არის შეცდომის შეტყობინებები და შეტყობინება შეტყობინების წარმატებული გაგზავნის შემდეგ, ფორმის ქვემოთ.

მოდით განვიხილოთ მოვლენების რა საინტერესო ვარიანტები შეიძლება იყოს CF7 ფორმის pop-up ფანჯარაში, ანუ ამომხტარ ფანჯარაში წარდგენის შემდეგ. როგორ შევქმნათ ასეთი ფორმა, მე აღვწერე სტატიაში როგორ შევქმნათ გამოხმაურების ფორმა WordPress-ის ამომხტარ ფანჯარაში.

დაამატეთ კოდი თქვენი ფორმის დამატებითი პარამეტრების ბლოკში.

შეტყობინების წარმატებით გაგზავნის შემდეგ

ჩვენ ვაჩვენებთ გაფრთხილებას „გმადლობთ განაცხადისთვის!“ - პრიმიტიული და მახინჯი.

On_sent_ok: "alert (" გმადლობთ განაცხადისთვის! ");"

გადამისამართდით მადლობის გვერდზე

On_sent_ok: "მდებარეობა =" http: //site.tu/thankyou/ ";"

უბრალოდ ამომხტარი ფანჯრის დახურვა არ არის საუკეთესო ვარიანტი, მომხმარებელმა შეიძლება ვერ გაიგოს ყველაფერი კარგად იყო თუ არა

On_sent_ok: $ .fancybox.close ();

ჩვენ ვაჩვენებთ ამომხტარ ფანჯარას "გმადლობთ შეკვეთისთვის" შეტყობინების წარმატებით გაგზავნის შემდეგ

ჩვენ ვაჩვენებთ ამომხტარ ფანჯარას „გმადლობთ შეკვეთისთვის“, ხოლო თავად ფანჯარა არის ბლოკში id = „popup_msg“, გარეგნობა და სტილი უნდა იყოს შემუშავებული თქვენი დიზაინის მიხედვით, რათა ყველაფერი ლამაზი იყოს ღილაკი "დახურვა" მადლობის ფანჯარა.

ჩვენ ვამატებთ ამ კოდს თქვენი CF7 ფორმის დამატებითი პარამეტრების ბლოკში:

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

თავად ფანჯარა ასე გამოიყურება:

მადლობა!

დახურეთ ფანჯარა

ეს ამომხტარი ფანჯრის კოდი შეიძლება განთავსდეს ნებისმიერ ადგილას, თუნდაც ქვედა ძირში, თუნდაც ფორმის ქვეშ, მთავარი უპირატესობა ის არის, რომ ამ ფანჯრის გამოძახება შესაძლებელია ნებისმიერი სხვა ფორმით და არ გჭირდებათ საკუთარის შექმნა თითოეული ფორმისთვის.

და "ფანჯრის დახურვის" ღილაკისთვის, დაამატეთ შემდეგი კოდი სკრიპტის ფაილში:

$ (". popup-close-btn"). on ("click", ფუნქცია () ($ .fancybox.close ();));

როგორ გადმოწეროთ pdf ფაილი ფორმის შევსების შემდეგ საკონტაქტო ფორმა 7 მოდულის გამოყენებით

გახსენით pdf დაუყოვნებლივ იმავე გვერდზე

On_sent_ok: "მდებარეობა =" 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 ");"

მეთოდის გამოყენება on_sent_okკაკალი აღარ არის რეკომენდებული. ეს ფუნქცია გაუქმდება 2017 წლის ბოლომდე.

ახლა, ფორმის წარმატებული წარდგენის შემდეგ სხვა გვერდზე გადამისამართებისთვის, თქვენ უნდა გამოიყენოთ wpcf7mailsent ღონისძიება

მაგალითად, ეს პარამეტრი მოდალური ფანჯრის გასახსნელად id = "sentMessage":

Document.addEventListener ("wpcf7mailsent", ფუნქცია (event) ($ ("# sentMessage"). Modal ();), false);

თუ თქვენ გაქვთ რამდენიმე ფორმა, მაშინ თითოეული ფორმის ID-სთვის შეგიძლიათ შექმნათ თქვენი საკუთარი მოვლენები:

Document.addEventListener ("wpcf7mailsent", ფუნქცია (event) (var id = event.detail.contactFormId; if (id == 4 || id == 44 || id == 45) ($ .magnificPopup.open ((items : (src: "#popup_msg"), ჩაწერეთ: "inline"), 0);)), false);

id არის ფორმის ნომერი
$ .magnificPopup.open - ეს მაგალითი იყენებს Magnific Popup-ს

ჩვენ ვქმნით ღონისძიებას კონკრეტული ფორმისთვის შეტყობინების წარმატებით გაგზავნის შემდეგ (ჩვენ ვიყენებთ ჩვეულებრივ Easy Fancybox-ს)

ბევრს უჭირს ეს მომენტი, ამიტომ გადავწყვიტე სტატიაში ჩავრთო.

ეს სკრიპტი აჩვენებს id = "popup_msg" ფანჯარას ერთ-ერთი ფორმის წარმატებით წარდგენის შემდეგ (id == 17754 ან id == 17758 ან id == 17757):

Document.addEventListener ("wpcf7mailsent", ფუნქცია (event) (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 (დოკუმენტი). უკვე (ფუნქცია ($) (// კოდი ...));