This guide includes:
1. Functional Positioning & Business Value
1. Functional Positioning & Business Value
BookingMeta launched a custom user access webpage module to facilitate owners to independently build personalized home pages on the web and mobile terminals, the core solution scenario:
- New Customer Conversion: Establish brand awareness through personalized first-screen components to increase conversion rate.
- Promotional Conversion: Maximize marketing exposure with flexible activity module configurations
- Differentiated Operations: Boost repurchase rates by showcasing exclusive benefits
2.Operating Guidelines
This feature has been integrated into BookingMeta system as a plugin, which is an additional paid module, and BookingMeta will open a 3-month free trial period for all contracted owners. If you want to continue to use this feature, you can contact CS in the exclusive service group or apply for it by email: support@bookingmeta.com.
2.1 How to customize page
- Path: BookingMeta backend → “Front Page Management” → “Mobile Page / Web Page”.
- Permission Requirement: You need to enable “Front Page Management” menu.
( Tip: If this menu is not available in your system interface, you need to check the “Front Page Management” menu for the corresponding sub-account role in “Account Management” - “Roles and Privileges” for the master account.)
2.1.1 Mobile Page / Web Page Configuration
In “Front Page Management”→ “Mobile Page / Web Page” - “Mobile Page Configuration” (Note: This section will take “Mobile Page” as an example), click “Edit” to enter;
2.1.1.1 Select component type:
Entering the editing interface, you can add component types as needed:
[Title Bar Component]
Supports the rapid creation of webpage column logos, which can be customized with eye-catching text such as “Explosive Offers” and “Seasonal Hot Deals”, clearly dividing the content sections and strengthening the user's visual guidance and information hierarchy.
[Image Component]
Supports uploading images in jpg/png format, which can be flexibly adapted to multiple scenarios such as Banner image, event entrance image, and background of promotional page to easily create visual focus and help efficient exposure of brands or events.
[Product Component]
It supports one-click calling of released products in the system, and can accurately locate the main products such as “Seasonal Hot Sellers” and “New Products Recommended”, so as to quickly build the product display module and improve the conversion efficiency.
2.1.1.1.1 Functional description of the title bar component:
Component Name
Create component names that are easy for internal management to recognize (only for background differentiation, not for external display) to improve component classification and management efficiency.
Display effect
Title text content
On-demand editing of title text for external display, support for multilingual scenarios - if you need to display in multiple languages, you can synchronize the configuration of title content for different language versions through the “Add Other Languages” function portal to meet the needs of globalized operations.
Color block on the left side of the display
Support customizing the left color block of the title module to strengthen the visual hierarchy of the page through color matching and meet the style requirements of different operation themes.
2.1.1.1.2 Functional description of product components:
[Component Name]
Support customizing component names (only for background management identification, not for external display), to facilitate rapid differentiation between different modules (such as “Home Hot Selling Area” and “New Products Recommendation Column”), and to enhance the efficiency of component management.
[Display Effect]
Multi-scenario arrangement modes are available to meet different operational needs:
--- Display in one line only (rotating/sliding display mode, applicable to core entrances such as Banner image, advertisement image, etc.):
All uploaded elements (product image/advertisement image) are arranged horizontally in the same line, which strengthens the visual focus and is suitable for creating high-exposure flow-inducing modules, and supports rotating/sliding display modes (applicable to dynamic display scenarios with multiple images):
Rotate mode: supports setting the automatic switching interval (seconds), cyclic display of multiple images, efficient use of page space, and enhance the information carrying capacity;
Slide mode: the number of first screen displays can be customized (2-3 for mobile terminal and 3-4 for web terminal), and users can browse the remaining content by sliding.
Note: It is recommended that the number of uploaded images is larger than the number of first screen displays to avoid empty space on the page and optimize the browsing experience.
- --Display in multiple rows (waterfall flow, applicable to column navigation and channel entrance):
Elements are displayed in multiple rows and columns (e.g. 2/3/4 in each row), supporting the flexible construction of product categories or channel entrance modules.
Suggestions for best results: The number of uploaded pictures is suggested to be an integer multiple of the number of display in each line (e.g. 2 in each line, 4/8 can be uploaded), to ensure the layout is neat and free of misalignment.
Description of [Redirect Settings] function:
The Redirect Settings function covers a variety of jump scenarios to meet the diverse needs of the business and realize accurate attraction and display, as follows:
---Jump to customized secondary page
When the display space of the component module page is insufficient, it supports jumping to the customized secondary page, or the secondary page of more hot-selling products, in order to enhance the exposure of products and customer experience.
--- Jump to product list page
You can jump to the product list page in the system, and precisely display the target products by substituting the filtering parameters such as category and destination.
(Note: The URL of your H5 end and Web end are different. For example, the Web end URL is: https://portal.bookingmeta.com/search The H5 end URL is: https://portal.bookingmeta.com/m/list Therefore, please check the URL link address for settings.
Reference: Web end ）
--- Jump to product details page
It supports jumping to the product details page in BookingMeta system, and you can quickly view the product information by searching keywords or clicking the product list entry.
--- Jump to out-of-system links
It supports jumping to external links such as Flying Pig's own stores and official websites to realize cross-platform traffic diversion and business promotion.
Select Products
You can enter through “Select Product”, and when you select the published commodities, you can quickly filter them by keywords, categories, suppliers and stockists, and add them to the display list by checking the box. It is recommended that the total number of products does not exceed 100 to ensure page loading efficiency and display effect.
Please use Quick Sort to flexibly adjust the external display order to ensure that the front-end display meets the operational requirements. Click Save to record the product component information you configured.
To sum up, after you complete the configuration of the home page components, the sequence of displayed components, and the setting of the background color, you can select "Save only" to return to the preview effect of the previous page, or click "Save and publish". The content of the configured home page modules will take effect in real time without additional operations.
2.2 Effect Illustration
2.3 How Can I Customize Secondary Page Configurations
If you need to configure the secondary page, its functions are the same as those in 2.1 Home Page configuration. You can set up the module by referring to the page configuration guide above.
3.FAQ
Q1: How long will the change take effect?
When you click "Save and publish" on the page dimension, it takes effect immediately (users can refresh the page to see the new version).
Q2: Is there a limit on the number of components?
Currently add components on a single page, there is no limit on the number, but in order to display the best, it is recommended to refer to the above configuration instructions to ensure the use and visual experience of customers.
If you have any questions during the overall configuration process, please feel free to communicate with the technical support team through the dedicated service group, we will answer you in time.