Wp გამოხმაურების ფორმა დანამატის გარეშე. უკუკავშირის ფორმა WordPress-ისთვის

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

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

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

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

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

1. დააინსტალირეთ და გააქტიურეთ საკონტაქტო ფორმა 7 მოდული. როგორ დააინსტალიროთ დანამატები, შეგიძლიათ.

2. გააქტიურების შემდეგ გადადით საკონტაქტო ფორმა 7 -> ფორმები.

3. ფანჯარაში, რომელიც იხსნება, დააკოპირეთ ხაზი ჩასმის კოდით.

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

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

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

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

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

ამისათვის ჩვენ გვჭირდება ფორმა, რომ შეავსოთ შემდეგი ველები:

• სახელი (აუცილებელი ველი)
• გვარი
• ტელეფონი (აუცილებელი ველი)
• ველი დარეკვის მოსახერხებელი დროის არჩევით

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

1. გადადით საკონტაქტო ფორმა 7 -> დაამატეთ ახალი.

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

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

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

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

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

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

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

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

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

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

7. ახლა შექმენით მოსახერხებელი ზარის დროის ველი.

ამისათვის დააწკაპუნეთ „ტეგის გენერირებაზე“ და აირჩიეთ „ჩამოშლილი მენიუ“.

Selection ველში ჩაწერეთ ერთი ვარიანტი სტრიქონში, ჩვენს შემთხვევაში ეს არის დრო 8-00-დან 18-00-მდე ორსაათიანი ინტერვალით. შევსების შემდეგ დააკოპირეთ კოდის შესაბამისი სტრიქონები ფორმის შაბლონში და ასოების შაბლონში.

შედეგად, თქვენ უნდა დაასრულოთ მსგავსი რამ:

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

მზადაა! აქ ჩვენ შევქმენით ფორმა ნულიდან დარეკვის შეკვეთისთვის.

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

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

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

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

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

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

100

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

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

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

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

ჩვენ ვუკავშირდებით ჰოსტინგს და გადავდივართ თემების საქაღალდეში, რომელსაც ამჟამად იყენებთ WordPress-ზე. ამოცანაა მასში ახალი php ფაილის შექმნა. ნებისმიერი სახელი. მე გავაკეთებ "feedback.php".

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

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

WordPress-ის ადმინისტრატორში ჩვენ ვქმნით ახალი გვერდი(არ არის ჩანაწერი), უწოდეთ მას, მაგალითად, "გამოხმაურება" (1), დაასახელეთ ლინკი, რომელსაც მომხმარებლები მიჰყვებიან (2) და ჩასვით კოდი (3) სხეულში (html რედაქტორის რეჟიმში):

შენი სახელი

ელ.ფოსტა

შეტყობინების თემა

შეტყობინების ტექსტი:

თუ გინდა შეცვლა გარეგნობა- უბრალოდ ჩაწერეთ თემის CSS ფაილში რა გსურთ ფორმაში ჩართული ელემენტების გამოყენებით:

შეყვანა (
};

ტექსტარეა (
};

შეყვანა (
};

მაგალითად, სტილის მცირე ცვლილება ფორმაში()

ამ ვარიანტისთვის კონკურენტების მოძებნა მინდოდა, მაგრამ ვერ მოხერხდა.

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

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

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

WP ადმინისტრატორში გადადით "Plugins" -> "Add New" განყოფილებაში. ამ გვერდზე იპოვეთ ღილაკი „ჩამოტვირთეთ დანამატი“, შემდეგ აირჩიეთ ზემოთ გადმოწერილი არქივი, გადმოწერეთ და გაააქტიურეთ.

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

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

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

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

ეს მეთოდი მუშაობს გარეშე დამატებითი ინსტალაციები, პირდაპირ ყუთიდან.

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

ამ მეთოდის ერთადერთი მინუსი ის არის, რომ ის რეგისტრის მგრძნობიარეა: თუ ჩვენს მაგალითში ვინმე დაწერს გვარს განსხვავებულად, ვიდრე ჩვენ აღვნიშნეთ (პატარა, არა დიდი ასოები), მაშინ პასუხი ჩაითვლება არასწორად.

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

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

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

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

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

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

მაგრამ მოდით ასევე შევეხოთ პატარა თეორიას, თუ ვინმეს არ აინტერესებს, მაშინვე შეგიძლიათ გააგრძელოთ ფორმის ინსტალაცია WordPress-ზე:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Form Designer არის რუსულ ენაზე სხვადასხვა ფორმის უფასო გენერატორი. ერთ-ერთი იმ რამდენიმედან, რომელიც იდეალურად ჯდება ვებსაიტში. მართალია, მას აქვს შეზღუდვები, მაგალითად, თვეში მხოლოდ 100 წერილის გაგზავნის შესაძლებლობა.

მაგრამ 5 დოლარად შეგიძლიათ მიიღოთ 1000 წერილი, არის ჩაშენებული ანტისპამის სისტემა, დამატებულია დისკის ადგილი, აწარმოებს ანგარიშებს და შეგიძლიათ მარტივად დააკავშიროთ საფოსტო სერვისი.

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

მე ვერ ვიპოვე ვიდეო გაკვეთილები, მაგრამ აი კარგი ინსტრუქციებიინსტალაციისთვის - დიახ!

რა გჭირდებათ საკუთარი გამოხმაურების ფორმის შესაქმნელად? უბრალოდ მიჰყევით 4 მარტივ ნაბიჯს:

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

ფორმა არავის არ მუშაობს? შემდეგ თქვენ უნდა ჩაწეროთ header.php ფაილში: (დაკავშირება Google ბიბლიოთეკებში). იმედი მაქვს, რომ ინსტრუქციები ძალიან ნათელი და მარტივია ყველასთვის. ასევე არქივში ნახავთ ფაილს სტილებით. უბრალოდ დააკოპირეთ ყველა სტრიქონი და ბოლოს ჩასვით style.css ფაილში.

ყურადღება: უფასო ჰოსტინგი არ უჭერს მხარს წერილების გაგზავნის ფუნქციას. ასევე სატესტო რეჟიმის გამოყენება.

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

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

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

• საიტი არ იტვირთება დამატებით JavaScript-ს და CSS კოდს - ეს უფრო ადვილი ხდება;
• WordPress-ის გამოხმაურების ფორმა დანამატის გარეშე ნაკლებად მიდრეკილია სპამისკენ, იმ პირობით, რომ თქვენი კოდი უნიკალურია;
• თქვენ შეგიძლიათ დააკონფიგურიროთ გამომავალი თქვენი გემოვნებით და შექმნათ ნებისმიერი სირთულის ფორმა.

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

მოდი დავიწყოთ!

გახსენით თქვენი თემის functions.php ფაილი და დაამატეთ იქ შემდეგი კოდი:

ფუნქცია myform_action_callback() ( გლობალური $wpdb; გლობალური $mail; $nonce=$_POST["nonce"]; $rtr=""; if (!wp_verify_nonce($nonce, "myform_action-nonce")) wp_die ("(" შეცდომა":"შეცდომა") $to="your_mail@site"; \r\n"; $headers.= "საიდან: [ელფოსტა დაცულია]\r\n"; // ჩანაცვლება სხვა საფოსტო ყუთით $subject="შეტყობინება საიტიდან ".$_SERVER["SERVER_NAME"]; do_action("plugins_loaded"); // არ საჭიროებს ჩართვას ახალ VI-ებში, თქვენ შეიძლება დაგჭირდეთ მისი გამორთვა, თუ ( !empty($_POST["name"]) && !empty($_POST["mess"]) && !empty($_POST["email"]))($message.="Name : ".$_POST[" name"]; $message.="
ელფოსტა: ".$_POST["email"]; $message.="
შეტყობინება:
".nl2br($_POST["არეულობა"]); if(wp_mail($to, $subject, $message, $headers))($rtr="("work":"შეტყობინება გაიგზავნა!","error": "")"; )else( $rtr="("შეცდომა":"სერვერის შეცდომა.")"; ) )else( $rtr="("შეცდომა":"ყველა ველი სავალდებულოა!")"; ) ექო $rtr; ")."/css /styleform.css","0.1.2",true); wp_enqueue_script("myform_script_temp",get_bloginfo("stylesheet_directory")."/js/scriptform.js",array("jquery"),"0.1.2", true wp_localize_script("myform_script_temp", "myform_Ajax", array("ajaxurl" => admin_url("admin-ajax.php"), "nonce" => wp_create_nonce("myform_action-nonce")"_ "wp_enue"); , "myform_stylesheet"); "; დაბრუნება $rty; add_shortcode("formZak", "formZak");

პირველ ფუნქციაში "myform_action_callback" გჭირდებათ $to="your_mail@site"; - შეცვალეთ თქვენი ელექტრონული ფოსტით. ასევე შეიძლება გქონდეთ პრობლემები ხაზთან do_action("plugins_loaded"); - VP-ის ახალ ვერსიებზე შეგიძლიათ ამის გარეშე. სხვა არაფრის შეცვლა არ არის საჭირო, მაგალითი მუშაობს და WordPress-ის გამოხმაურება დანამატის გარეშე შემოწმდა WP ვერსიებზე 4.2 და 4.9.1.

ამ კოდიდან გამომდინარე, თქვენ უნდა შექმნათ 2 საქაღალდე თემაზე: "css" და "js". თუ ეს დირექტორიები უკვე არის თქვენს თემაში, არ არის საჭირო მათი შექმნა. მოათავსეთ სტილის ფაილი "styleform.css" "css" დირექტორიაში - და, თუ სასურველია, ჩაწერეთ ფორმის სტილები იქ. მე ამას არ გავაკეთებ, რადგან სტილები არ არის საჭირო მაგალითის მუშაობისთვის.

განათავსეთ ფაილი "scriptform.js" "js" დირექტორიაში და ჩაწერეთ ეს მარტივი კოდი:

ფუნქცია myform_ajax_send(სახელი, ელფოსტა, არეულობა)(
jQuery.ajax((
ტიპი: "POST",
url: myform_Ajax.ajaxurl,
dataType: "json",
მონაცემები :(
"name":jQuery(name).val(),
"email":jQuery(email).val(),
"არეულობა":jQuery(mess).val(),
"nonce": myform_Ajax.nonce,
"action":"myform_send_action"
},
წარმატება: ფუნქცია (მონაცემები) (
if(data.error=="")(
alert(data.work);
) სხვა (
alert(data.error);
}
},
შეცდომა: ფუნქცია() (
alert ("დაკავშირების შეცდომა");
}
});
}

არ დაგავიწყდეთ ამ ფაილების თქვენს სერვერზე ატვირთვა.

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

თუ გჭირდებათ ფორმის გამოძახება PHP-დან, მაგალითად, გვერდის ბოლოში, გამოიყენეთ მოკლე კოდის ზარი:

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

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

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

add_action("wp_ajax_nopriv_myform_send_action", "myform_action_callback");
add_action("wp_ajax_myform_send_action", "myform_action_callback");

დააკავშირეთ ჩვენი გაგზავნის ფუნქცია Ajax-ის მოთხოვნასთან. მნიშვნელოვანი წერტილისაქმე ისაა, რომ აქედან "myform_send_action" უნდა ემთხვეოდეს ამ ხაზს თქვენს JavaScript ფაილში: "action": "myform_send_action"

myform_stylesheet()- ფუნქცია სტილის ფაილის, JavaScript-ის დასაკავშირებლად და JavaScript ცვლადის შესაქმნელად myform_Ajax, რომელიც მოიცავს myform_Ajax.ajaxurl - ბმულს Ajax მოთხოვნის დამმუშავებლისა და myform_Ajax.nonce - უნიკალური შემოწმება, რომ ფორმა გაიგზავნა თქვენი საიტიდან (საჭიროა თავიდან ასაცილებლად სპამი და საიტის გატეხვა).

formZak ()- ფუნქცია, სადაც იქმნება ფორმის კოდი. აქ შეგვიძლია დავამატოთ ან წავშალოთ საჭირო ველები.

ფუნქციების ბოლო ხაზი: add_shortcode("formZak", "formZak"); რეგისტრირებს მოკლე კოდს ისე, რომ ჩვენთვის მოსახერხებელია ვიმუშაოთ ჩვენი უკუკავშირის ფორმით WordPress-ისთვის დანამატის გარეშე.

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

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

სამწუხაროდ, თქვენ ვერ შეძლებთ ამ მაგალითის ჩამოტვირთვას, რადგან მე არ შემიძლია თქვენს თემაში ჩემი functions.php ფაილი, ის უბრალოდ არ იმუშავებს :(.

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

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

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

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

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

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

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

ეს არის დანამატების, ვიჯეტებისა და სერვისების მთელი ნაკრები WordPress ძრავა. და შესაბამისად, მას აქვს საკუთარი ძალიან მარტივი, მაგრამ კარგი ჩაშენებული ფორმის დიზაინერი. მასთან ერთად, თქვენ მიიღებთ სწრაფ და მარტივ ინტერფეისს, რომ დაამატოთ ფორმები საიტზე ნებისმიერ შენიშვნასა თუ გვერდზე. ამისათვის თქვენ უბრალოდ უნდა დააჭიროთ ღილაკს „ფორმის ჩასმა“ და შეძლებთ სწრაფად შექმნათ და დაამატოთ ფორმა.

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

ეს არის კიდევ ერთი ძალიან პოპულარული მოდული, რომელიც ხელმისაწვდომია ორ ვერსიით - როგორც WordPress-ის მოდული და PHP კოდი "სახლის" საიტებზე ინტეგრაციისთვის. ამ მოდულის უნიკალურობა იმაში მდგომარეობს, რომ სპამერ რობოტები ავტომატურად ვლინდება საიტზე. captcha და Akismet Fast Secure ფორმის გამოყენებით, დანამატი ბლოკავს შეტევებს ყველაზე პოპულარული სპამის ტაქტიკის გამოყენებით. ეს ფუნქცია ამცირებს სპამის და ნებისმიერი სხვა არასასურველი ინფორმაციის ალბათობას.

უნივერსალური უფასო მოდული შესანიშნავი ინტუიციური drag'n'drop ინტერფეისით თქვენს WordPress საიტზე საკონტაქტო ფორმების შესაქმნელად. ადმინისტრაციულ პანელში შეგიძლიათ შექმნათ თქვენი ფორმა უბრალოდ გადათრევით და ჩაშვებით საჭირო ბლოკებიდა დააკონფიგურიროთ ისინი თქვენს საჭიროებებზე. მას ასევე აქვს უამრავი ფუნქცია, მათ შორის AJAX დამმუშავებელი, სანდო ანტი-სპამის მოდულები, მონაცემთა იმპორტი და ექსპორტი.

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

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

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

შევხვდებით სხვა პოსტებში!