★ How to use this guide
Open Documentation from the sidebar anytime (English or Arabic). Each chapter shows where to click, what to fill in, and a preview of the screen.
- Menu path — exact sidebar location.
- Steps — numbered actions in order.
- Figure — interface preview (replace with your own PNG in
documentation/images/en/ if you want real screenshots).
Tip: Use the Search Menu Here box at the top of the sidebar to jump to any page quickly.
1 Getting started
Your control center for the online shop.
Dashboard
Sidebar → Dashboard
After login you land here. Review today’s orders, revenue, and shortcuts before managing products.
- Log in with your shop owner email and password.
- Check summary cards (orders, earnings, visitors if shown).
- Use the left menu to open Shop Management, Orders, or Site Settings.
yourshop.com/user/dashboard
Dashboard
Recent ordersStatusTotal
#1042 — AhmedPending$89
#1041 — SaraCompleted$120
Figure 1.1 — Dashboard overview
Notifications
Sidebar → Notifications
- Open Notifications to see unread alerts (new orders, limits, system messages).
- Click an item to view details or mark as read.
- Check regularly so you do not miss pending orders.
…/user/notifications
Notifications 3 new
New order #1043 received2m ago
Low stock: Blue T-Shirt1h ago
Figure 1.2 — Notifications list
Profile & password
Sidebar → your name (top) → Edit Profile / Change Password
- Click your name or avatar at the top of the sidebar.
- Choose Edit Profile to update name, photo, and contact info.
- Choose Change Password — enter current password, then new password twice, and save.
2 Shop management
Build your catalog before taking orders.
Categories & subcategories
Sidebar → Shop Management → Categories / Subcategories
- Create Categories first (e.g. Electronics, Clothing).
- Add a name, slug, image, and SEO fields; save.
- Create Subcategories under each category (e.g. Phones under Electronics).
- If Magic AI is enabled, use Generate next to the name field for suggestions.
…/item/category
Categories + Add Category
NameProductsAction
Electronics42Edit
Clothing28Edit
Figure 2.1 — Category list
Products — list & edit
Shop Management → All Products
- Open All Products and use search or filters.
- Click Add Product for a new item, or Edit on a row.
- Fill title, category, price, stock, description, images, and SEO tabs.
- Set status to Active and save — the product appears on your storefront.
…/item?language=en
All Products + Add Product
ProductPriceStock
Wireless Headphones$7950
Figure 2.2 — Product list
Magic AI on products Package
Add/Edit Product → Magic AI card
- Enter keywords (e.g. “wireless headphones, bluetooth 5.0”).
- Click Generate All Content to fill title, summary, description, and meta fields.
- Or use Generate beside a single field to regenerate only that field.
- Use Generate Image for thumbnail; Generate Slider Images for gallery (up to 3).
- Review text, edit if needed, then click Update / Save.
Without your own Gemini key you get 20 free generations per month. Add your key under Plugins for unlimited use (see chapter 12).
…/item/create
Add Product
✦ Magic AI
Generate All Content
Generate Image
Figure 2.3 — Magic AI on product create/edit
Orders
Shop Management → All Orders (Pending / Processing / Completed / Rejected)
- Open Pending for new orders that need action.
- Click an order to view items, customer, payment method, and address.
- Change status to Processing when preparing shipment, then Completed when done.
- Use Rejected only when cancelling/refusing the order.
…/all/item/orders
Pending Orders
OrderCustomerTotal
#1043Ahmed K.$89.00
View details
Figure 2.4 — Order management
3 Coupons, wholesale & flash sales
Sidebar → Discounts Package
Advanced coupons
- Go to Advanced Coupons → Add coupon.
- Set code, discount type (% or fixed), minimum cart, usage limit, and expiry.
- Save — customers enter the code at checkout.
Wholesale tiers
- Open Wholesale Tiers and define quantity breaks (e.g. 10+ units = 15% off).
- Assign tiers to products or categories as your system allows.
Flash sale
- Edit a product and set flash sale price and end date, or use Promotions in the modern menu.
Figure 3.1 — Coupons
4 Shipping & multi-currency
Shipping Charges · Multi-Currency Package
- Shipping — add methods (flat rate, free over X, etc.) per language.
- Multi-Currency — enable currencies and set exchange rules for international buyers.
Figure 4.1 — Shipping setup
5 Inventory management Package
Sidebar → Inventory Management
- Inventory — view stock per SKU/product.
- Stock movements — audit adjustments in/out.
- Suppliers & Purchases — record restocking.
- Alerts — products below minimum stock.
Figure 5.1 — Inventory
6 POS system Package
Sidebar → POS System
- POS Terminal — search products, add to cart, select customer, take payment, print invoice.
- Sales History — review past in-store sales.
- POS Customers — save repeat walk-in buyers.
POS Terminal
Complete sale
Figure 6.1 — POS terminal
7 Analytics & sales report
Website Analytics Package
Website Analytics → Dashboard / Top Pages / Devices / Geography
- Use the analytics dashboard for visit trends.
- Top Pages — see which storefront URLs perform best.
- Device & Geographic — plan mobile UX and marketing by region.
Figure 7.1 — Analytics
Sales Report
Sidebar → Sales Report for combined online (and POS) sales summaries.
8 Support & refunds
- Support Tickets Package — reply to customer tickets from the storefront.
- Refunds Package — approve or decline refund requests with notes.
9 PWA, popups & shop settings
- PWA Settings Package — app name, icons, colors; customers can “install” your shop on mobile.
- Announcement Popups Package — promotional modal with schedule.
- Shop Settings — catalog mode (hide cart), product ratings, Disqus on product pages.
Figure 9.1 — PWA configuration
10 Registered customers
Sidebar → Registered Customers
- View all customer accounts registered on your shop.
- Open a customer to see profile and order history.
Figure 10.1 — Customer list
11 Pages & storefront content
Sidebar → Pages Package
Edit content per language using the language selector in the admin header.
- Home — hero, sliders, banners, sections, featured products.
- About / FAQ / Contact / 404 — static pages.
- Blog — categories and posts (Magic AI on create/edit when enabled).
- Header / Footer / Menu builder — navigation and branding.
- Custom Pages — extra CMS pages.
Figure 11.1 — Home page content
12 Site settings
Sidebar → Site Settings
- General — logo, favicon, preloader, shop title, email.
- Theme Version — switch storefront design (Furniture, Pet, Jewellery, etc.).
- Maintenance Mode — temporary “closed” page.
- Languages — add/translate storefront languages.
- SEO & Sitemap — search engine settings.
- Custom Domain / Subdomain Package.
13 Gemini AI (Plugins) Package
Site Settings → Plugins → Gemini AI
- Open Google AI Studio and create an API key.
- In Plugins, find the Gemini AI card.
- Paste the key in Gemini API Key and click Update.
- Product and blog screens will show “Using your Gemini API key — unlimited generations.”
- To remove the key: check Remove saved API key and update.
Magic AI also works with the platform shared key (20 credits/month). Your own key removes that limit.
Figure 13.1 — Gemini API in Plugins
Where Magic AI appears
| Screen | Actions |
| Product create/edit | Generate all, per-field, thumbnail, slider images |
| Categories / subcategories | Generate names & images |
| Blog create/edit | Generate all content + SEO |
| Labels, home text, footer, popups, pages | Per-field Generate |
14 Payment gateways
Site Settings → Payment Gateways
Online gateways
- Enable gateways your platform supports (PayPal, Stripe, etc.).
- Enter API keys / credentials and set status to Active.
Offline gateways
- Add bank transfer or cash-on-delivery instructions per language.
- Customers see these options at checkout and follow your instructions.
Online Gateways
PayPalActive
StripeConfigure
Figure 14.1 — Payment gateways
15 Team admins Package
Sidebar → Admins Management
- Roles & Permissions — choose which menus each role can access.
- Team Admins — create staff logins and assign a role.
- Staff see only allowed sections; they cannot change your owner account unless permitted.
16 Phone OTP verification Package
On the storefront (not the admin panel), customers verify phone at checkout and signup.
- Customer enters mobile number.
- Clicks Send OTP — receives SMS code.
- Enters code → Verify OTP.
- Green badge: Phone verified successfully — then can place order or complete signup.
yourshop.com/checkout
Checkout — Phone verification
Send OTP
Verify OTP
Phone verified successfully
Figure 16.1 — Inline OTP on checkout (storefront)