როგორ დავაყენოთ საკონტაქტო ყუთი თქვენს WordPress ბლოგზე

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


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

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

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

თქვენი WordPress dashboard- დან გადადით თქვენს “მოდულების” გვერდზე და აირჩიეთ ვარიანტი “დაამატე ახალი”.

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

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

შემოგვიერთდით უფასო ტრენინგში

გსურთ გაიგოთ, თუ როგორ უნდა შექმნათ 6 ფიგურის ავტორიტეტის საიტები?

შემოგვიერთდით უფასო ტრენინგში…

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

საკონტაქტო ფორმა 7

შემდეგ გვერდზე, დააჭირეთ ღილაკს “გააქტიურება მოდული.”

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

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

თქვენი დაფის გვერდიდან

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

შემდეგი გვერდი ასე გამოიყურება:

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

უფასო დომენი ჰოსტინგით

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

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

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

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

თქვენ ასევე ნახავთ კოდი “წარდგენის” ღილაკს.

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

საკონტაქტო ფორმა 7

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

და მთავრდება

.)

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

მოედანი

[ველი კოდი]

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

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

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

შემდეგ, ჩავწერდი

ვებსაიტზე
, დააჭირეთ Enter- ს, შემდეგ კი პარამეტრების ღილაკიდან აირჩიეთ “URL”. ჩამოსაშლელ ფანჯარაში შემიძლია ჩემი პარამეტრების მორგება, მაგალითად ამ ველი საჭიროების არჩევისას. ამ შემთხვევაში, მე უბრალოდ წავიდა ნაგულისხმები და დააჭირეთ ღილაკს “ჩასმა Tag”. შემდეგ, მე დავამატე აბზაცის დახურვის ჩანაწერი (

).

ასე გამოიყურება ფორმა HTML ფორმატში:

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

ეს არის ის, რაც ახლა პირდაპირ ეთერში გამოიყურება:

ცოცხალი საკონტაქტო ფორმა 7

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

Ყველაფერი შესრულებულია? დააჭირეთ ღილაკს “შენახვა” თქვენი ეკრანის ბოლოში ან მარჯვენა მხარეს.

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

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

1. აჩვენეთ თქვენი ფორმა გვერდზე / პოსტი

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

მოკლე ფორმა თქვენი საკონტაქტო ფორმის ყუთისთვის

დააჭირეთ ღილაკს მარჯვენა ღილაკზე და დააჭირეთ ღილაკს “ასლი”.

შემდეგ, ნავიგაცია ჩასვით იმ გვერდზე, რომელზეც გსურთ თქვენი საკონტაქტო ფორმის ჩვენება. განათავსეთ კურსორი, სადაც გსურთ, რომ გამოჩნდეს ფორმა, დააჭირეთ მაუსის მარჯვენა ღილაკს და აირჩიეთ “ჩასმა”. (შეგიძლიათ ჩასვათ იგი ვიზუალური ან ტექსტური რეჟიმში, ამას მნიშვნელობა არ აქვს.)

როგორც მარტივია! დარწმუნდით, რომ გადახედეთ თქვენს გვერდს, რომ თქვენი ფორმის ფორმა სწორად გამოჩნდეს.

2. დაამატეთ ფორმა, როგორც ვიჯეტი

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

საკონტაქტო ფორმა თქვენს ბლოგზე

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map