# Graphic and text 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/caf1a)</div>**<span style="font-size:17px;">I. Feature Introduction</span>**

<span style="font-size:15px;">Image-text courses are learning courses with content in the form of images and text. They are easy to create and convenient for learners to view.</span>

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

<span style="font-size:15px;">Provide training to learners with various types of courses.</span>

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

<span style="font-size:15px;">Suitable for learning content with a large amount of text and images.</span>

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

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

<span style="font-size:15px;">Learner side: H5 Academy → Course Home Page</span>

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

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

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

<span style="font-size:15px;">1. Log in to the management console. Select \[Image-text\] from \[Courses\] → \[Create New Image-text\] to enter the new image-text creation page.</span>

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

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

<span style="font-size:15px;">2. Basic information: Fill in the name and details of the image-text, set information such as text anti-copying, and upload the cover image.</span>

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

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

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

<span style="font-size:15px;">Associated courses: You can choose to associate with columns and training plans. After saving, the course information will be displayed in the details of the columns and training plans.</span>

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

<span style="font-size:15px;">4. Visibility scope: Set the course to be visible to specified learners. For details, please read[Tutorial on Setting Visibility 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 course. For details, please read[Tutorial on 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 for different courses and guide learners to join the community on the course 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 image-text 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. Learners log in to the academy.</span>

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

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

<span style="font-size:15px;">2. Learners select the corresponding image-text course from the courses to start learning.</span>

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

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