Published at: 2025-10-31

Web Portal

1. Site Portal Overview

The Site Portal is a separate framework from the previous Enterprise Portal and serves as the front-end framework for ShareOrder 3.0. This redesigned front-end is built on modern technologies and reconstructs the storefront experience.

1) Use cases: Over time, ecommerce expectations have risen for ShareOrder storefronts: customers now expect attractive UI, smooth interactions, and customizable features. The legacy Channel Portal—designed with a traditional style and offering a subpar experience—no longer meets these expectations. The upgraded Site Portal adopts mainstream international B2B ecommerce SaaS patterns, delivering modern UI design, optimized ordering flows, and flexible configuration and customization capabilities to improve user experience and meet ordering requirements.

2) Feature upgrades and value: ShareOrder Portal 3.0 introduces a full UI and UX refresh, supports flexible component configuration and PWC low-code customizations. It significantly improves user experience and efficiency while allowing for business-specific customization.

2. Requesting Grayscale Access

Apply for ShareOrder independent site grayscale rollout.

After configuration, the resulting effect is approximately as follows:

picture coming soon:

3. Configuration and Application

3.1. Maintain Independent Site

In ShareOrder configuration, create a new Site Portal and maintain basic information: Site Name, Login Required (Yes/No), and Scope.

Click WEB Site to open the web portal configuration page. Configure pages and components as needed and expose them via the main navigation menu.

3.2. Home Page Configuration

ShareOrder home page components: product list, carousel ads, favorite products, and recommended categories.

Configure the header. Typically add a grid container, set the grid layout and alignment.

Example: divide the grid container into three columns and drag in Images, multi-level navigation, and Account in order.

For Account, you can add another grid container and place a mini Cart component.

Multi-level navigation: besides Home, create several internal pages such as Store, Product Detail, Cart, and Sales Order. Create menu items and bind them to internal pages via the navigation configuration.

Configure the footer: typically add quick-access links using components like grid container and rich text.

Configure home page regions: commonly use grid containers, Images, buttons, and Store lists (place ShareOrder components inside the home container).

3.2. Store Page Configuration

ShareOrder product components: product list, product category tree, left-side filters, top filters, filter results, sorting, pagination, and product list data.