Updated: 2026-03-28
This guide introduces the core features and workflows of the Dujiao-Next admin panel, helping administrators get started with day-to-day operations quickly.
http://localhost:5174 (development) or https://your-domain/<web.admin_path> (deployed)web.admin_path is set in config.yml; it defaults to /admin and should be changed to something hard to guessbootstrap section in config.ymlAfter logging in, you will see the dashboard overview page with key metrics:
| Metric | Description |
|---|---|
| Total Orders | Number of orders created within the period |
| Paid Orders | Number of orders with successful payments |
| Completed Orders | Number of delivered/completed orders |
| Pending Payment | Number of orders awaiting payment |
| GMV (Gross Merchandise Value) | Total amount of paid orders |
| Total Cost | Total cost of goods sold |
| Profit | GMV - Total Cost |
| Profit Margin | Profit / GMV x 100% |
| Payment Success Rate | Successful payments / Payment attempts |
| New Users | Number of newly registered users within the period |
The dashboard displays the full conversion pipeline from order creation to completion:
Order Created -> Payment Initiated -> Payment Succeeded -> Order Paid -> Order CompletedTwo key conversion metrics are included: Payment Conversion Rate and Completion Rate.
The system automatically detects and alerts on:
Dashboard data is cached for 45 seconds. Click "Refresh" to get the latest data. Time range filtering is supported (Today / 7 Days / 30 Days / Custom, up to 90 days).
Create products from the "Product Management" page in admin. Key fields:
| Field | Description |
|---|---|
| Category | Product category |
| Slug | Unique URL identifier for storefront access |
| Title / Description / Details | Supports multiple languages (zh-CN / zh-TW / en-US) |
| Delivery instructions | Rich text, multilingual. Shown only after payment succeeds — on the order detail, delivery email, and Telegram bot message. Use for private content: account format, login steps, support contact, activation tutorials, etc. |
| Price | Base selling price |
| Cost Price | Used for profit calculation |
| Images | Product display images (multiple supported) |
| Tags | Used for search and filtering |
| Purchase Type | guest (allow guest purchases) or member (registered users only) |
| Max Per Order | Maximum quantity per order (0 = unlimited) |
| Delivery Type | auto (automatic card delivery) or manual (manual fulfillment) |
| Manual Stock | Stock quantity when delivery type is manual (-1 = unlimited) |
| Allow Affiliate | Whether to include in affiliate commission calculation |
| Sort Order | Higher values appear first |
Products support multiple SKU variants (e.g., different specs, durations):
| Type | Description | Stock Management |
|---|---|---|
auto | Automatically delivers card secrets after payment | Determined by card secret count |
manual | Admin fulfills manually | Manually set stock quantity |
Each product supports multilingual SEO metadata configuration for search engine optimization.
| Status | Identifier | Description |
|---|---|---|
| Pending Payment | pending_payment | Order placed, awaiting payment |
| Paid | paid | Payment successful, awaiting delivery |
| Processing | processing | Delivery in progress |
| Delivered | delivered | Manual delivery completed |
| Completed | completed | Automatic delivery completed |
| Canceled | canceled | Canceled by user or admin |
| Expired | expired | Expired due to payment timeout |
manual type productsOrders containing multiple products are automatically split into parent and child orders:
Configure payment methods from the "Payment Channels" page in admin. See the Payment Configuration Guide for details.
| Operation | Description |
|---|---|
| Enable/Disable | Toggle user status individually or in bulk |
| Edit Profile | Modify user display name and other info |
| Adjust Balance | Manually add or deduct wallet balance |
| Set Level | Manually assign membership level |
| View Wallet | View user balance and transaction history |
| View Coupons | View user coupon usage |
blog or noticeThe "Settings" page in admin provides centralized site-wide configuration:
| Setting | Description |
|---|---|
| Site Configuration | Site name, currency, language, feature toggles, etc. |
| SMTP Email | Email server configuration with test email support |
| CAPTCHA | Image CAPTCHA or Cloudflare Turnstile |
| Telegram Login | Telegram OAuth login configuration |
| Google Login | Google Account sign-in configuration |
| Notification Center | Email/Telegram notification channel configuration |
| Order Email Templates | Custom order status notification email templates |
| Affiliate Settings | Commission rates, confirmation period, withdrawal configuration |
| Telegram Bot | Bot feature configuration (requires Bot service purchase) |
Enter the Google Identity Services Web Client ID under "Settings → Google Login", then enable the feature. The Client ID is a public browser identifier; do not enter a Client Secret, and do not request Gmail read or send permissions.
Before enabling it, complete the following in Google Cloud Console for the main storefront and every white-label domain:
https://shop.example.com) to Authorized JavaScript origins.https://shop.example.com/api/v1/auth/google/redirect/callback to Authorized redirect URIs.The system supports role-based access control:
All admin operations are recorded in audit logs, including: