> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.tevello.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Tevello Learning Content Tools


### Description:

This SOP provides a step-by-step guide on how to add Learning Content Tools Element such as upload and manage various media types, including files, PDFs , and more, within the Tevello app. It covers the process of adding these resources to enhance your course content, ensuring a seamless experience for both course creators and their students.

###### Table of content
1. [How to Add Text and Images](#1-How-to-Add-Text-and-Images)
2. [How To Add Files](#1-how-to-add-files)
3. [How To Add PDF](#1-how-to-add-pdf)
4. [How To Add Contact Form](#1-how-to-add-contact-form)
5. [How To Add Reset Button](#1-how-to-add-reset-button)
6. [How To Add Comments](#1-how-to-add-comments)

### How to Add Text and Images

1. Inside the course builder, you can select a lesson or add a new one. Then, click the Add button and select **Add Text and Images**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/04-text-and-images_d66ujc.png)

2. Enter the text and upload the images you want in the text box. **For images, you can either drag and drop them or upload them directly.**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/05-drag-and-drop_rkr6nw.png)
---

### How To Add Files

The **Add Files** feature allows you to upload documents, presentations, PDFs, or other resources to your course. Students can easily download these files to enhance their learning experience and access materials offline.

1. Inside the lesson, click on the **Add **button. A dropdown menu will appear. From the dropdown menu, select **Add File.**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/04-click-add_12gy61l.png)

2. Click **Add File** to upload the file from your computer or drag and drop the file. Then Click **Save**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/05-click-add-file_xshht1.png)


---

### How To Add PDF

The **Add PDF** feature lets you include PDF documents in your courses, providing valuable content that students can view to support their learning.

1. Inside the lesson, click on the Add button. A dropdown menu will appear. From the dropdown menu, select **Add PDF.**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/add-file_yb3051.jpg)

2. Click the **Add PDF Button**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/07-click-add-pdf-file_1qhhcm7.png)

Click the link below for a straightforward guide on How To Make PDF File Downloadable.
[How To Make PDF File Downloadable](https://help.tevello.com/en/article/how-to-make-pdf-file-downloadable-smp8ux/)

---
### How To Add HTML

The **Add HTML** feature allows you to customize lessons by adding scripts or codes, enabling advanced personalization. You can also embed external tools like Google Forms to enhance interactivity.

1. Click the **Add HTML**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/08-add-html_1kjxciy.png)

2. Paste code/script inside the box.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/09-past-html-code_uzpiui.png)
---
### How to Add Contact Form

The **Add Contact Form** feature enables you to include a form in your courses, allowing students to easily reach out with questions, feedback, or support requests.

1. Click the **Add Contact Form** Button.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/10-add-contract_wri6vx.png)

2. Edit Text field as needed.

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/11-edit-text-field_fu2299.png)
---

### How to Add Reset Button

The **Add Reset Button** feature allows students to restart a course, resetting their progress to revisit lessons or activities from the beginning.  Enables students to review and relearn content at their own pace.

1. Click **Add Reset Progress**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/12-add-reset_1bertrd.png)
---

### How To Add Comments

The **Add Comments** feature allows students to leave feedback, ask questions, engage in discussions, or fosters connections among students and instructors directly within the course.

1. Click **Add comment**

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/14-add-comments_19dosg4.png)

2. This is what comment section looks like..

![](https://storage.crisp.chat/users/helpdesk/website/e916a79d3dced000/15-comments_td731p.png)