Adding a disclaimer box in the visual editor

Updated by Justine Hong

Many email programs include a disclaimer in a box in their email footer. There are two ways you can do this. Please reach out to your compliance or legal team about any requirements specific to your organization’s email communications.

Using an HTML Block

To add a text box with an outline use the code below (or your own) in an HTML block.

<html>
<head>
<style>
.disclaimer-box {
border: 1px solid black;
padding: 10px;
width: 300px;
margin: 0 auto; /* Center horizontally */
text-align: center; /* Center text horizontally */
line-height: auto; /* Adjust line height for vertical centering */
height: auto; /* Set height for vertical centering */
font-size: 12px; /* Reduced font size */
}
</style>
</head>
<body>
<div class="disclaimer-box">
<p>This is my disclaimer in a box.</p>
</div>
</body>
</html>

Using a button

You can also use a button in the visual editor to create a disclaimer. You can turn off the rounded edges, and make the text black and background transparent/white (or another color if you'd like). Users often also turn off "Auto Width" in order to have a fixed width.


How did we do?