# Tutorial on Using Product Grouping

<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/3def1)</div><span style="font-size:17px;">**I. Feature Introduction**</span>

<span style="font-size:15px;">Product grouping is a function for categorizing and displaying knowledge products. It helps merchants customize groups for knowledge products in the store. After grouping, products can be set to be displayed in the knowledge product component on the store homepage or in the store navigation, allowing users to quickly view the knowledge products you've set up.</span>

<span style="font-size:17px;">**II. Purpose of Use**</span>

<span style="font-size:15px;">To help merchants customize groups for knowledge products in the store.</span>

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

<span style="font-size:15px;">An operator of a store groups all literature courses in the store into a product group and sets this group to be displayed on the store homepage. When users visit the store, they can view all the literature courses in this group by clicking 'View All'.</span>

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

<span style="font-size:15px;">Merchant side: Merchant backend → Store → Product grouping</span>

<span style="font-size:15px;">Learner side: WeChat H5 store → Store homepage → Knowledge product component/Navigation</span>

<span style="font-size:15px;">![1.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/16114000_1700205468.png ".png")</span>

<span style="font-size:17px;">**V. Usage Tutorial**</span>

**<span style="font-size:15px;">Step 1: Configuration in the Management Backend</span>**

<span style="font-size:15px;">1. Go to the \[Transactions\] - \[Product Management\] - \[Product Grouping\] page and click the 'New Product Group' button. Fill in the group name and click the \[Save\] button to successfully create a product group.</span>

<span style="font-size:15px;">![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/54970700_1700205507.png ".png")</span>

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

<span style="font-size:15px;">2. Click the gray arrows on the right side of the group name, number of products, and creation time to sort them in ascending or descending order with one click.</span>

<span style="font-size:15px;">![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/95529300_1700205927.png ".png")</span>

<span style="font-size:15px;">3. Click 'Content Management' to enter the product management page within the group. Click 'Add Product' to add text - image materials, audio, video, live streams, columns, major columns, memberships, affiliate products, AI interactive courses, offline courses, camps, and purchased courses to the product group.</span>

<span style="font-size:15px;">![4.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/46128600_1700205468.png ".png")</span>

<span style="font-size:15px;">You can also go to the knowledge product creation/editing page and select the corresponding product group in the product editing settings.</span>

<span style="font-size:15px;">![image.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/71513600_1700205981.png ".png")</span>

<span style="font-size:15px;">4. Application of product grouping: Product grouping is displayed as a page on the mobile side. When selecting a jump link for the category navigation component, you can choose to jump to a specific product group page.</span>

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

<span style="font-size:15px;">5. Click \[Add Product\] to manually add multiple courses of the same type, such as \[Videos\] or \[Text - Image Materials\].</span>

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

<span style="font-size:15px;">6. Go to \[Transactions\] - \[Product Grouping\] - \[Content Management\] and click \[Sort\] to set the sorting order.</span>

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

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

<span style="font-size:15px;">1. Display of product grouping on the H5 store side</span>

<span style="font-size:15px;"> ![9.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/39874900_1700205469.png ".png")</span>

<span style="font-size:15px;"> (H5 store homepage)</span>