Skip to content

How to Design Email Templates?

Customizing the Design of Email Templates

Designing email templates allows you to keep the look and feel of your branding consistent in your communications to the community. Editing the content and design of the emails are separated to make it easier to reuse the email templates. 

The following elements can be customized to design email templates:

  • The header - this can be an image or an image and background color aligned to your branding. The recommended image size: 800px by 150px;
  • The external body - this is the area bordering the text zone. The text zone will always remain white, however, you can customize the color of the external body. 
  • The action button - the color of the button and the text on the button can be changed.

Where to Customize the Design of Email Templates

Click on the Menu icon on the top left of the page, click on Emails Management, and click on Email Design Templates. 

Step-by-Step Actions

 1. Customizing an Existing Template

Click on an existing template to edit:

  • Modify the Header by selecting a colored background with a logo or uploading a custom image (recommended size: 700px x 150px).
  • Adjust the Button Colors by selecting HEX codes for background and text.
  • Change the External Body Color to customize the email background outside the text zone.
  • Click Save to apply changes.

markuphero-TOyqdKcym2V7SCH8BvsH (1).jpg

2. Creating a New Template

Click on Add New Template (+ icon).

  • Modify the header, button colors, and external body color as needed.
  • Click Save to store the new template.

markuphero-muyPgpTV3uYeQwRYASZk.jpg

Applying a Template to an Email

Open the email you want to customize.

  • Use the Email Template dropdown to select a saved template.
  • Click Save to apply changes.

markuphero-NDkBX4BV11kOcXLCbPeT.jpg

  • Standalone emails