Help Center

English

简体中文
繁体中文

English

简体中文
繁体中文

System Introduction ​

PageHub is a visual page-building tool provided by Whale that enables operations and campaign personnel to construct marketing-related H5 web pages via a drag-and-drop component configuration interface, without requiring technical development; once configuration is complete, pages can be published and made live.

Page Management ​

🎁

⚓ Menu path: Operations System > PageHub

This module manages and maintains pages created using PageHub. The page functions are described as follows:

  • Functional Area

    • Search Box
      • Enter title, page URL, sequence number, or filter by publication status to search.
    • Create New Page
      • Click "Create New Page"

  • List

    • Sequence Number
      • Page sequence number
    • Title
      • Page title: the name displayed in the header title bar when a custom page is configured and opened
    • Publication Status
      • Unpublished: the page is in draft status and must be published to take effect
      • Published: the page is in this status after a successful publish action; pages in this status are active immediately
      • Publish Failed: the page failed to publish for various reasons after the publish button was clicked
    • Page Address
      • Displays the link and a QR code; you can copy the link to open a preview directly or scan the QR code to preview
    • Creator
      • Name of the user who created the page
    • Last Publish Time
      • Time of the most recent publish/update
    • Actions
      • Edit: click to open and edit the current page
      • Copy: click to duplicate the current page content and create/open a new page
      • Delete: delete the current page (use with caution)

Page Components ​

Component Tree / Asset Library: The component tree displays the list of components currently configured on the page; click a component name to edit its configuration. The asset library contains all configurable component types; clicking or dragging a component type will automatically add it to the preview page.

Navigation Header: You can set the navigation background color, the link to navigate to when the logo is clicked, and actions available on the right side of the navigation.

Image: Supports uploading images or specifying an image URL; there is no size limit.

Hot Zones:

  • Link sharing: when a user clicks, the share link is copied to the clipboard
  • Poster sharing: when a user clicks, a poster is generated based on the configured image; the poster can be downloaded and shared
  • Face-to-face sharing: when a user clicks, a QR code is generated from the configured image, which can be screenshotted or scanned to share
  • Open Account: click to navigate to the account opening page
  • Deposit: click to navigate to the deposit page
  • Transfer: click to navigate to the transfer page
  • Redirect Link: click to navigate to a custom configured link
  • Open Account → Deposit → Link: if the user has not opened an account, redirect to account opening; if the user has opened an account, redirect to the deposit page; after deposit is completed, redirect directly to the configured link
🎁

💡 A single hot zone can be configured with multiple click events.

Button Group:

  1. Supported button click events:

Link sharing: when a user clicks, the share link is copied to the clipboard

text
- Poster sharing: when a user clicks, a poster is generated based on the configured image; the poster can be downloaded and shared
- Face-to-face sharing: when a user clicks, a QR code is generated from the configured image, which can be screenshotted or scanned to share
- Open Account: click to navigate to the account opening page
- Deposit: click to navigate to the deposit page
- Transfer: click to navigate to the transfer page
- Redirect Link: click to navigate to a custom configured link
- Open Account → Deposit → Link: if the user has not opened an account, redirect to account opening; if the user has opened an account, redirect to the deposit page; after deposit is completed, redirect directly to the configured link

1. File Link Configuration

If a button needs to include a hyperlink, such as for terms and conditions, you can set the text and the target link here


 b. Other Configuration

Floating fixed to bottom: if selected, the button remains displayed at the bottom of the page while the user scrolls

Component background color: set the background color of the component area surrounding the buttons

Spacer: Adjust the vertical spacing between components

My Performance:

Assist to Earn Rewards:

Component Quick Actions: Components in the preview area support moving up and down, copying, and deleting.

Page Configuration ​

The page configuration area includes parameters for: multilingual settings, applicable regions, activity settings, UI configuration, link parameters, and sharing settings, as shown below:

  • Multilingual Settings: Configure the languages and page titles the current page should support; quick switching is also supported.

  • Applicable Region Settings: Configure which IP regions can access the current page. There are three options: No restriction, Supported Regions Only, and Excluded Regions.

    • No restriction: the page is accessible from IPs in any region
    • Supported Regions Only: only IPs from the configured regions can access the page
    • Excluded Regions: IPs from the configured regions cannot access the page

  • Activity Settings: Configure whether the current page requires login to access

    • No login required: users can access the page without logging in
    • Universal Login Page: users must log in via the universal login page to access the page

  • UI Configuration: Configure the page background color

  • Link Parameter Configuration: Configure channel IDs for links. If you need to distinguish traffic sources for analytics, you can configure a dedicated channel ID; otherwise, this field may be left blank.

  • Share Configuration: Settings for the page's sharing functionality

    • Link sharing mode: when users initiate sharing, the link is copied or shared directly; you can configure a share title and description for the link. The share link can be configured separately; if not configured, the current page link is used by default. If configured, the configured link will be shared. The share thumbnail is displayed on platforms (e.g., WeChat) that show thumbnails.
    • Face-to-face sharing mode: when users initiate sharing, an image containing a QR code pops up; it can be screenshotted or scanned in person to open the corresponding page. A background image for the QR code popup must be configured.
    • Poster sharing mode: when users initiate sharing, a poster is displayed that can be screenshotted or shared directly. You can configure a share title and description for the poster. A poster image must be configured.