WordPress saytining aloqa, bog’lanish formasini tayyorlash!

WordPress saytining aloqa, bog'lanish formasini tayyorlash!


Salom blogimning foydalanuvchilari! Saytning saytning aloqa formasini tayyorlashni o’rganib chiqamiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Bunaqa formani tayyorlash uchun sizdan kodlashni o’rganish yoki dasturchi yonlash talab etilmaydi. Siz shunchaki manashu maqoladagi ko’rsatmalardan foydalansangiz bo’ldi.

Albatta bunaqa forma ochish sayt foydalanuvchilari bilan aloqada bo’lib turish uchun kerak bo’ladi, shuning uchun bu maydon har doim ishlab turgan bo’lishi kerak.

Wpform plagini orqali bu ishlarni qilish juda oson. Quyida sizga video va matn ko’rinishida qo’llanmalar beriladi.

Saytda aloqa formasini ochish uchun videoni ko’ring!

Video yordamida o’rganish sizga unchalik qulay bo’lmagan bo’lsa, matnni o’qishda davom eting.

Demak, biz Wpform plagini-ni ishlatmoqchimiz, bu uchun albatta plaginni o’rnatish va sozlash  talab etiladi.

WordPress admin paneldan Plaginlar menyusiga kiramiz va bu yerdan yangi plagin qo’shish maqsadida Yangi qo’shish tugmasini bosamiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Qidiruv bo’limiga Wform Lite so’zini kiritamiz, ya’ni bu plaginning nomi. O’rnatish tugmasini bosib plaginni o’rnatib olamiz.

O’rnatib bo’lingandan so’ng Faollashtirish tugmasini bosish orqali faollashtiramiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Plagin faollashtirib bo’lingandan so’ng menyular bo’limida WPForms menyusi ochiladi. Shu menyuda  Add New sabmenyusiga kiramiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Forma quruvchining sozlama sahifasida, siz “Aloqa”-ga o’xshagan form nomini kiritishingiz mumkin.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Bu sahifada formalar turi ko’p, yuqorida ko’rsatilgani kabi biz oddiygina Aloqa formasini yaratmoqchimiz, shuning uchun Create a Simple Contact Form-ga kiramiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Forma maydonini sozlash.

Litsenziya turiga qarab (pulli va pulsiz), chap panel siz uchun tanlagan maydonlarni ko’rsatadi. O’ng tomondagi panelda sizning arizangizni o’zgartirish mumkin bo’lgan oldindan ko’rishni ko’rasiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Shaklingizga maydon qo’shish uchun, maydonni chap paneldagi to’g’ridan-to’g’ri ariza oldindan ko’rishga sudrab olib tashlashingiz mumkin.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Maydon tanlovlari maydon nomi va izohiga o’xshagan har qaysi sohaning detallarini va sozlamalarini sozlash imkonini beradi.

Har bir maydon uchun mavjud tanlov sozlamalarini ko’rish va tahrir qilish uchun, oldindan ko’rish ekranida o’sha sohani bosing! Maydon sozlamalari chap panelda hosil bo’ladi.

Tahrir qilishda, iloji boricha sayt foydalanuvchilariga tushinarliroq qilish kerak, masalan Name-ni Ism-ga o’zgartirish kerak bo’ladi, ya’ni o’zbekchalashtirish.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Chap tomonda nimani o’zgartirsak, o’zgarish ong panelda ko’rinadi va saytda ham shunday ko’rinadi. Shunga ko’ra o’zimiz uchun mos ko’rinishni yaratamiz, masalan eng yuqoridagi rasm kabi.

Maydon o’zgarishlarini qilib bo’lgandan so’ng Save tugmasini bosib saqlab qo’yamiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Endi, Settings-ga kiramiz. Bu yerda forma nomini, izohini va Submitni o’zgartirishimiz mumkin. Submit bu yuborish, o’zbek tilida yozamiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Notifications sozlamalarini qilamiz, bunda asosan foydalanuvchi yuborgan xabarlar qayerga borishini ko’rsatib qo’yish kerak, ya’ni elektron pochta manzilingizni kiritib qo’yasiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Confirmation formasi foydalanuvchiga xabarini muvaffaqiyatli yuborganini bildirish uchun xizmat qiladi. Xabari yetkazilganini bildirish uchun biror nima yozib qo’yamiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Formangizni sozlashni tugatganingizdan so’ng, shaklni saqlash uchun yuqoridan Save tugmasini bosing.

Endi sayt yuzasiga chiqarish uchun bizga maxsus kod beriladi. Bu kodni olishda yuqoridagi </>EMBED tugmasini bosamiz va ekranda kod hosil bo’ladi. Ctrl va A-ni bosib butun kodni belgilab, nusxalash tiramiz (kopiya qilamiz).

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Va keyin X-ni bosib bu maydondan chiqamiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Mana shu berilgan kodni biron sahifaga qo’yib saytga chop etishimiz mumkin. Yoki o’sha sahifaning ichidan formani qo’shishimiz ham mumkin.

Bu tayyor formani sahifadan tashqari vidjetga qo’shsak ham bo’ladi.

Formani qo’shmoqchi bo’lgan sahifaga kiramiz va matn maydonini Tekst modulida qo’yib kodni ko’chiramiz.

WordPress saytining aloqa, bog'lanish formasini tayyorlash!

Add Form-ga kirish orqali ham formani sahifaga qo’shsangiz bo’ladi. Oxirida Yangilash tugmasini bosamiz, shu bilan saytga chop etiladi.

Demak, Wpform Lite plaginini o’rnatdik va faollashtirdik, lekin o’zimiz uchun forma yaratib oldik. Yaratilgan forma uchun kod berildi va biz uni sahifa o’rnatish orqali saytga chop etdik.

E’tibor bergan bo’lsangiz bunda hech qanday chigal tomoni yo’q edi. Tushunmagan joyingiz bo’lsa kommentariyada qoldiring! Blogimga OBUNA bo’ling, shunda yangi maqolalardan birinchi bo’lib xabar topasiz.

Endi esa xayrlashamiz, xayr!

 

Muallif: Oxunjon G’aybullayev.

BULAR BILAN HAM TANISHING:

Publication author

offline 17 hours

Oxunjon G'aybullayev

10
Comments: 118Publics: 120Registration: 04-10-2017
Like this post? Please share to your friends:
Leave a Reply
Tarmoq orqali kiring: 

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: