Skip to content

Configure App custom pages and H5 pages ​

Build mobile business entry points with components or connect external H5 pages by URL.

Overview ​

Administrators can build a lightweight Mobile Client Workstation with components. An H5 page connects an existing mobile Web Page, external report, campaign page, or third-party business page.

Before you begin ​

IMPORTANT

  • Permissions: You need System Administrator permissions.
  • Terminal: Confirm whether the page targets the App, DingTalk, or WeCom.
  • Link: Confirm that the H5 URL is accessible.

Create an App Custom Page ​

  1. In Setup, open Interface Customization Management > App Custom Pages.
  2. Click New.

App custom page list

  1. Select New Custom Page.

  2. Enter a Page Template Name of up to 25 characters.

  3. Select or upload a Menu Component Icon and Main Navigation Icon.

  4. Click Next.

Configure Basic Info

FieldDescription
Page Template NameMobile page name, up to 25 characters.
Menu Component IconAppears when the page is a menu component entry.
Main Navigation IconAppears when the page is in main navigation.
Icon uploadSupports local file uploads.

Custom Page field descriptions ​

The preceding table describes the Page Template Name and icons used by a Custom Page.

Configure the App Page Layout ​

  1. Drag common, BI, collaboration, business, external, or Custom Component items from the left panel into the center area.

Configure the App layout

  1. Arrange components in the preview area.
  2. Configure page parameters under Global Settings.
  3. Configure the selected component under Component Settings.
  4. Click Save.

Mobile layout regions ​

  • The left panel lists components.
  • The center panel previews the configured Effect.
  • The right panel contains Global Settings and Component Settings.
  • Supported types include common, BI, collaboration, business, external, and Custom Component items.

Create an H5 page ​

  1. Under App Custom Pages, click New, then select New H5 Page.
  2. Enter a Page Template Name and Link Address.
  3. Set the Menu Component Icon and Main Navigation Icon.
  4. Click Save.

Configure H5 page Basic Info

H5 page field descriptions ​

FieldDescription
Page Template NameThe H5 page display name in the system, up to 25 characters.
Link AddressThe address used to Visit the H5 page.
Menu Component IconAppears when the H5 page is a menu entry.
Main Navigation IconAppears when the H5 page is a main navigation entry.

Manage pages ​

Locate a page in the template list. Click Edit, Delete, Copy, or Assign. Assignment controls the Applicable Scope, application, and view.

Expected result ​

Mobile users can Visit the published Custom Page or H5 page from its assigned application or menu.