Published at: 2026-09-17

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
Field Description
Page Template Name Mobile page name, up to 25 characters.
Menu Component Icon Appears when the page is a menu component entry.
Main Navigation Icon Appears when the page is in main navigation.
Icon upload Supports 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

Field Description
Page Template Name The H5 page display name in the system, up to 25 characters.
Link Address The address used to Visit the H5 page.
Menu Component Icon Appears when the H5 page is a menu entry.
Main Navigation Icon Appears 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.

Related topics

Submit Feedback