OrderRepo
Plaginlar ro‘yxatiga support@orderreport.app
en ru uz

WordPress Plugin Docs

WordPress uchun OrderReport

Bu OrderReport WordPress plagini uchun to‘liq hujjatlar sahifasi. Bu yerda butun jarayon jamlangan: OrderReport ichida nimalarni tayyorlash kerakligi, plaginni qanday o‘rnatish, API key qayerga yozilishi, WooCommerce va forma integratsiyalarini qanday yoqish, yuborilgan ma’lumotlarni qanday tekshirish va biror narsa ishlamasa nima qilish kerakligi.

API hujjatlarini ochish Qo‘llab-quvvatlash bilan bog‘lanish

Boshlashdan oldin kerak bo‘ladigan narsalar

  • OrderReport ichida faol loyiha.
  • Loyiha ichiga qo‘shilgan va yoqilgan sayt domeni.
  • Faol project API key.
  • WordPress administrator huquqi.
  • Do‘kon buyurtmalarini yuborish uchun WooCommerce.

Plagin nima qiladi

Bitta integratsiya nuqtasi

Plagin WordPress saytingizni OrderReport bilan bog‘laydi va WooCommerce buyurtmalari, frontend event’lar hamda mashhur forma plaginlarining muvaffaqiyatli yuborilishlarini jo‘nata oladi.

Muhim tafsilot

API key server tomonda qoladi

Plagin buyurtma va event’larni WordPress orqali yuboradi va API key’ni foydalanuvchi brauzeriga chiqarmaydi. Bu production saytlar uchun xavfsizroq.

Sozlangandan keyin

Tekshiruv darhol ko‘rinadi

Sozlamalar sahifasida diagnostika bloki bor: u oxirgi muvaffaqiyatli so‘rov va oxirgi xatoni ko‘rsatadi, shuning uchun ma’lumot OrderReport’ga yetib borganini tez bilasiz.

1

Qadam

OrderReport loyihasini tayyorlang

Plaginni o‘rnatishdan oldin OrderReport ichida loyihani tayyorlang. Bu eng muhim bosqich: faol loyiha, domen va API key bo‘lmasa, WordPress plagini hech narsa yubora olmaydi.

  1. 1

    Loyiha yarating yoki mavjudini tanlang

    OrderReport’ni oching va yangi loyiha yarating yoki WordPress saytingizdan buyurtma va event’lar kelishi kerak bo‘lgan mavjud loyihani tanlang.

  2. 2

    Sayt domenini qo‘shing

    Loyiha ichida example.com yoki shop.example.com kabi domenni qo‘shing. Domen faol bo‘lishi kerak, aks holda API so‘rovlari rad etiladi.

    WordPress server tomondan yuborsa ham, API Origin’ni tekshiradi. Domen baribir qo‘shilishi kerak.
  3. 3

    Project API key yarating

    API key yarating va saqlang. Keyin WordPress plagini sozlamalariga aynan shu key yoziladi.

  4. 4

    Formalarni kuzatmoqchi bo‘lsangiz event yarating

    Agar forma yuborilishlari OrderReport’da ko‘rinsin desangiz, Events bo‘limida kerakli event’larni yarating va ularning keys’larini nusxalang.

Screenshot #1

OrderReport ichida loyiha, domen va API key

Bu yerga loyiha, faol domen va API key qayerdan olinishi ko‘rinadigan screenshot joylashtiring.

2

Qadam

Plaginni WordPress ichida o‘rnating va yoqing

Loyiha tayyor bo‘lgach, plaginni WordPress ichiga o‘rnating. Agar sizda release arxiv bo‘lsa, o‘rnatish odatiy zip upload oqimi orqali amalga oshiriladi.

  1. 1

    Plugins bo‘limini oching

    WordPress admin panelida “Plugins” -> “Add New” bo‘limiga o‘ting. Agar plagin sizga zip arxiv ko‘rinishida berilgan bo‘lsa, upload funksiyasidan foydalaning.

  2. 2

    Plagin arxivini yuklang

    OrderReport zip arxivini tanlang va WordPress o‘rnatishni yakunlashini kuting.

  3. 3

    Plaginni faollashtiring

    O‘rnatish tugagach “Activate” ni bosing. Faollashtirilgandan so‘ng admin panelda alohida OrderReport sahifasi paydo bo‘ladi.

Screenshot #2

Zip arxivni WordPress orqali o‘rnatish

Bu yerga “Plugins -> Add New -> Upload Plugin” ekranining screenshot’ini joylashtiring.

3

Qadam

Plaginning asosiy sozlamalarini to‘ldiring

Faollashtirilgandan keyin WordPress admin ichida OrderReport sahifasini oching va bazaviy sozlamalarni kiriting. Plagin ishlashi uchun shu minimum qism zarur.

  1. 1

    OrderReport sahifasini oching

    WordPress admin chap menyusidagi OrderReport bo‘limini bosing. Bu yerda konfiguratsiya, aniqlangan integratsiyalar va diagnostika ko‘rinadi.

  2. 2

    Project API key’ni kiriting

    Birinchi qadamda yaratilgan API key’ni API key maydoniga joylashtiring va sozlamalarni saqlang.

  3. 3

    Diagnostika blokini tekshiring

    Birinchi yuborishlardan keyin bu blok oxirgi muvaffaqiyatli so‘rov yoki oxirgi xatoni ko‘rsatadi. Biror narsa ishlamasa, eng tez javob shu yerda bo‘ladi.

    Plagin fixed API endpoint bilan ishlaydi. Base URL’ni qo‘lda sozlash shart emas.
Screenshot #3

WordPress ichidagi OrderReport sozlamalari

Bu yerga API key maydoni, diagnostika bloki va integratsiyalar ko‘rinadigan umumiy screenshot joylashtiring.

4

Qadam

WooCommerce buyurtmalarini yoqing

Agar saytingiz WooCommerce ishlatsa, plagin buyurtmalarni avtomatik ravishda OrderReport’ga yubora oladi. Bu server-side integratsiya bo‘lib, foydalanuvchi tomonda qo‘shimcha harakat kerak emas.

  1. 1

    WooCommerce order sync’ni yoqing

    Plagin sozlamalari sahifasida WooCommerce buyurtmalarini yuborish funksiyasini yoqing.

  2. 2

    Kuzatiladigan statuslarni tanlang

    Buyurtma qaysi statusga yetganda OrderReport’ga yuborilishini belgilang. Odatda bu Processing, Completed yoki sizning custom status bo‘ladi.

  3. 3

    Qaysi ma’lumot yuborilishini biling

    Plagin buyurtma ID, umumiy summa, valuta, mijoz kontaktlari, mahsulotlar ro‘yxati va qo‘shimcha buyurtma ma’lumotlarini data massivida yuboradi.

  4. 4

    Test buyurtma yarating

    Frontend’da test buyurtma yarating yoki WooCommerce admin ichida buyurtma yarating va uni kuzatiladigan statuslardan biriga o‘tkazing. Shundan keyin buyurtma OrderReport’da ko‘rinishi kerak.

Screenshot #4

WooCommerce sync sozlamalari

Bu yerga WooCommerce buyurtma yuborish yoqilgan va statuslar tanlangan screenshot’ni joylashtiring.

5

Qadam

Formalar va event tracking’ni sozlang

Plagin custom frontend formalar bilan ham, mashhur WordPress forma builder’lari bilan ham ishlaydi. Bu integratsiyalar OrderReport event’lariga tayangan holda ishlaydi.

  1. 1

    OrderReport ichida event yarating

    Har bir forma logikasi uchun OrderReport’da event yarating va uning key’ni nusxalang. Masalan: lead_form_submitted yoki callback_request.

  2. 2

    Kerakli forma plaginini sozlang

    Contact Form 7, WPForms, Elementor Forms, Fluent Forms, Forminator yoki Gravity Forms ichida kerakli formani oching. OrderReport bo‘limini toping, integratsiyani yoqing va event key’ni yozing.

  3. 3

    Custom formalar uchun data-orderreport-event ishlating

    Agar forma qo‘lda yozilgan bo‘lsa, unga data-orderreport-event atributini qo‘shing. Plagin frontend bridge’i muvaffaqiyatli submit’ni ushlab, event’ni OrderReport’ga yuboradi.

  4. 4

    Event faol ekanini tekshiring

    Agar event OrderReport ichida o‘chirilgan bo‘lsa, forma foydalanuvchi tomonda yuborilishi mumkin, lekin event qayta ishlanmaydi. Buni diagnostikadan ko‘rish mumkin.

Screenshot #5

Forma ichida event key sozlanishi

Bu yerga qo‘llab-quvvatlanadigan forma builder’lardan birida OrderReport bo‘limi va event key maydoni ko‘rinadigan screenshot joylashtiring.

6

Qadam

Integratsiyani boshidan oxirigacha tekshirib chiqing

Sozlash tugagach, qisqa nazorat tekshiruvini bajaring. Bu bir necha daqiqa oladi va loyiha production uchun tayyor ekanini tasdiqlaydi.

  1. 1

    Test buyurtma yoki forma yuborishni bajaring

    Biror nazorat harakatini bajaring: WooCommerce buyurtma yarating yoki event’ga ulangan formani yuboring.

  2. 2

    WordPress ichidagi plagin sahifasini oching

    Diagnostika blokida oxirgi muvaffaqiyatli so‘rov paydo bo‘lganini tekshiring. Agar xato ko‘rinsa, avval shu xatodagi sababni to‘g‘rilang.

  3. 3

    OrderReport interfeysini tekshiring

    OrderReport ilovasini oching va yangi buyurtma yoki event kerakli bo‘limda paydo bo‘lganiga ishonch hosil qiling.

  4. 4

    Jamoa uchun screenshot’larni saqlang

    Hammasi ishlayotganidan keyin plagin sozlamalari, muvaffaqiyatli buyurtma va forma integratsiyasi screenshot’larini saqlab qo‘yish onboarding’ni ancha tezlashtiradi.

Screenshot #6

Integratsiya muvaffaqiyatli tekshirildi

Bu yerga OrderReport interfeysida muvaffaqiyatli buyurtma yoki event ko‘rinadigan va/yoki WordPress diagnostikasida yashil holat ko‘rinadigan screenshot joylashtiring.

E

Event sozlamalari

Har bir qo‘llab-quvvatlanadigan forma plaginiga alohida yo‘riqnoma

Qaysi forma plaginidan foydalanayotgan bo‘lsangiz, shu tab’ni tanlang. Har bir tab ichida admin paneldagi aniq yo‘l, OrderReport’ni qayerda yoqish, event key’ni qayerga yozish va saqlangandan keyin nimani tekshirish kerakligi ko‘rsatilgan.

CF7 Qo‘llab-quvvatlanadi

Contact Form 7 -> OrderReport tab

Contact Form 7 forma editori ichida alohida OrderReport tab paydo bo‘ladi. Shu yerda integratsiyani yoqish va aynan shu forma uchun event key yozish mumkin.

  1. 1

    Formani Contact Form 7 ichida oching

    WordPress admin ichida Contact Form 7 ga o‘ting va kerakli formani tahrirlashga oching.

  2. 2

    OrderReport tab’ni tanlang

    Forma editoridagi standart tablar yonidan OrderReport tab’ni toping.

  3. 3

    Integratsiyani yoqing

    Muvaffaqiyatli submit’larni OrderReport’ga yuborish uchun integratsiyani yoqing.

  4. 4

    Event key kiriting

    OrderReport loyihangizdagi faol event key’ni kiriting va formani saqlang.

Contact Form 7 event’ni faqat forma muvaffaqiyatli yuborilgandan keyin jo‘natadi. Event OrderReport’da o‘chiq bo‘lsa, foydalanuvchi formasining o‘zi baribir ishlashi kerak.
CF7 Screenshot

Contact Form 7 ichidagi OrderReport tab

Bu yerga CF7 forma editoridagi OrderReport tab, toggle va event key maydoni ko‘rinadigan screenshot joylashtiring.

Sozlangandan keyin tekshirish ro‘yxati

  • Integratsiya yoqilgandan keyin forma saqlandi.
  • To‘g‘ri event key yozildi.
  • Submit’dan keyin diagnostikada muvaffaqiyatli event so‘rovi ko‘rindi.
WPForms Qo‘llab-quvvatlanadi

WPForms -> Settings -> OrderReport

WPForms uchun plagin forma sozlamalariga alohida OrderReport bo‘limini qo‘shadi. Sozlama har bir forma uchun alohida qilinadi.

  1. 1

    Formani WPForms Builder’da oching

    WPForms ichida kerakli formani visual builder’da oching.

  2. 2

    Settings’ga o‘ting

    Chap paneldan forma Settings bo‘limini oching.

  3. 3

    OrderReport bo‘limini tanlang

    Settings ro‘yxatida alohida OrderReport bo‘limini toping.

  4. 4

    Integratsiyani yoqib, event key kiriting

    Integratsiyani yoqing, event key yozing va formani saqlang.

Agar OrderReport bo‘limi darhol ko‘rinmasa, builder sahifasini to‘liq refresh qiling. WPForms ba’zan yangi bo‘limlarni faqat to‘liq yuklangandan keyin ko‘rsatadi.
WPForms Screenshot

WPForms ichidagi OrderReport sozlamalari

Bu yerga WPForms Builder ichidagi Settings -> OrderReport screenshot’ini joylashtiring.

Sozlangandan keyin tekshirish ro‘yxati

  • Settings ichida OrderReport bo‘limi ko‘rinadi.
  • To‘g‘ri formada integratsiya yoqilgan.
  • Test submit OrderReport’da event sifatida paydo bo‘ldi.
Elementor Qo‘llab-quvvatlanadi

Elementor Form widget -> Actions After Submit

Elementor Forms uchun OrderReport Actions After Submit ichida alohida action sifatida qo‘shiladi. Shu action tanlangandan keyin maxsus OrderReport sozlamalari chiqadi.

  1. 1

    Sahifani Elementor’da oching

    Form widget ishlatiladigan sahifani Elementor orqali tahrirlang.

  2. 2

    Form widget’ni tanlang

    Kerakli forma widget’ining sozlamalarini o‘ng panelda oching.

  3. 3

    OrderReport action’ni qo‘shing

    Actions After Submit ichida OrderReport’ni post-submit action sifatida qo‘shing.

  4. 4

    Event key’ni kiriting

    Action qo‘shilgandan keyin OrderReport bo‘limi paydo bo‘ladi. Shu yerga event key yozib, sahifani saqlang.

Elementor’da aynan OrderReport action event yuborishni ishga tushiradi. Action tanlanmasa, forma vizual ishlasa ham event ketmaydi.
Elementor Screenshot

Elementor Forms ichida OrderReport action

Bu yerga Form widget’da Actions After Submit va OrderReport event key bo‘limi ko‘rinadigan screenshot joylashtiring.

Sozlangandan keyin tekshirish ro‘yxati

  • OrderReport Actions After Submit ichiga qo‘shilgan.
  • Widget sozlamalarida OrderReport bo‘limi ko‘rinadi.
  • Event key sahifa bilan birga saqlangan.
Fluent Qo‘llab-quvvatlanadi

Fluent Forms -> Settings & Integrations -> OrderReport

Fluent Forms uchun har bir forma ichida alohida OrderReport ekran mavjud. Shu ekran orqali integratsiya yoqiladi va event key saqlanadi.

  1. 1

    Formani Fluent Forms ichida oching

    Fluent Forms ga o‘ting va kerakli formani tahrirlashga oching.

  2. 2

    Settings & Integrations bo‘limini oching

    Forma sozlamalarida Settings & Integrations bo‘limiga o‘ting.

  3. 3

    OrderReport sahifasini tanlang

    Ichki sozlamalar ro‘yxatidan OrderReport sahifasini toping.

  4. 4

    Event key’ni saqlang

    Integratsiyani yoqing, event key yozing va forma sozlamalarini saqlang.

Agar event key bo‘sh qolsa, Fluent Forms qaysi OrderReport event’ni yuborishni bilmaydi. Bu integratsiyada key odatda forma darajasida aniq beriladi.
Fluent Forms Screenshot

Fluent Forms ichidagi OrderReport ekrani

Bu yerga Fluent Forms forma ichidagi Settings & Integrations -> OrderReport sahifasi screenshot’ini joylashtiring.

Sozlangandan keyin tekshirish ro‘yxati

  • Forma ichida OrderReport sahifasi mavjud.
  • Sozlamalar xatosiz saqlangan.
  • Muvaffaqiyatli submit diagnostikada ko‘ringan.
Forminator Qo‘llab-quvvatlanadi

Forminator -> Integrations -> OrderReport

Forminator native addon ko‘rinishida integratsiyalangan. Avval OrderReport global Integrations ro‘yxatida ko‘rinadi, keyin esa har bir forma ichida connection qilinadi.

  1. 1

    Forminator Integrations sahifasini oching

    Forminator umumiy Integrations sahifasiga o‘ting va OrderReport’ni xizmatlar ro‘yxatidan toping.

  2. 2

    Asosiy plagin konfiguratsiyasini tekshiring

    Forminator API key va default event key’ni OrderReport plaginining asosiy sozlamalaridan oladi, shuning uchun bu yerda ularni qayta kiritish shart emas.

  3. 3

    Kerakli formani oching

    Keyin aniq forma ichiga o‘tib, uning Integrations tab’ini oching.

  4. 4

    OrderReport connection yarating

    Forma uchun OrderReport connection qo‘shing va kerak bo‘lsa aynan shu forma uchun alohida event key kiriting.

Forminator’da ikki qatlam bor: global addon va forma ichidagi connection. Addon ko‘rinib tursa-yu, connection bo‘lmasa, event yuborilmaydi.
Forminator Screenshot

Forminator Integrations ichida OrderReport

Bu yerga global integration sahifasi yoki forma connection sozlamasi screenshot’ini joylashtiring.

Sozlangandan keyin tekshirish ro‘yxati

  • OrderReport global Integrations sahifasida ko‘rinadi.
  • Kerakli formada OrderReport connection yaratilgan.
  • Connection o‘z event key’idan yoki global default’dan foydalanmoqda.
Gravity Qo‘llab-quvvatlanadi

Gravity Forms -> Form Settings -> OrderReport

Gravity Forms ichida plagin nativ forma sozlamalariga alohida OrderReport bo‘limini qo‘shadi. Integratsiya va event key shu yerda sozlanadi.

  1. 1

    Formani Gravity Forms ichida oching

    Gravity Forms ga o‘ting va OrderReport bilan bog‘lamoqchi bo‘lgan formani tanlang.

  2. 2

    Form Settings ni oching

    Settings -> Form Settings orqali standart forma sozlamalariga o‘ting.

  3. 3

    OrderReport bo‘limini toping

    Sozlamalar sahifasi ichidan OrderReport blokigacha skroll qiling.

  4. 4

    Integratsiyani yoqib, event key kiriting

    Integratsiyani yoqing, event key yozing va forma sozlamalarini saqlang.

Agar event key bo‘sh qoldirilsa, asosiy plagin sozlamalarida global default event key oldindan belgilangan bo‘lsa yaxshi bo‘ladi. Shunda Gravity Forms fallback sifatida undan foydalanishi mumkin.
Gravity Forms Screenshot

Gravity Forms ichidagi OrderReport bo‘limi

Bu yerga OrderReport bloki va event key maydoni ko‘rinadigan Form Settings screenshot’ini joylashtiring.

Sozlangandan keyin tekshirish ro‘yxati

  • Form Settings ichida OrderReport bo‘limi ko‘rindi.
  • Kerakli forma uchun integratsiya yoqilgan.
  • Test submit’dan keyin event OrderReport’da ko‘rindi.
Custom Frontend bridge

data-orderreport-event orqali custom formalar

Agar tayyor forma plaginidan foydalanmasangiz, oddiy HTML-formani frontend bridge orqali ulashingiz mumkin. Buning uchun event key bilan bitta atribut qo‘shish kifoya.

  1. 1

    Formaga data-orderreport-event qo‘shing

    Form elementiga data-orderreport-event="your_event_key" atributini yozing.

  2. 2

    Barcha field’larda name atributi bo‘lsin

    Plagin FormData orqali qiymatlarni yig‘adi, shuning uchun input, select va textarea elementlarida name atributlari bo‘lishi kerak.

  3. 3

    Haqiqiy submit button ishlating

    Avtomatik tracking uchun button type="submit" yoki input type="submit" dan foydalaning.

  4. 4

    Kerak bo‘lsa browser loglarini tekshiring

    Frontend script DevTools ichida [OrderReport] prefiksi bilan log yozadi. Bu payload yig‘ilganmi va yuborilganmi, shuni ko‘rishga yordam beradi.

Agar input type="button" ishlatsangiz, brauzer nativ submit event chiqarmaydi va avtomatik tracking ishlamaydi.
Custom Form Screenshot

data-orderreport-event bilan HTML-forma

Bu yerga HTML misol yoki DevTools’dagi muvaffaqiyatli frontend log screenshot’ini joylashtiring.

Sozlangandan keyin tekshirish ro‘yxati

  • Forma ichida data-orderreport-event mavjud.
  • Har bir kerakli field’da name atributi bor.
  • Forma haqiqiy submit action orqali yuboriladi.