Skip to main content

Standard Tool- HTML

Updated
The Goal: Add custom HTML content to an Email Designer template using the built-in HTML tool.

Before You Begin:

  • Permission to access the Email Designer and create or edit email templates.
  • A working knowledge of HTML. GrowthZone cannot troubleshoot custom HTML code, so this tool is best used only if you are comfortable writing or editing HTML.

Email Designer Tools are basic content elements that are used to design your templates. Text, images, and buttons are some examples of the built-in tools. To start using these tools, you will simply drag them into your newsletter to add content. Content formatting options are displayed when a tool is added to your document.

This article will cover the HTML tool.

Microlearning Overview

*NOTE: This video was recorded with the previous interface. We will be updating videos as quickly as possible.

Step-by-Step Instructions

  1. Go to Marketing & Communication, Communication section, click Email Designer, then open the template you want to edit.
  2. From the standard tools, drag the HTML tool into your newsletter.
  3. The HTML tool allows you to add custom HTML content into your template. We recommend that only users familiar with HTML use these blocks since adding custom code to the template can affect its rendering and responsiveness. Once you have added the HTML block to your newsletter, default code "Hello world!" is displayed.
  4. Click on the content block to add your HTML code. You can write your own HTML or paste in existing HTML in the code editor. As you enter your code, an immediate preview is displayed in your newsletter.
  5. Click Save Code to return to the email template.

IMPORTANT: GrowthZone cannot troubleshoot any issues you may have with your HTML code. It is best to only use this tool if you have a working knowledge of HTML.

Common Pitfalls

  • Broken or unresponsive layout: Custom code can affect how the template renders. Use the immediate preview to confirm your HTML displays correctly before saving, and only use this tool if you have a working knowledge of HTML.

Related articles