Email Templates - HTML Formatting Tags

Modified on Wed, 18 Dec at 8:37 AM

Customizing your email templates in Benji Pays is crucial for creating a professional and effective communication style. With Benji Pays’ email template editing function, you can use a range of HTML tags to enhance your template's structure, style, and readability. Here's a breakdown of each tag you can use and how it works.

Text Formatting Tags

<strong> and <bold>: Both tags are used to emphasize text by making it bold. Use <strong> for semantic emphasis (important text) and <bold> for purely visual bolding.

<strong>Important Notice:</strong> Payments are due within 5 days.
<bold>Don't miss out!</bold> Save time with our payment links.

Important Notice: Payments are due within 5 days.

Don't miss out! Save time with our payment links.

<em> and <i>: These tags italicize text. <em> adds emphasis and conveys meaning, while <i> is purely for styling.

<em>Reminder:</em> Pay your invoices early for discounts.
<i>Thank you for choosing our services!</i>

Reminder: Pay your invoices early for discounts.

Thank you for choosing our services!

<u>: Underlines text, often used to highlight important details.

<u>Click here</u> to view your invoice.

Click here to view your invoice.

<strike>: Strikes through text, useful for showing corrections or changes.

Original Price: <strike>$100</strike> $80

Original Price: ~~$100~~ $80

Structure and Layout Tags

<br>: Inserts a line break for better readability.

Thank you for your payment.<br>We appreciate your business.

Thank you for your payment.
We appreciate your business.

<ol> and <ul>: Create ordered (numbered) and unordered (bulleted) lists.
<li>: Defines each list item within <ol> or <ul>.

<ol>
  <li>Review the invoice.</li>
  <li>Click the payment link.</li>
  <li>Complete your payment.</li>
</ol>
<ul>
  <li>Flexible payment options.</li>
  <li>Secure transactions.</li>
  <li>Real-time updates.</li>
</ul>

Review the invoice.
Click the payment link.
Complete your payment.

Flexible payment options.
Secure transactions.
Real-time updates.

Table Tags

<table>: Creates a table for organizing data neatly.

<table>
  <thead>
    <tr>
      <th>Invoice Number</th>
      <th>Amount Due</th>
      <th>Due Date</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>12345</td>
      <td>$500</td>
      <td>12/10/2024</td>
    </tr>
  </tbody>
</table>

<tr>: Represents a table row.

<td>: Defines a table cell (data).

<th>: Specifies a header cell in a table.

Invoice Number	Amount Due	Due Date
12345	$500	12/10/2024

Headings and Blockquote

<h1> to <h6>: Define headings, with <h1> being the largest and <h6> the smallest.

<h1>Welcome to Benji Pays</h1>
<h2>Payment Made Easy</h2>

Welcome to Benji Pays

Payment Made Easy

<blockquote>: Formats quoted text for emphasis.

<blockquote>"Benji Pays has revolutionized our payment process!"</blockquote>

"Benji Pays has revolutionized our payment process!"

Visual and Structural Enhancements

<hr>: Inserts a horizontal line to separate sections.

<hr>

<col> and <colgroup>: Specify column properties in tables for better alignment or styling.

<colgroup>
  <col style="width: 50%;">
  <col style="width: 50%;">
</colgroup>

Footer and Advanced Layout

<tfoot>: Adds footer rows in a table.

<table>
  <tfoot>
    <tr>
      <td colspan="3">Thank you for your payment!</td>
    </tr>
  </tfoot>
</table>

Thank you for your payment!

By understanding and applying these HTML tags, you can design engaging and effective email templates in Benji Pays that boost customer interaction and streamline payment workflows.

Happy editing!