Skip to main content

Customising Emails

Emails in LoveInvoice can be customised through the Emails tab. This allows you to adjust the look and content of the messages sent to your customers, ensuring they match your brand and communication style.

There are three ways to edit an email template:

  1. Rich Text Editor (RTE) – A user-friendly WYSIWYG editor.
  2. MJML Code Editor – A modern markup language for responsive emails (recommended).
  3. HTML Code Editor – A raw editor for full control with traditional HTML/CSS.

Both editors support Liquid syntax, and each email type has a list of available variables you can use.
👉 You can find the full list of variables on the Email Variables page.

Rich Text Editor (RTE)​

The Rich Text Editor is designed for ease of use. It works much like a word processor:

  • You can change fonts, colours, and layouts.
  • Add links, headings, and styling without touching code.
  • Insert Liquid variables directly into your content.
tip

When to use the RTE

Use the Rich Text Editor if you want a quick way to personalise emails without writing HTML. It’s best for simple layouts and branding tweaks.

MJML Code Editor​

LoveInvoice recommends using MJML (Mailjet Markup Language) for email templates. MJML is a modern markup language that makes creating responsive emails easier and more reliable.

  • Responsive by default: MJML automatically handles mobile responsiveness across email clients
  • Component-based: Use pre-built components (buttons, columns, sections) instead of raw HTML
  • Cross-client compatibility: Handles email client quirks automatically
  • Clean syntax: Simpler and more maintainable than raw HTML/CSS

Most default email templates in LoveInvoice use MJML.

tip

Recommended for most users

MJML is the recommended choice for custom email templates. It provides better cross-client compatibility and is easier to maintain than raw HTML. You can learn more about MJML at mjml.io.

HTML Code Editor​

The HTML editor gives you complete control over the email's design using traditional HTML and inline CSS.

  • Write your own HTML and inline CSS
  • Use advanced layouts and custom styling
  • Insert Liquid variables anywhere in the template
warning

Advanced use only

If you're not familiar with HTML and email design, we should recommend using MJML instead. Emails can behave differently across email clients, and custom HTML requires extra testing. Consider using MJML for better compatibility.

Switching Between Editors​

When switching between editors, your current content cannot be carried over.

This is because the Rich Text Editor doesn’t support every feature that HTML allows, so converting between them could break your template.
Instead, when switching, the editor resets your template back to the default version.

Choosing the Right Editor​

Rich Text Editor​

  • Best for: Simple branding tweaks, quick changes, users unfamiliar with code
  • Pros: Easy to use, no coding required
  • Cons: Limited customization options
  • Best for: Custom email designs, responsive layouts, professional templates
  • Pros: Cross-client compatibility, responsive by default, easier than raw HTML
  • Cons: Requires learning MJML syntax

HTML Code Editor​

  • Best for: Complex custom designs, legacy templates, developers with HTML expertise
  • Pros: Complete control, familiar to web developers
  • Cons: Manual responsiveness handling, cross-client compatibility challenges

Using Liquid Syntax​

Both editors support Liquid syntax, which lets you insert dynamic values such as customer names, invoice numbers, or payment dates.

Example:

Hello {{ client.name }},

Your invoice {{ invoice.number }} for {{ invoice.total }} is now available.

{% comment %}
      You can include additional notes or instructions here.
      Comments inside Liquid won't appear in the rendered email.
{% endcomment %}

You can find a full list of available variables on the Email Variables page.