All Collections
Pro Tips
Adding HTML to SeamlessDocs
Adding HTML to SeamlessDocs

This article will focus on how to utilize HTML codes on your SeamlessDocs (uploaded PDF).

Jasmin Linares avatar
Written by Jasmin Linares
Updated over a week ago

Helpful HTML Definitions

Hyper Text Markup Language (HTML)- standard markup language that describes the structure for creating Web pages. HTML consists of a series of elements that tell the browser how to display the content. In other words HTML codes will help you change the appearance of a specific element on your SeamlessDoc.

HTML Element- this is what makes up the HTML code you input. It is defined by a start tag, element content, and an end tag (<StartTag>Element Content</EndTag). Example: <h1>My First Heading</h1> (h1 represents the 1st heading)

Root Element- every HTML code must start and end with the root element. The root element will always start like this <html> and it will always end like this </html>. As you can see this is similar but not the same as the HTML element. The root element is part of the HTML element.

Helpful HTML Table

Where/how can you use these HTML codes?

You can use HTML codes to customize the appearance of your email notification for the invite message or completion message body under the Manage Signer settings.

For example, you can insert this code into the completion message body:

<html>


<h1>Please sign and review this Seamless Purchase Order. </h1>


<h2>To view the attachment, please click the Paperclip icon in the left-hand corner. </h2>


</html>



Your signer will then receive this via email:

You can also change the color of the text by adding it to the start tag.

For example, to make Thank you for applying for the SeamlessDocs position red, you would include style="color:red;" to the start tag. The code would look like this:

<html>


<h1 style="color:red;">

Please sign and review this Seamless Purchase Order.

</h1>


</html>


Then the signer would see this in their document completion email:

To practice making your own HTML codes before including them in your SeamlessDoc, click here.

Did this answer your question?