> For the complete documentation index, see [llms.txt](https://docs.moocit.fr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.moocit.fr/english/course-components/add-downloadable-documents-for-learners.md).

# Downloadable Document Button

Add documents such as .zip, .xls, .csv, .ppt, .docx, etc. for learners to download directly from the platform.

Enable learners to download documents using a '***Download Button***'. 

Download buttons appear as follows in the learner view of your course: 

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-Mah7Us_x1n4KxB-FXqy%2F-MahH1XZfpi6naLmWvQI%2FScreen%20Shot%202021-05-27%20at%2012.03.36.png?alt=media\&token=7c1e5d5d-d28f-4284-85cb-3b911194fa70)

To add download buttons to your course, please follow the steps below: 

1\) Open the Unit page where you wish to add your document. 

2\) Select to add a new '**HTML**' component. 

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-Mah7Us_x1n4KxB-FXqy%2F-MahHmYoUxDBWoXEkOH5%2FScreen%20Shot%202021-05-27%20at%2012.06.09.png?alt=media\&token=7e1f987f-ff0f-47f3-ac9d-7f6a26827957)

3\) Chose '**Raw HTML'**. 

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-Mah7Us_x1n4KxB-FXqy%2F-MahHwb6ipI2gVu22TMZ%2FScreen%20Shot%202021-05-27%20at%2012.06.18.png?alt=media\&token=d3953e15-e20d-4db6-ad96-3edbae9b8c86)

4\) Select to 'Edit' the component. 

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-Mah7Us_x1n4KxB-FXqy%2F-MahI5IuGOEObePziTeP%2FScreen%20Shot%202021-05-27%20at%2012.06.25.png?alt=media\&token=3103d9f2-30b3-41b8-a987-056007d206af)

5\) Remove the template text and replace it with the following code: 

```
<a class="file-download" href="/static/examplefile.pdf">Example Download PDF</a>
```

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-Mah7Us_x1n4KxB-FXqy%2F-MahI96mcELyUNOT9fdE%2FScreen%20Shot%202021-05-27%20at%2012.06.48.png?alt=media\&token=cde7d9e7-3936-40b4-a47d-5340e2e09a14)

6\) In a new window, open the 'Files & Uploads' page for your course. \*Please m*ake sure it's the same course*

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-Mah7Us_x1n4KxB-FXqy%2F-MahJAVlShrIXnM4livg%2FScreen%20Shot%202021-05-27%20at%2012.12.51.png?alt=media\&token=5a0de592-4f5e-4c74-82b2-67d3e8631e38)

7\) Add your document(s) here using the drag + drop module on the left of the screen. You can also use the button 'Browse my computer'.&#x20;

{% hint style="danger" %}
Note, that the maximum file size is 50 mb.&#x20;
{% endhint %}

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-Mah7Us_x1n4KxB-FXqy%2F-MahJUvCMPGzVKyICGAu%2FScreen%20Shot%202021-05-27%20at%2012.14.22.png?alt=media\&token=b9e2f295-d369-404b-8e35-96b354849e8a)

8\) Remaining on the Files + Uploads page select 'Studio' to copy the Studio URL for the desired document.&#x20;

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-Mah7Us_x1n4KxB-FXqy%2F-MahJtciiQvEGmll67kx%2FScreen%20Shot%202021-05-27%20at%2012.16.09.png?alt=media\&token=3979ae4d-dde5-4b35-91ac-94e217410f30)

9\) Back on the **Unit** page in the **Raw HTML** component, replace the `href="URL"`  with the Studio URL you copied in the previous step. This is the link for learners to download the document. &#x20;

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-Mah7Us_x1n4KxB-FXqy%2F-MahKJHuJux5-DxYSTLO%2FScreen%20Shot%202021-05-27%20at%2012.17.50.png?alt=media\&token=cc6eb64a-9923-459a-94c2-63d876908a20)

10\) Change the text for the button by replacing "Example Download PDF" with your desired text.&#x20;

11\) Select to save the changes.&#x20;