# Add an HTML section to a template

Sometimes, the template you are building requires additional logic or formatting that cannot be performed in Word. In these cases you can utilise html.

**Click Add Section to add a HTML section where you can insert your HTML code with the appropriate** [**Kyloe AwesomeDocs syntax**](https://help.kyloepartners.com/kyloe-awesomedocs/kyloe-awesomedocs/kyloe-awesomedocs-admin-guide/kyloe-awesomedocs-syntax)**.**

The HTML in the HTML section will usually be used in combination with the MS Word file uploaded under Config (see Template configuration below).

{% hint style="info" %}
The Kyloe AwesomeDocs HTML editor is for building templates not websites. The application uses a simplified style of HTML. You are not expected to have detailed knowledge of HTML and if you encounter issues please contact [Kyloe Support](mailto:support@kyloepartners.com).
{% endhint %}

**When Add Section is clicked, you’ll see the below options:**

![Screenshot of the html editor.](https://2344826204-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV6boouX1p6N26pjOx7RO%2Fuploads%2FbeZ1zbWOMkVSnht9KZIM%2FPicture12%20\(1\).png?alt=media\&token=bec41984-420b-4501-8e3b-48198d15d6bf)

1. **The preview panel** shows a preview of the HTML content of your template. If the source button (4) is clicked this will show the raw HTML. This panel can be directly edited in either mode and any changes saved will update the template.
2. **The field options** drop-downs represent the different entities and sub-entities that can be added to the current template. These will change depending on the entity the template has been created against. Clicking a field from one of these drop-downs will add the correct syntax to the cursor position in the HTML panel below (1).\
   \ <mark style="background-color:yellow;">**NOTE**</mark><mark style="background-color:yellow;">: All information from Bullhorn is accessed via a particular AwesomeDocs syntax. Clicking one of the field drop-downs will give you an example of the syntax and can be used as a basis for your syntax structure. Please check the</mark> [<mark style="background-color:yellow;">AwesomeDocs Syntax</mark>](https://help.kyloepartners.com/kyloe-awesomedocs/kyloe-awesomedocs/kyloe-awesomedocs-admin-guide/kyloe-awesomedocs-syntax) <mark style="background-color:yellow;">section for things to conside</mark>r<mark style="background-color:yellow;">.</mark><br>
3. **Standard formatting options** can be used to style your template in a similar fashion to MS Word.
4. **Source** toggles the panel between the plain text view and an HTML view modes. When in the HTML view /viewing the raw HTML all other buttons will be disabled.

{% hint style="info" %}
If the HTML Section is activated but no text is visible there may still be information entered. You can check this by clicking Source.
{% endhint %}