WeChat Mall: An Integrated eCommerce Solution for Official Accounts and Mini Programs

As traffic costs on traditional eCommerce platforms continue to rise, merchant margins are squeezed and user retention becomes increasingly difficult. Building a proprietary mall within the WeChat ecosystem has become the go-to strategy for a growing number of enterprises.

This WeChat Mall system is built on the dual terminals of WeChat Official Account + Mini Program, connecting the entire value chain of Product → Transaction → Marketing → Member → Payment → Data to help enterprises build a closed-loop private-domain eCommerce system.

📦 Product Center

🛒 Trade Center

🎯 Promotion Center

👥 Member Center

📢 Official Account

💳 Payment Center

---

System Architecture

The mall system comprises four layers: the mobile frontend (uni-app mall), the admin backend (Vue 3 + Element Plus), the backend services (Spring Boot/Cloud), and the WeChat ecosystem integration.

• Mobile frontend: Built with uni-app, supporting both Mini Program and H5
• Admin backend: Product management, order processing, marketing configuration, and data analytics
• Backend modules: Product Center (product), Trade Center (trade), Promotion Center (promotion), Statistics Center (statistics)
• WeChat integration: Official account management, mini program login, and WeChat Pay

---

Core Function Modules

1. Product Center

Delivers comprehensive product management capabilities with support for multi-specification and multi-dimensional product information maintenance:

• Product Categories: A multi-level category tree structure supporting category display and navigation
• Product Attributes: Custom product attributes (brand, material, size, etc.) with support for specification templates
• SPU/SKU Management: SPU captures the abstract product definition, while SKU manages concrete specifications (color, size, etc.) with independent inventory and pricing
• Product Reviews: Customers can review and share photos after purchase, with merchant reply management
• Product Listing/Delisting: Flexible listing and delisting controls with scheduled listing strategies

2. Trade Center

Covers the end-to-end transaction lifecycle from shopping to delivery:

• Shopping Cart: User-side cart management with item selection, quantity adjustment, and price calculation
• Product Orders: Full-lifecycle order management (pending payment, pending shipment, shipped, completed, cancelled)
• After-Sales Refunds: Supports return-and-refund, refund-only, and other after-sales scenarios, with refunds routed back to the original payment method
• Express Shipping: Integrated with express logistics, supporting waybill number entry and tracking queries
• In-Store Pickup: Supports click-and-collect pickup, ideal for O2O business scenarios
• Distribution Commissions: A multi-level distribution system where promoters recruit subordinates and commissions are automatically calculated according to rules

3. Promotion Center

A rich arsenal of marketing tools to drive traffic growth and conversion:

• Coupons: Supports multiple coupon types including full-reduction, discount, and cash coupons, with configurable collection and redemption rules
• Group Buying: Customers team up for group discounts, leveraging social sharing to acquire new customers
• Flash Sales: Time-limited, quantity-limited flash sales to rapidly boost sales volume and popularity
• Bargaining: Friends help slash the price, enabling low-cost purchases through social virality
• Limited-Time Discounts: Time-bound product discount promotions that create urgency and drive conversion
• Full-Reduction & Gifts: Spend-based price reductions and gift-with-purchase offers to lift average order value
• Points Mall: Redeem points for products to boost member engagement and retention
• Content Management: Publishing and management of marketing content in image, text, and video formats

4. Member Center

Builds a complete operational system around the member lifecycle:

• Member Users: A unified Mini Program/H5 member account system with one-click WeChat login
• VIP Tiers: Multi-level membership tiers, each offering distinct benefits and discounts
• Experience Points: Actions such as purchases and check-ins earn experience points, which determine membership tier
• Points System: Purchases earn points that can be used as cash deductions or redeemed for products
• Check-In: Daily check-ins award points, cultivating user stickiness

5. Official Account Management (WeChat MP)

Deeply integrated WeChat Official Account operations that link content with transactions:

• Account Management: Supports onboarding multiple WeChat Official Accounts under unified management
• Follower Management: View follower and unfollower lists, with follower tagging and syncing
• Message Management: View messages sent by followers, with support for online replies
• Auto-Reply: Welcome messages, message replies, and keyword replies for automated follower engagement
• Tag Management: Create and manage follower tags for precisely segmented operations
• Menu Management: Customize the Official Account menu, with sync to WeChat
• Material Management: Manage image, voice, and video materials with online preview
• Article Drafts: Edit rich-text article materials and publish them to the Official Account
• Publication Records: View published article lists, with support for deletion
• Data Statistics: User growth/churn, cumulative users, message overview, and interface analytics

6. Payment Center

A unified payment center that abstracts away differences between payment channels and provides standardized payment and refund capabilities:

• WeChat Pay: Supports JSAPI (Official Account payment) and Mini Program payment
• Alipay: Supports PC web payment and WAP payment
• Application Management: Each business module maps to a dedicated payment application with independently configured callback URLs
• Payment Channels: Multiple payment channels can be configured per application for flexible switching
• Payment Orders: Unified management of all payment orders, with full traceability for every transaction
• Refund Orders: Supports full and partial refunds, routed back to the original payment method
• Callback Notifications: Payment result and refund result callbacks automatically notify the business system
• Wallet System: Wallet recharge, wallet payment, and wallet refunds, supporting a balance-based system

7. Statistics

Provides comprehensive data analytics capabilities for operations teams:

• Member Statistics: Member growth trends and engagement analysis
• Product Statistics: Product page views, sales rankings, and conversion rate analysis
• Transaction Statistics: Sales trends, order volume analysis, and average order value analysis

8. Store Decoration & Customer Service

• Store Decoration (DIY): Visually decorate the homepage, personal center, and other pages with drag-and-drop configuration for banners, navigation, and product recommendation slots
• Online Customer Service: Real-time messaging between users and customer service agents, supporting both pre-sales consultation and after-sales support

---

Tech Stack

Backend Framework
Spring Boot + Spring Cloud

Admin Backend
Vue 3 + Element Plus

Mobile Frontend
uni-app（Mini Program + H5）

Database
MySQL / Oracle / PostgreSQL

Payment Integration
WeChat Pay / Alipay

Deployment
Monolith / Spring Cloud Microservices

---