# Tutorial on Using Mobile Micro Pages

<div data-elink-language-switch="1" id="bkmrk-%E4%B8%AD%E6%96%87" style="border:1px solid #d6d9de;border-radius:6px;padding:10px 12px;margin:0 0 18px 0;background:#f8fafc;font-size:14px;">[中文](/books/8f855/page/ad61a)</div><span style="font-size:17px;">**I. Feature Introduction**</span>

<span style="font-size:15px;">Micro Pages allow merchants to independently build personalized pages for their Online Stores. The content and display styles within a Micro Page can be customized by adding components. Multiple pages can be built within an Online Store and linked through the store navigation.</span>

<span style="font-size:15px;">**<span style="font-size:15px;text-decoration:none;">Special Reminder:</span>**</span>

<span style="font-size:15px;">If the mobile store and Mini Program of a merchant serve different purposes, different Micro Pages can be set for the H5 store and the Mini Program homepage. (For example, the merchant's mobile store is mainly used for selling courses, while the Mini Program is mainly for User Retention.)</span>

<span style="font-size:17px;">**II. Scenario Examples**</span>

<span style="font-size:15px;"><span style="font-size:15px;background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;">If your Online Store has a large number of courses and also offers activities such as punch - in and community events, you can use the store - Micro Page feature for personalized display settings. You can also create multiple Micro Pages. For instance, one Micro Page can be dedicated to course promotion activities, and another can be used for circle - related content like test activities and offline events. These two pages can be used as display pages in the store, linked through the store navigation, saving users' time in finding content and providing a better purchasing/browsing experience.</span><span style="font-size:15px;color:rgb(51,51,51);background-image:initial;background-position:initial;background-size:initial;background-repeat:initial;background-attachment:initial;letter-spacing:0pt;vertical-align:baseline;"></span></span>

<span style="font-size:17px;">**III. Operation Steps**</span>

<span style="font-size:15px;">**Step 1** Click \[Homepage\] - \[Store Decoration\] - \[Micro Pages\] to enter the store's Micro Pages section.</span>

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/19702000_1700212377.png ".png")

<span style="font-size:15px;">**Step 2**</span>

<span style="font-size:15px;">There are 37 types of components available in a Micro Page. Click on a component to add and edit it. Click the \[Save\] button to save the Micro Page.</span>

![1.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/38901800_1700212322.png ".png")

<span style="font-size:15px;">To duplicate an existing Micro Page, find the page and click \[More\] - \[Create Copy\] to create an identical Micro Page.</span>

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/2198000_1700212397.png ".png")

<span style="font-size:15px;">**Step 3** The created Micro Page can be set as the store/Mini Program homepage.</span>

![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/85834100_1700212396.png ".png")

<span style="font-size:15px;">**Step 4: Apply the Micro Page**</span>

<span style="font-size:15px;">Micro Pages can be displayed in the store. When selecting a jump link through the store navigation, Mini Program navigation, or graphic - text navigation component, you can choose to jump to a specific Micro Page.</span>

![应用微页面.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/99866900_1700212322.png ".png")

<span style="font-size:17px;">**IV. Final Effect**</span>

<span style="font-size:15px;">After setting a Micro Page as the store homepage, users can see the display effect of the Micro Page.</span>

![image (5).png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/17397400_1700212323.png ".png")