Basic HTML Overview – Finalsite Enrollment

Finalsite Enrollment supports basic HTML formatting in email templates, parent portal pages, online forms, and checklist item descriptions, letting you add bold text, images, hyperlinks, and more.

💡Quick Answers

Where do I use HTML in Finalsite Enrollment? In email and parent portal templates, click the code view button (<></>) in the Template Editor toolbar; in online forms, place HTML inside a Comment Field.
What are the most common HTML elements supported? Common elements include bold (<strong>), italic (<em>), underline (<u>), colored text, line breaks (<br>), images (<img>), and hyperlinks (<a href>).
How do I make a hyperlink open in a new tab? Add target="_blank" after the URL in the opening anchor tag, for example: <a href="url" target="_blank">link text</a>.
Are there limitations on HTML in emails? Yes, HTML renders differently across email clients, so highly formatted emails may not display consistently; see the Email HTML Limitations article for details.

How-To: Use HTML Formatting

HTML Usage in Finalsite Enrollment

If you are using HTML in templates (e.g. emails or parent portal content), you will need to click on the <></> button in the toolbar of the Template Editor. This will open up the code view - click here for more information.

If you are using HTML in online forms, you will need to place them in a Comment Field - click here for more information.

HTML elements are defined by using tags, identifiable by the less-than and greater-thansigns. You will generally start with an opening tag - such as <> and end with a closing tag that is indicated by a forward slash /- such as </>

The text you want to output with the format will be enclosed within these opening and closing tags. Example:

<p>This is an HTML paragraph. <strong>This text is bold.</strong></p>

This is an HTML paragraph. This text is in bold.

Below are some common HTML elements that you can use in Finalsite Enrollment.

Bold Text

<p><strong>Your Text Goes Here.</strong></p>

Italicized Text

<p><em>Your Text Goes Here.</em></p>

Underlined Text

<p><u>Your Text Goes Here.</u></p>

Colorful Text

<p style="color:MediumSeaGreen;">This is text</p>

Line Break

<p>Use the <br> 
tag to add a line break. </p>

Add additional lines between paragraphs by using additional
tags. Each tag you enter creates another blank line.
This does not have a closing tag.

Inserting Images

<img src ="example.jpg"alt="EXAMPLE ALT TEXT">

This does not have a closing tag.
You must use a direct link to the image in order for this to work. Typically, these will end in JPG or PNG. You can upload images to the File Manager in Finalsite Enrollment.
Always pre-size your images to 600px before uploading them to Finalsite Enrollment to ensure correct visibility. Some email clients do not respect the image size HTML tag, so resizing the image first will help ensure consistency of its look across the different email clients receiving the email. Click here for more information.

Hyperlinks

<a href="url"> Your link text goes here.</a>

If you want the link to pop out in a new tab, you can add target="_blank" after the URL in the opening tag. Example:

<a href="url" target="_blank">Your link text goes here</a>

You must use a direct link in order for this to work. You can upload files to the File Manager in Finalsite Enrollment and link to them so that families can view or download them as needed.

Combining Elements

You can combine elements to get the desired look and feel. Example:

<p><em><strong>This text is bold and italicized.</strong></em></p>