# Column Usage Tutorial

<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/8e6b4/page/812b4)</div>**<span style="font-size:17px;">I. Feature Introduction</span>**

<span style="font-size:15px;">Columns support packaging and combining various types of courses (text - image, audio, video, live streaming) to form a systematic learning framework and content.</span>

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

<span style="font-size:15px;">Provide a learning framework for students and create an immersive learning experience within the column.</span>

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

<span style="font-size:15px;">Provide students with a combination of learning courses for a certain type of skill or topic.</span>

<span style="font-size:15px;">Example: To cultivate the professional skills of sales staff, set up a sales - related column containing courses related to sales skills.</span>

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

<span style="font-size:15px;">Merchant side: Enterprise Training Management Console → Courses → Columns</span>

<span style="font-size:15px;">Student side: H5 Academy → Classroom Homepage</span>

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

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

**<span style="font-size:15px;">Step 1: Configure the Column</span>***<span style="font-size:15px;">(Management Backend)</span>*

<span style="font-size:15px;">Log in to the management console. Select \[Columns\] → \[New Column\] from \[Courses\].</span>

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

<span style="font-size:15px;">(Management Backend - Courses - Columns)</span>

<span style="font-size:15px;">2. Enter the new column page, fill in the column name, column introduction, column details, and upload the column cover.</span>

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

<span style="font-size:15px;">(Management Backend - Courses - Columns - New Column)</span>

<span style="font-size:15px;">3. Course Information</span>

<span style="font-size:15px;">Course grouping: A function to classify and display courses.</span>

<span style="font-size:15px;">4. Visible Scope: Set the courses to be visible to specified employees. Please read the [Usage Tutorial for Setting Visible Scope](https://helpcenter.xiaoe-tech.com/#/problem/detail?document_id=doc_5eb7ce749ba7f_zsTMN).</span>

<span style="font-size:15px;">5. Listing Settings: Set the listing time of the courses. Please read the [Usage Tutorial for Listing and Delisting Settings](https://helpcenter.xiaoe-tech.com/#/problem/detail?document_id=doc_5eb7ccb546e33_C8ICP).</span>

<span style="font-size:15px;">6. Guide to Join the Community: Configure relevant communities and guide employees to join the community on the column details page. The steps are to enable the guide to join the community; set the guiding message; upload the community QR code.</span>

<span style="font-size:15px;">7. Click \[Save\] to successfully create the column.</span>

<span style="font-size:15px;">8. Select the corresponding column → \[Content Management\] → \[Add Course\].</span>

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

<span style="font-size:15px;">(Management Backend - Courses - Columns - Content Management)</span>

<span style="font-size:15px;">After adding courses, you can use the sorting function to adjust the order of courses within the column.</span>

<span style="font-size:15px;">Note: A single - item course can be added to multiple columns.</span>

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

<span style="font-size:15px;">(Management Backend - Courses - Columns - Content Management - Add Course)</span>

**<span style="font-size:15px;">Step 2: Course Learning</span>***<span style="font-size:15px;">(H5 Academy)</span>*

<span style="font-size:15px;">1. Students log in to the academy on the student side.</span>

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

<span style="font-size:15px;">(H5 Academy - Classroom Homepage)</span>

<span style="font-size:15px;">2. Students select the corresponding column from the courses. After entering the column, click on the courses to start learning.</span>

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

<span style="font-size:15px;">(H5 Academy - Column Course Catalog Page)</span>