OpenPik User Guide

Apni store roz-marra chalane ke liye jo kuch chahiye, sab yahan hai — koi coding nahi karni. Ye guide us Admin Panel ke mutabiq hai jo abhi live hai (Supabase database ke sath), taake jo bhi aap ya koi aur staff member panel istemal kare, usay har feature samajh mein aaye.

01Shuru Karna

Aap ki store ab live hai aur data Supabase (online database) mein save hota hai — matlab jo bhi tabdeeli aap Admin Panel se karte hain (naya product, order status, gift ya invitation), wo turant har visitor aur har admin session ko nazar aati hai, sirf aap ke apne browser tak mehdood nahi.

Admin Panel ka sidebar in hisson mein baant diya gaya hai:

Dashboard — aaj ke orders, revenue aur low-stock products ki ek nazar.
POS — dukaan/showroom par seedha counter se order banane ke liye.
Products — sab products add/edit karna, categories banana.
Inventory — stock quantities dekhna aur update karna.
Orders — customer orders aur unka status.
Gift Experience — digital gift codes aur unke templates.
Digital Studio — wedding invitation templates aur unki pricing.
Customers, Coupons, Reports, Settings — apne naam ke mutabiq kaam karte hain.

Agar kabhi kisi cheez ka pata na chale, to yahi User Guide dobara khol lein — jaise jaise site mein naye features aate hain, ye guide bhi update hoti rahegi.

02Products aur Categories

Naya product add karna

Products tab kholein aur + Add Product dabayein.
Naam, price, stock, rang aur sizes bharein.
Agar chahiye ho to images upload karein (pehli image hi listing/thumbnail ban jati hai).
Neeche Save dabana na bhoolein — sirf checkbox tick karna ya field bharna kaafi nahi, form save karna zaroori hai warna tabdeeli save nahi hoti.

Naya category kaise banayen

Product form ke andar Category dropdown ke saamne "+ Add New Category" button hai:

Category ka naam likhein (jaise "Ramadan Gift Box") — is se URL bhi khud ban jayega, jaise openpik.com/shop/ramadan-gift-box/.
Agar ye category sirf Wholesale customers ke liye hai to "Wholesale-only" checkbox tick karein, warna khaali chhod dein.
SEO Title, Description aur "On-page Intro" bhi bhar dein — isse Google is naye category page ko behtar samajh kar index karta hai.
Save Category dabayein — category turant dropdown mein aa jayegi aur Shop page ke filters mein bhi.

Customization Details box

Agar kisi product par customer se koi tafseel (jaise naam, date, wording, color, ya koi bhi khaas requirement) lena ho, to us product ke form mein "Needs Customization Details" checkbox tick kar dein. Save karte hi us product ki page par ek khaali text box khud show hone lagega jahan customer apni tafseel likh sakta hai — ye har category (Baby, Wedding, Engagement, Umrah, waghera) ke liye same field kaam karta hai, aur order ke sath save ho kar Admin → Orders mein bhi dikhta hai.

Sizes ki tarteeb (Weight vs Letter sizes)

Shop page ke Size filter mein ab sizes hamesha ek mantiqi (logical) tarteeb mein dikhti hain: pehle weight wali sizes chhoti se badi tak (250gm, Half Kg, 1Kg, 2Kg), phir letter sizes chhoti se badi tak (XS, S, M, L, XL, XXL, XXXL). Aur ab har category ke naam ke neeche uski applicable sizes bhi chhote tags mein dikhti hain — jaise "Baby Born Box" ke neeche "250gm · Half Kg · 1Kg · 2Kg" — taake customer bina category khole hi samajh jaye ke wahan sizes kis tarah ki milengi.

03Stock Update Karna

Stock update karne ke 2 tareeqe hain:

Jaldi wala tareeqa: Inventory tab kholein, har product ke saamne number field mein nayi quantity likhein aur Update dabayein.
Poora edit: Products tab mein product ko Edit karein aur Stock Quantity field change karein.

Jab bhi koi customer order place karta hai, stock khud-ba-khud kam ho jata hai — aapko manually ghatane ki zaroorat nahi. Aapko stock sirf tab update karna hai jab naya maal aaye ya koi ginti mein farq nazar aaye.

Jin products mein sirf 5 ya us se kam pieces bache hon, wo Dashboard aur Products table mein Low Stock ki tarah nishandeh (highlight) ho jate hain.

04Orders Manage Karna

Jab koi customer checkout complete karta hai, order khud-ba-khud Orders tab mein aa jata hai — kuch bhi manually karne ki zaroorat nahi.

Status	Iska matlab
Processing	Order place ho chuka hai, abhi tayyar nahi hua. Har naye order ka default status yehi hai.
Ready	Pack ho chuka hai, courier ke hawale karne ke liye tayyar hai.
Dispatched	Courier ko de diya gaya hai / raaste mein hai.
Delivered	Customer tak pahunch chuka hai.

Order ka status update karne ke liye Orders table mein us order ke saamne Update column ka dropdown istemal karein. Customer ko apne order number se order-tracking.html par ya apne Account page mein nayi status turant nazar aa jayegi.

05Gift Experience

Ye section digital gift pages (jaise Baby Welcome ya Birthday reveal cards) ke liye hai — customer ko ek code milta hai jise wo apni gift page par daal kar khol sakta hai.

Naya gift banana

Gift Experience → Create Gift par jayen.
Template chunein, customer/baby ka naam, event ka naam aur (agar template mein hon) baaki fields bharein.
Code khud-ba-khud generate ho jata hai — "Create Gift" dabate hi gift ban jata hai aur code customer ko dene ke liye tayyar ho jata hai.

Gift edit karna

All Gifts table mein har gift ke saamne ab Edit button bhi hai (Delete ke sath). Isse aap customer ka naam, event, message aur template ke fields badal sakte hain.

Gift ka code kabhi edit nahi hota — Edit popup mein code sirf readonly (dekhne ke liye) dikhta hai, kyunke wo code already customer ko de diya gaya hota hai. Sirf details update hoti hain, code/id wahi rehta hai.

06Digital Studio (Wedding Invitations)

Ye section digital wedding invitation templates ke liye hai — Gift Experience se bilkul alag module hai.

Category column har template ki registry file se aata hai (fixed hai, admin panel se edit nahi hota).
Yahan se sirf Price aur Status (Draft / Published / Archived) hi edit ho sakte hain.
Naya template khud-ba-khud is table mein aa jata hai jab wo project ki registry file mein add kiya jata hai — is ke liye admin panel mein kuch alag se karne ki zaroorat nahi.

07Checkout aur Payment Details

Jab customer "Pay in Advance" (bank transfer / wallet) chunta hai, checkout page par 3 alag boxes dikhte hain: Meezan Bank, Easypaisa aur JazzCash.

Har detail (Account Title, Account No, IBAN, SWIFT/BIC, Branch, wallet number) apni alag line mein hai.
Har line ke saamne ek chhota Copy button hai — click karte hi sirf wahi value copy hoti hai, taake customer galti se kuch aur na copy kar le.
Screenshot upload wala hissa neeche pehle jaisa hi hai, jahan customer payment ka proof bhejta hai.

Zaroori baat: Ye payment details fixed hain (code mein set), Settings se edit nahi hoti — kyunke IBAN, SWIFT aur Branch jaisi fields Settings ke purane form mein maujood hi nahi thin. Agar in details ko badalna ho (jaise bank change ho jaye), to developer se seedha checkout.html mein tabdeeli karwani hogi.

08Customers aur Reports

Customers

Customers tab khud order data se ban jata hai — jis ne bhi checkout kiya ho, wo apne order count aur total kharch ke sath yahan nazar aa jata hai. Kuch bhi manually set-up nahi karna.

Reports

Reports tab asal orders se nikale gaye numbers dikhata hai: total revenue, order count, average order value, best-selling products, payment method ki taqseem, aur revenue per din. Naya order aate hi ye khud update ho jata hai.

09Data Backup

Products ab Supabase database mein hain (har visitor ke liye ek jaisa data), lekin ehtiyaat ke taur par backup lena achi aadat hai — khaas taur par koi bara catalog change karne se pehle.

Settings tab mein Data Backup section par jayen.
Download Backup (JSON) dabayein — ek file computer par download ho jayegi, use kahin mehfooz jagah rakh dein.
Agar kabhi restore karna ho, Restore From Backup dabayein aur wahi file chunein — ye Supabase mein products add/update kar deti hai (kuch delete nahi karti).

10Settings

Settings tab mein ye sab maujood hain:

Currency aur Region — default currency aur USD/PKR conversion rate.
Sitemap aur Search Console — apne real catalog se sitemap.xml banata hai.
Marketing Pixels — Meta Pixel, TikTok Pixel, GA4, GTM ID yahan save karein.
Payment Gateways — Stripe, PayPal jaise online gateways ki keys (agar future mein add karni hon).

Order confirmation emails Settings se nahi, balke EMAIL-SETUP.md file ke zariye set hoti hain — ek dafa ka kaam hai, tafseel us file mein di gayi hai.

11Troubleshooting

Masla	Ilaaj
Product Shop page par nahi dikh raha	Confirm karein Admin mein Save dabaya tha, phir Shop page ko hard-refresh (Ctrl+Shift+R) karein.
Customization Details box nahi dikh raha	Us product ke Admin form mein "Needs Customization Details" checkbox tick hone ke baad Save zaroor dabayein. Confirm karein sahi product edit hua hai.
Checkout par payment accounts khaali/nahi dikh rahe	Browser hard-refresh (Ctrl+Shift+R) ya incognito mein khol kar dekhein — purana cached version ho sakta hai.
Download ki hui file khol kar "Product Not Found" ya khaali page aata hai	Ye normal hai — koi bhi file jo aapko review ke liye di jaye, seedha computer se khol kar live jaisa istemal nahi ki ja sakti. Hamesha live site (openpik.com) par jaa kar check karein.
Gift ka code edit nahi ho raha	Ye jaan-boojh kar aisa hai — code fixed rehta hai kyunke wo customer ko de diya ja chuka hota hai. Sirf naam/event/message edit hote hain.
Customer kehta hai tracking page par kuch nahi dikh raha	Order number ko Admin → Orders mein maujood number se dobara match karein.