შუადღე მშვიდობისა, ძვირფასო ბლოგის მკითხველებო. ჩვენ ვაგრძელებთ უკუკავშირის ფორმების თემას WordPress-ზე. და რადგან ჩვენ ვსაუბრობთ მათზე, მე ვთავაზობ დღეს ვისაუბროთ WP Contact Form 7 მოდულის შესახებ. შემდეგ გეტყვით დანამატის ნაბიჯ-ნაბიჯ დაყენებას და ასევე მოკლედ აღვწერ ამ მოდულის დანამატებს.

გვერდის ნავიგაცია:

WordPress საკონტაქტო ფორმის 7-ის აღწერა

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

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

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

5) მიუთითეთ საკონტაქტო ფორმის სახელი და დააჭირეთ შენახვას.

6) ახლა ჩვენ გვაქვს მოკლე კოდი, რომლის დაკოპირება და ჩასმა უკვე შესაძლებელია პოსტში ან გვერდით ზოლში, რათა გამოჩნდეს ფორმა - contact-form-7 id="1252" title="(!LANG:ფორმის ნომერი 1" (надо взять в !} კვადრატული ფრჩხილებიროგორც სურათზე).

7) ასე გამოიყურება ჩვენი ფორმა:

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

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

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

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

საკონტაქტო ფორმის 7 შეყვანის ველის მორგება

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

მიმდინარეობს პასუხის პასუხის კონფიგურაცია საკონტაქტო ფორმისთვის 7

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

სწორი მისამართი, რომელიც შეესაბამება თქვენს დომენს. ჩანს კანიდან და ეს რეკომენდაცია ქმნის პრობლემას:

როგორ მივიღოთ პასუხი მომხმარებლისთვის მეილერიდან?

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

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

Გამოეხმაუროთ:

რა თქმა უნდა, თქვენი-email-sh უნდა შეიცვალოს თქვენი ფოსტის მოკლე კოდით. იხილეთ კანი ქვემოთ:

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

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

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

(ბოლო განახლება: 05/19/2019)

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

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

ოჰ, წერილი მოვიდა! საკონტაქტო ფორმა 7 კარგად შესრულებულია

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

WordPress საკონტაქტო ფორმა 7 მოდული

დანამატი WP საკონტაქტო ფორმისთვის 7

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

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

როგორ დააინსტალიროთ დანამატი

ნაგულისხმევად საკონტაქტო ფორმა #1

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

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

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

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

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

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

გაიხსნება ფანჯარა - Form Tag Generator: file:

ფოსტაზე ატვირთული ფაილის დასამაგრებლად, თქვენ უნდა ჩასვათ ტეგი ()

საკონტაქტო ფორმა 7 ვრცელდება ნაგულისხმევი ლიმიტები ფაილის ტიპისა და ფაილის ზომაზე. როდესაც არ აყენებთ თქვენს ვარიანტებს, ფაილის ნაგულისხმევი გაფართოებებია: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav და wmv. და ფაილის ნებადართული ზომაა 1 მბ (1048576 ბაიტი). დააჭირეთ ღილაკს "ჩასმა ტეგი":

ფაილის ტეგი ჩასმულია ფორმის შაბლონში

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

აირჩიეთ ფაილის ღილაკი საკონტაქტო ფორმაში

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

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

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

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

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

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

Თუ თქვენ გაქვთ ახალი გვერდიავტომატურად ემატება მენიუს, შემდეგ ვაყენებთ „შეკვეთას“ 1, 2 ან 3 (რომელიც მენიუშია, გამოჩნდება საკონტაქტო გვერდი). დააჭირეთ ღილაკს "გამოქვეყნება". ყველაფერი. მზადაა. თქვენ ასევე შეგიძლიათ ხელით დაამატოთ გვერდი მენიუში. ახლა თქვენ გაქვთ ფორმა ბლოგის/საიტის ავტორთან დასაკავშირებლად.

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

იღებთ სპამს საკონტაქტო ფორმის 7-ის მეშვეობით?

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

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

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

Google reCAPTCHA v3 ინტეგრაცია: სპამისგან დაცვა

დანამატის ინტეგრაცია სხვა recaptcha სერვისებთან

გაატარეთ Setup Integration და შემდეგ მიჰყევით ბმულს, რომ მიიღოთ ReCaptcha API გასაღებები:

reCAPTCHA არის Google სერვისი

reCAPTCHA-ს გამოყენების დასაწყებად, ჯერ უნდა დაარეგისტრიროთ თქვენი WordPress საიტი. reCAPTCHA არის Google სერვისი, ამიტომ მისი გამოსაყენებლად გჭირდებათ Google ანგარიში. შედით Google-ში გამოყენებით ანგარიშიდა მიჰყევით ბმულს https://www.google.com/recaptcha/admin. თქვენ ნახავთ მარტივ სარეგისტრაციო ფორმას, როგორიცაა:

დაარეგისტრირეთ WordPress საიტი. Goodle reCAPTCHA

მიუთითეთ სახელი. აირჩიეთ reCAPTCHA v3 (reCAPTCHA v3 არ საჭიროებს CAPTCHA ვიჯეტის ("მე არ ვარ რობოტი" ჩამრთველი, რომელიც გამოიყენება reCAPTCHA v2)) და შეიყვანეთ საიტის დომენი Domains ველში. საიტის რეგისტრაციის შემდეგ თქვენ მიიღებთ საიტის გასაღებს და საიდუმლო გასაღებს. შეიყვანეთ ისინი (სკრინშოტი ზემოთ) და შეინახეთ პარამეტრები. Სულ ეს არის. თქვენი საკონტაქტო ფორმა ახლა იყენებს reCAPTCHA ქულას, რათა შეამოწმოს, გაგზავნილი იყო თუ არა შეტყობინება ადამიანისგან თუ სპამის ბოტიდან.

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

საკონტაქტო ფორმის გამოჩენა - საკონტაქტო ფორმა 7 სტილი

საკონტაქტო ფორმების სტილები 7

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

მზა შაბლონები ფორმისთვის

მაგალითად, მე შევცვალე გარე სტანდარტი ამ ლამაზზე:

საკონტაქტო ფორმის გამოჩენა

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

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

Საბოლოოდ:

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

რატომ არ მუშაობს საკონტაქტო ფორმა 7 (არ იგზავნება ელ.წერილი)?

1. თქვენი ჰოსტინგის პრობლემები მნიშვნელოვანია აღინიშნოს, რომ ელ.ფოსტის გაგზავნა და მიღება დიდად არის დამოკიდებული სერვერზე, რომელიც მასპინძლობს თქვენს WordPress საიტს;
2. დარწმუნდით, რომ იყენებთ დაბრუნების სწორ ელფოსტის მისამართს;
3. თქვენი ელფოსტა შეიძლება ჩაითვალოს სპამად;
4. დანამატები ან თემის კონფლიქტი საკონტაქტო ფორმა 7-თან;
5. Javascript კონფლიქტები.

თუ ამ მოდულიდან ელ.წერილს ვერ გაგზავნით, სავარაუდოა, რომ ზოგადად WordPress-დან ელ.წერილს ვერ გაგზავნით. ამ შემთხვევაში, ბატონებო, შეგიძლიათ მიიღოთ ხშირად დასმული კითხვები მოდულის მუშაობის შესახებ გვერდზე https://contactform7.com/faq/.

ან მხარდაჭერის ფორუმზეhttps://wordpress.org/support/plugin/contact-form-7/. ინგლისური ენაარ აქვს მნიშვნელობა, ყველაფერი გაირკვევა თქვენი საყვარელი ბრაუზერის თარგმანით.

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

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

(function(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId: "RA -292864-4", renderTo: "yandex_rtb_R-A-292864-4", async: true )); )); t = d.getElementsByTagName ("script"); s = d.createElement ("script"); s .type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); ))(ეს , this.document, "yandexContextAsyncCallbacks");

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

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

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

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

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

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

საიტის წინა ნაწილი

ახლა მოდით შევინახოთ სტატია და ვნახოთ, როგორ გამოიყურება ჩვენი ფორმა (Twenty Sixteen თემის გამოყენებით):

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

ფორმის მორგება (კომპლექსური ფორმების შექმნა)

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

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

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

და ქვემოთ არის ოთხი ჩანართი:

1. ფორმის შაბლონი
2. წერილი
3. დამატებითი პარამეტრები

მოდით განვიხილოთ თითოეული ჩანართი ცალკე.

ფორმის შაბლონი

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

ფორმის განლაგება

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

თქვენი სახელი (აუცილებელია) თქვენი ელფოსტა (აუცილებელია) Თემა შეტყობინება

და როდესაც გამოჩნდება პოსტში, ის გადაიქცევა ამ HTML-ში:

მოკლე კოდის სინტაქსი

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

ტეგი მოგვიანებით გარდაიქმნება ტექსტურ ველში html კოდით:

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

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

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

დიზაინერთან ერთად ამას თავად გაერკვევით.

და აქ გავაანალიზებთ მოკლე კოდის სინტაქსს.

მაგალითად, განიხილეთ ტეგი ტექსტის ველიდამატებითი პარამეტრებით:

ტექსტი (აუცილებელია)ველის ტიპი: ტექსტი, არჩევა, პაროლი, ნომერი და ა.შ. (v ამ საქმესტექსტის ველი). ადგენს, თუ რომელ ფორმულ ელემენტში გადაიქცევა ჩვენი ტეგი, რაც ნიშნავს, თუ რა სახის მონაცემებს მიიღებს იგი. * ვარსკვლავი აიძულებს ველს (ფორმა არ გაიგზავნება და გამოჩნდება შეტყობინება, რომ ველი უნდა იყოს შევსებული). კლიენტის სახელი (აუცილებელია)ველის სახელი გამოიყენება როგორც სახელის ატრიბუტი შეყვანისას და ასევე გამოიყენება გაგზავნილი წერილის შაბლონის ფორმირებისას. id:my-id id ატრიბუტი შეყვანისას my-id მნიშვნელობით. გამოიყენება დეკორაციისთვის. class:my-class კლასის ატრიბუტი შეყვანისას my-class მნიშვნელობით. გამოიყენება დეკორაციისთვის. placeholder "(!LANG: შეიყვანეთ სახელი" Использовать текст "Введите имя" как placeholder. !}

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

ველის ტიპები

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

წერილის შაბლონი

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

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

ელფოსტის სათაურები:

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

საიდან - სახელი და ელფოსტა, ვისგანაც მოვიდა წერილი. ჩვეულებრივ, აქ მითითებულია სერვერის ფოსტა (მაგალითად [ელფოსტა დაცულია]).

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

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

• დამატებითი სათაურები - Reply-To: იწერება აქ ნაგულისხმევად. პასუხის სათაური გვეუბნება, რომ ამ ელფოსტაზე პასუხის გაცემა შესაძლებელია ღილაკზე „პასუხის“ დაჭერით ფოსტის პროგრამა, და ფორმის ტეგი არის ველის სახელი შაბლონიდან. ამ ტეგის ნაცვლად მომხმარებლის მიერ მითითებული ელფოსტა იქნება ჩასმული. თქვენ მიიღებთ პასუხს: [ელფოსტა დაცულია].

წერილის სხეული

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

მოდით გავაანალიზოთ ნაგულისხმევი ასო:

მდებარეობა:<>თემა: შეტყობინება: -- გამოგზავნილია საიტიდან საკონტაქტო ფორმის 7 მოდულის შესწავლიდან (http://test-wp.ru)

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

საწყისი: დიმიტრი თემა: შეკითხვა საკონტაქტო ფორმა 7-ის შესახებ შეტყობინება: გამარჯობა! მაქვს შეკითხვა საკონტაქტო ფორმის 7 მოდულის შესახებ, როგორ დავაყენო? -- გამოგზავნილია საიტიდან Exploring Contact Form 7 Plugin (http://test-wp.ru)

ნებაყოფლობითი ველები ელფოსტის ტექსტში

თუ მომხმარებელი არ შეავსებს ველს, მაგრამ იგი გამოიყენება ასოს ტანში, მაშინ ასოს ტექსტი არასრული იქნება. მაგალითად, სხეული ამბობს Man from the city, მაგრამ მომხმარებელმა არ შეავსო ველი, რაც ნიშნავს, რომ წერილში მივიღებთ Man from the city... წერილში ასეთი სტრიქონი ზედმეტია. ამ სტრიქონის ელფოსტიდან ამოსაღებად, მონიშნეთ ყუთი „გამორიცხეთ ხაზების გამომავალი ცარიელი შეტყობინების ტეგებით“. გაითვალისწინეთ, რომ ეს იმუშავებს მხოლოდ მაშინ, როდესაც ველის ტექსტი და მოკლე კოდი ერთ ხაზზეა.

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

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

გაგზავნის შეტყობინებების ფორმა

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

ასოების შაბლონის ტეგები არ მუშაობს ამ ველებში.

დამატებითი პარამეტრები

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

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

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

შეგიძლიათ ჩამოტვირთოთ საკონტაქტო ფორმა 7 მოდული WordPress-ის ოფიციალურ ვებსაიტზე

შეგიძლიათ ჩამოტვირთოთ Really Simple CAPTCHA მოდული WordPress-ის ოფიციალურ ვებსაიტზე

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

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

გადაიტანეთ მაუსი ფორმის სახელზე და აირჩიეთ "რედაქტირება"

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

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

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

ფორმაში ახალი ველების დასამატებლად დააწკაპუნეთ ჩამოსაშლელ სიაზე No 3 - „გენერაციული ტეგი“ და ჩამოსაშლელი სიიდან აირჩიეთ საჭირო ელემენტი.

• ტექსტის ველი
• ფოსტა
• Ტელეფონის ნომერი
• ნომერი (სპინბოქსი)
• ნომერი (სლაიდერი)
• ტექსტის ველი
• ჩამოსაშლელი მენიუ
• მოსანიშნი ველები
• რადიოს ღილაკები
• მიღება
• Კითხვა
• CAPTCHA
• ფაილის გაგზავნა
• გაგზავნის ღილაკი

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

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

ტექსტის ველი

ჩამოსაშლელი სიიდან აირჩიეთ ელემენტი "ტექსტური ველი"

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

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

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

ფოსტა

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

URL

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

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

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

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

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

თარიღი

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

ტექსტის ველი

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

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

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

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

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

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

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

გადამრთველები (ჟარგონი. რადიო ღილაკები) გამოიყენება მაშინ, როცა საჭიროა რამდენიმე შემოთავაზებულიდან ერთი ერთი ვარიანტის არჩევა. ველის მონიშვნით „ჯერ მოათავსეთ ეტიკეტი და შემდეგ მონიშნეთ ველი?“ ეტიკეტის მდებარეობა და შერჩევის ველი იცვლება, ნაგულისხმევად, ჯერ შერჩევა, შემდეგ ლეიბლი.

მიღება

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

Კითხვა

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

ფორმას ამატებს სპამისგან დაცვას.

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

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

ფაილის გაგზავნა

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

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

ფორმის გაგზავნა. "Shortcut" განყოფილების პარამეტრებში - შეგიძლიათ მიუთითოთ ღილაკის სახელი (გაგზავნა, პასუხი, გაგზავნა 🙂)

საკონტაქტო ფორმის 7 გარეგნობის მორგება

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

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

Wpcf7 (ფონის ფერი:#ddd; ) /*ფორმის ფონის ფერი */ .wpcf7 შეყვანა, .wpcf7 textarea( padding:5px; ფერი:#1D1D1D; font-family:Arial, Helvetica, sans-serif; შრიფტის ზომა: 16 პიქსელი; ხაზის სიმაღლე: 20 პიქსელი; საზღვრები: 1 პიქსელი მყარი #C7C7C7; ყუთი-ჩრდილი: ჩასმული 2 პიქსელი 2პიქსელი 8 პიქსელი #F9F9F9; -ვებკიტი-გარდამავალი: ყველა 0.2 წამი სიმარტივე; -moz-გარდამავალი: ყველა 0.2 წმ სიმარტივე; -o-გადასვლა : ყველა 0.2s ease; გადასვლა: ყველა 0.2s ease; ) .wpcf7 .wpcf7-list-item( padding-left: 0; margin-left: 0; margin-right: 25px; ) .wpcf7 .wpcf7-list-item input( საზღვარი: არცერთი; padding-left: 0; margin-left: 0; ) .wpcf7 select( მონახაზი: არცერთი; შრიფტის ზომა:16px; font-family:Arial, Helvetica, sans-serif; ) .wpcf7 შეყვანა: hover, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:hover, .wpcf7 textarea:focus, .wpcf7 textarea:active (ფონი: #FDFDFD; მონახაზი: არ არის; )

რა არის აქ რა.

.wpcf7 შეყვანა, .wpcf7 textarea - შეყვანის ველის სტილი (ტექსტური ველი)

1. padding- ადგენს შეწევას შიგთავსიდან ელემენტის საზღვრამდე. აქ - ველში შეყვანილი ტექსტიდან შეწევა ველის საზღვრამდე. მნიშვნელობა დაყენებულია პიქსელებში Xpx, სადაც X არის პიქსელების რაოდენობა. მაგალითი: padding: 5px 3px 6px 8px;
2. ფერი- ტექსტის ფერი.
3. შრიფტი-ოჯახი- შეყვანის ველების შრიფტი.
4. შრიფტის ზომა- შრიფტის ზომა
5. ხაზის სიმაღლე- ხაზის სიმაღლე
6. საზღვარი- ჩარჩო შეყვანის ველის გარშემო
7. ყუთის ჩრდილიჩრდილის ბლოკირება. ჩასმამიუთითებს, რომ ჩრდილი შიდაა. თუ გსურთ გარე ჩრდილი, გამოტოვეთ ეს მნიშვნელობა. მეორე და მესამე მნიშვნელობები 2px 2px მიუთითებს ჩრდილის ჰორიზონტალურ და ვერტიკალურ შერწყმაზე, შესაბამისად. მეოთხე მნიშვნელობა, 8px, განსაზღვრავს დაბინდვის რადიუსს ჩრდილისთვის. მეხუთე - #F9F9F9 - ჩრდილის ფერი.

საკონტაქტო ფორმის 7 ღილაკის მორგება

.buttons_form ( padding: 0px; სიმაღლე: 30px; სიგანე: 150px !important; საზღვარი: არცერთი !მნიშვნელოვანი; კურსორი: მაჩვენებელი; ფერი: #fff; -webkit-border-radius: .5em; -moz-border-radius: . 5em; საზღვრის რადიუსი: .5em; ფერი: #faddde; კონტური: მყარი 1px #980c10; ფონი: #d81b21; ფონი: -webkit-gradient(წრფივი, მარცხენა ზედა, მარცხენა ქვედა, from(#ed1c24), to (# aa1317)); ფონი: -moz-linear-gradient(top, #ed1c24, #aa1317); ფილტრი: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed1c24", endColorstr="#aa1317"); )

საკონტაქტო ფორმა 7 შეტყობინების სტილი

ის პასუხისმგებელია შეცდომებზე ან წარმატებულ წარდგენაზე.

Wpcf7 .wpcf7-validation-errors( border:none; background-color:#246416; color:#fff; margin:0; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ok( -radius: 10px; border-radius: 10px; ) .wpcf7 .wpcf7-mail-sent-ng( border:none; background-color:# 349622; ზღვარი:0; padding:20px; -moz-საზღვრის-რადიუსი: 10px; საზღვრის-რადიუსი: 10px; ფერი: თეთრი; ) .wpcf7 span.wpcf7-not-valid-tip( border:none; background-color :#349622; padding: 5px; padding- მარცხნივ: 5px; padding-მარჯვნივ: 5px; საზღვრის-რადიუსი:10px; სიგანე: 290px; ფერი: თეთრი; /* Drop shadow */ -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px rgba(0,0,0,0.3); )

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

Wpcf7 (ფონის ფერი:#ddd; ) /*ფორმის ფონის ფერი */ .wpcf7 შეყვანა, .wpcf7 textarea( /* კოდის ეს ნაწილი პასუხისმგებელია შეყვანის ველების სტილზე, ტექსტის არეებზე */ padding:5px; /* აყენებს ველების ელემენტს მის შინაარსამდე, შეგიძლიათ დააყენოთ ნებისმიერი მნიშვნელობა, მაგალითად 10px */ ფერი:#1D1D1D; /* ტექსტის ფერი შეყვანის ველებში */ font-family:Arial, Helvetica, sans-serif; /* ტექსტის შრიფტი შეყვანის ველებში */ შრიფტი - ზომა: 16 პიქსელი; /* ტექსტის ზომა შეყვანის ველებში */ ხაზის სიმაღლე: 20 პიქსელი; /* ხაზის სიმაღლე შეყვანის ველებში */ საზღვარი: 1 პიქსელი მყარი #C7C7C7; /* ველების გარშემო. პირველი მნიშვნელობა არის სიგანე პიქსელებში, მეორე - box სტილი, მესამე - მისი ფერი */ box-shadow: inset 2px 2px 8px #F9F9F9; /* Box shadow 2px - x offset, 2px - y offset, 8px - shadow blur რადიუსი, #F9F9F9 - ჩრდილის ფერი */ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;) .wpcf7 . wpcf7-list- item( padding-left: 0; margin-left: 0; margin-right: 25px; ) .w pcf7 .wpcf7-list-item input( border: none; padding-მარცხნივ: 0; ზღვარი-მარცხნივ: 0; ) .wpcf7 select( მონახაზი: არცერთი; შრიფტის ზომა: 16 პიქსელი; font-family:Arial, Helvetica, sans-serif; ) .wpcf7 შეყვანა:hover, .wpcf7 შეყვანა:focus, .wpcf7 შეყვანა:active, .waap hover, .wpcf7 textarea:focus, .wpcf7 textarea:active ( /* ეს ნაწილი პასუხისმგებელია შეყვანის ველების სტილზე მათზე მაუსის მაჩვენებლით გადაადგილებისას */ ფონი: #FDFDFD; /* შეყვანის ველის ფონი მასზე მაუსის მაჩვენებლით გადაადგილებისას */ მონახაზი : არცერთი; /* ტექსტის შეყვანის ველის გარე საზღვარი */ ) o-ტრანზიცია: 0; გარდამავალი: 0; საზღვარი: არცერთი; /* ღილაკის გარშემო კონტური */ პოზიცია: შედარებითი; ფერი: #fff; /* ტექსტის ფერი */ ტექსტის ტრანსფორმაცია: დიდი; /* ტექსტის ტრანსფორმაცია (ზედა ნიშნავს, რომ ღილაკზე ტექსტი გამოჩნდება დიდი ასოები) */ /* ღილაკის კუთხეების დამრგვალება. შემდეგი სამი თვისების მნიშვნელობები უნდა იყოს იგივე, რადგან ისინი იგივეა სხვადასხვა ბრაუზერებისთვის */ -webkit-border-radius: 6px; /* მრგვალი კუთხეები Chrome-ისთვის */ -moz-border-radius: 6px; /* მრგვალი კუთხეები Mozilla FireFox-ისთვის */ border-radius: 6px; /* მრგვალი კუთხეები ყველა სხვა ბრაუზერისთვის, მობილურის ჩათვლით */ შრიფტის ზომა: 14 პიქსელი; /* ღილაკის ტექსტის ზომა */ font-weight: bold; /* ტექსტის სტილი (bold ნიშნავს თამამს) */ padding-top: 11px; /* ზედა padding ელემენტის კიდიდან მის შინაარსამდე */ padding-bottom: 10px; /* padding ელემენტის ქვემოდან მის შინაარსამდე */ padding-left: 35px; /* ელემენტის კიდის მარცხნივ ჩასმა მის შინაარსზე */ padding-right: 35px; /* ელემენტის კიდიდან მის შინაარსამდე მარჯვნივ ჩასმა */ /* გრადიენტური ფონი - გრადიენტური ღილაკის ფონი */ ფონის ფერი: #000000; /* ღილაკის ფონის ფერი, თუ გრადიენტი არ არის მხარდაჭერილი ბრაუზერის მიერ */ /* შემდეგ თვისებებში ფერები უნდა იყოს მითითებული იმავე გზით, რადგან ისინი ერთნაირია, მხოლოდ სხვადასხვა ბრაუზერებისთვის. მოდით შევხედოთ პირველ ქონებას. ნაწილი from(#676767), to (#3B3B3B) ნიშნავს, რომ ჩვენ გვჭირდება გრადიენტის ჩვენება, სადაც ფერი #676767) არის გადასვლა ფერზე #3B3B3B */ ფონზე: -webkit-gradient(ხაზოვანი, მარცხენა ზედა, მარცხენა ქვედა, from( #676767), to (#3B3B3B)); ფონი: -moz-linear-gradient(top, #349622, #246416); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#349622", endColorstr="#246416"); -ms-ფილტრი: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#349622, endColorstr=#246416)"; /* Drop Shadow - ღილაკის ჩრდილი. ჩრდილის ფერი მითითებულია RGBA */ -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3); ) /* On hover - ღილაკის სტილი მაუსის ინდიკატორის დაჭერისას. ყველაფერი თითქმის იგივეა, რაც წინა ბლოკში */ .wpcf7 input.wpcf7-submit:hover( კურსორი: მაჩვენებელი; ტექსტის დეკორაცია: არცერთი; ფონის ფერი: #000000; ფონი: -webkit-გრადიენტი (წრფივი, მარცხენა ზედა , მარცხენა ქვედა, from(#246416), to (#349622)); ფონი: -moz-linear-gradient(top, #246416, #349622); ფილტრი: progid:DXImageTransform.Microsoft.gradient(startColorstr="# 246416 ", endColorstr="#349622"); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#246416, endColorstr=#349622)"; ) /* დაწკაპუნებით - ღილაკის სტილი მასზე დაწკაპუნებისას თითქმის იგივე, რაც წინა ბლოკში */ .wpcf7 input.wpcf7-submit:active( top: 1px; ფერი: #d8c6e2; /* ღილაკის ტექსტის ფერი დაწკაპუნებისას */ background-color: #000000; background: -webkit-gradient( წრფივი, მარცხენა ზედა, მარცხენა ქვედა, from(#FF0000), to (#246416)); ფონი: -moz-linear-gradient(ზედა, #FF0000, #246416); ფილტრი: progid:DXImageTransform .Microsoft.gradient(startColorstr. ="#FF0000", endColorstr="#246416"); -ms-filter: "progid:DXImag eTransform.Microsoft.gradient(startColorstr=#FF0000, endColorstr=#246416)"; -webkit-box-shadow: არცერთი; -moz-box-shadow: არცერთი; ყუთი-ჩრდილი: არცერთი ) /* CF7 Messages - შეტყობინებების სტილი წარმატებული გაგზავნის, შეცდომების და ა.შ. ** ტექსტის ფერი */ ზღვარი: 0; /* გარე შიგთავსი */ შიგთავსი: 20 პიქს; /* შიდა შიგთავსი */ /* ბრაუზერის კუთხის დამრგვალება - შემდეგი 3 თვისება */ -webkit-border-radius: 10px; -moz- საზღვარი - რადიუსი: 10 პიქსელი; საზღვრის რადიუსი: 10 პიქსელი; ) .wpcf7 .wpcf7-mail-sent-ok( /* წარმატებული შეტყობინების სტილი */ საზღვარი: არა; /* შეტყობინების ბლოკის საზღვარი */ ფონის ფერი:#7ad33f; / * ფონი */ ზღვარი: 0; /* გარე შიგთავსი */ შიგთავსი: 20 პიქს; /* შიდა შიგთავსი */ /* ბრაუზერის კუთხის დამრგვალება - შემდეგი 3 თვისება */ -webkit-border-radius: 10px; -moz- border-radius: 10px; border-radius: 10px;. 10px; -moz-border-radius: 10px; border-radius: 10px; ფერი: თეთრი; ) .wpcf7 span.wpcf7-not-valid-tip( border:none; backgrou nd-color:#349622; padding: 5px; padding-მარცხნივ: 5px padding-right: 5px; საზღვარი-რადიუსი:10px; სიგანე: 290 პიქსელი ფერი: თეთრი; /* Drop shadow */ -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0. 3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px rgba(0,0,0,0.3); ) .wpcf7-form .fleft( float: მარცხნივ; ) .wpcf7-form .mright20( margin-right: 20px; ) .wpcf7-form .mright40( margin-right: 40px; ) .wpcf7-form: .clear(clear ორივე ;)

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

ის ფაქტი, რომ ფასიან დანამატებს შორისაც არ არსებობს აშკარა ალტერნატივა, შეიძლება ვიმსჯელოთ იმის მიხედვით, თუ რამდენად ხშირად გამოიყენება საკონტაქტო ფორმა 7. ამ პოსტის დაწერის დროს ეს დანამატი გადმოწერილია 28,800,000-ზე მეტჯერ მხოლოდ WordPress-ის ოფიციალური საიტიდან. და საშუალო რეიტინგი არის 4.5 5-დან! ეს ნამდვილად დიდი წარმატების ნიშანია. გარდა ამისა, თუ გადახედავთ ყველაზე გაყიდვადი პრემიუმ WP თემებს, თითქმის ყველა მათგანში ნახავთ საკონტაქტო ფორმა 7 დანამატს, როგორც რეკომენდებულია ან დაინსტალირებულია ნაგულისხმევად.

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

საკონტაქტო ფორმის 7 მოდულის დაყენება

შეგიძლიათ ჩამოტვირთოთ საკონტაქტო ფორმა 7 მოდული ოფიციალური WordPress საიტიდან (ზემოთ მოცემული ბმული), ან პირდაპირ ჩანართის საშუალებით "Plugins" > "Add New" > Line "Search plugins" > Drive in "Contact Form 7". არ დაგავიწყდეთ მოდულის გააქტიურება დაწყებამდე: „დამატებები“ > „დაინსტალირებული“ > იპოვეთ საკონტაქტო ფორმის 7 მოდული > დააწკაპუნეთ „გააქტიურება“. ახალი პუნქტი „საკონტაქტო ფორმა 7“ გამოჩნდება თქვენი საიტის გვერდით ადმინისტრაციულ პანელში.

საკონტაქტო ფორმის 7 მოდულის კონფიგურაცია

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

უკუკავშირის ფორმის დამატების მაგალითი

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

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

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

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

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

"წერილი"- ეს არის წერილის გარეგნობა და შინაარსი, რომელსაც მიიღებთ მას შემდეგ, რაც სტუმარი შეავსებს ფორმას.

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

4. ტეგის ვარიანტები ფორმა შაბლონის ჩანართში.

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

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

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

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

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

ნებისმიერი ველი შეიძლება გახდეს სავალდებულო (როგორც წესი, ასეთი ველები აღინიშნება *) შესავსებად, ამისათვის თქვენ უნდა მონიშნოთ ველი ველის ტიპი > აუცილებელი ველი. ყურადღება!არ დაგავიწყდეთ, ტექსტში მიუთითოთ მომხმარებლებისთვის, რომ ველი აუცილებლად უნდა იყოს შევსებული!

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

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

submint: ტეგი ამატებს ღილაკს „გაგზავნა“ (სახელი შეიძლება შეიცვალოს).
ეს არის ეკრანი ყველა ტეგით, რომელიც მე შევქმენი, ქვემოთ კი არის საიტის ფორმის ეკრანი. გთხოვთ გაითვალისწინოთ, რომ „ფორმის შაბლონი“ მხარს უჭერს HTML ტეგებს, ამიტომ მე ვაკეთებ განმარტებებს მომხმარებლებისთვის, რომლებიც იყენებენ HTML-ის გამოყენებითტეგები.

5. ჩანართი „წერილი“.

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

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

6. ფორმის ინსტალაცია საიტზე.

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

დადებითი და უარყოფითი მხარეები მოკლედ

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

მინუსები:
- არ დაგავიწყდეთ გენერირებულ ასოზე დამატებითი ტეგების დამატება
– ფორმისა და ასოს დიზაინი მოითხოვს HTML-ის მინიმალურ ცოდნას

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