Web Portal

1. Site Portal Overview

The Site Portal represents a new framework distinct from the previous Enterprise Portal, serving as the frontend framework for Order Connector 3.0. This redesigned frontend leverages modern technology to completely rebuild the e-commerce platform.

1) Use Cases:
Under the long-term influence of e-commerce development, customers increasingly demand aesthetically pleasing UI designs, seamless operations, and customizable functionalities for their ordering platforms. The traditional channel portal, with its outdated design and suboptimal user experience, no longer meets expectations. The upgraded Site Portal adopts mainstream international B2B e-commerce SaaS models, delivering contemporary UI aesthetics, streamlined ordering processes, and flexible configuration options with PWC low-code customization capabilities—all designed to enhance user experience and meet diverse ordering needs.

2) Feature Enhancements & Value:
Order Connector 3.0 introduces a complete UI/UX overhaul with modular component configuration and low-code customization. It significantly improves efficiency while addressing personalized business requirements.

2. Gray Release Application

Apply for the Order Connector standalone site gray release feature:

picture coming soon:

After configuration, the expected result resembles:

picture coming soon:

3. Configuration & Implementation

3.1. Standalone Site Setup

1. In Order Connector settings, create a new Site Portal and configure basic information: Site Name, Login Requirement, and Applicable Scope.

picture coming soon:

picture coming soon:

1. Click [WEB Site] to enter the portal configuration page. Configure pages and components as needed, then display them in the main navigation menu.

picture coming soon:

3.2. Homepage Configuration

Order Connector homepage components: Product List, Carousel Ads, Favorites, Recommended Categories.

1. Configure the header by adding a grid container with layout and alignment settings.

picture coming soon:

1. Example: Divide the grid into three columns for Images, Multi-level Navigation, and User Center.

picture coming soon:

Add a mini Cart component within the User Center grid:

picture coming soon:

Multi-level Navigation: Create pages like Marketplace, Product Details, Cart, and Orders. Bind these to menu items via navigation configuration.

picture coming soon:

picture coming soon:

1. Footer Configuration: Use grid containers and rich text components for quick-access links.

picture coming soon:

1. Main Content Area: Utilize grid containers, Images, buttons, and marketplace lists (place Order Connector components within the homepage container).

picture coming soon:

picture coming soon:

3.3. Marketplace Page Setup

Order Connector product components: Product List, Category Count, Left/Top Filters, Filter Results, Sorting, Pagination, List Data.

1. Create a new Marketplace page.

picture coming soon:

1. Configure product components.

picture coming soon:

picture coming soon:

3.4. Product Details Page Setup

1. Create a Product Details page (hidden from navigation).

picture coming soon:

1. Assemble product detail components.

picture coming soon:

picture coming soon:

3.5. Cart Page Setup

1. Create a Cart page.

picture coming soon:

1. Assemble cart components.

picture coming soon:

3.6. Sales Order Page Setup

1. Create a Sales Order page.

picture coming soon:

1. Configure order list, details, and creation pages sequentially.

picture coming soon:

picture coming soon:

picture coming soon:

picture coming soon:

4. Accessing the Standalone Site

Provide customers with the new Site Portal URL or integrate it into the Enterprise Portal for testing.

1. Homepage Preview:

picture coming soon:

1. Marketplace Preview:

picture coming soon:

1. Cart Preview:

picture coming soon:

1. Order Preview:

picture coming soon: