> 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/advanced/tips-and-warnings.md).

# Tips and Warnings

Add tips and warnings throughout your courses using Raw HTML components.

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MboyaBAeSIdrK9jpMS_%2F-MboykaGRRWmcLyuZMQT%2FScreen%20Shot%202021-06-10%20at%2010.12.31.png?alt=media\&token=299f295f-18c3-472d-a538-d731d66d1e3a)

### Tips:&#x20;

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MbowCJ3fFMmjcGRjHaq%2F-MboxuQX8VO9DArpF-b6%2FScreen%20Shot%202021-06-10%20at%2010.08.49.png?alt=media\&token=aeb61a0f-57c1-49ae-8ee7-32aa365dcd0c)

To add a tip component such as the one above, paste the below code into a Raw HTML component, and modify the messaging as desired:&#x20;

```
<div class="tip"><strong>Add Tips to your Course</strong>
<p>Add tips to your course by following this tutorial: <a href="https://docs.moocit.fr/v/english/advanced/tips-and-warnings" target="_blank">https://docs.moocit.fr/v/english/advanced/tips-and-warnings</a>.&nbsp;</p>
</div>
```

### Warning Messages:&#x20;

![](https://670111484-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4y57zV2xVTpLls44ok%2F-MbowCJ3fFMmjcGRjHaq%2F-MbowvnueW_nNDD2l5Bp%2FScreen%20Shot%202021-06-10%20at%2010.04.26.png?alt=media\&token=93cdbe01-72f5-4f1c-abc3-f4df7ff9d165)

To add a warning component such as the one above, paste the below code into a Raw HTML component, and modify the messaging as desired:&#x20;

```
<div class="warning"><strong>Warning Components!</strong>
<p>Create your own warning components in your course by following this tutorial: <a href="https://docs.moocit.fr/v/english/advanced/tips-and-warnings" target="_blank">https://docs.moocit.fr/v/english/advanced/tips-and-warnings</a>.&nbsp;</p>
</div>
```
