How Do I Create  HTML Email Templates?

HTML Email Templates allow you to design visually rich, branded emails that display consistently across devices and email clients. In cirQulate, you can create professional email templates using a drag-and-drop builder—no coding required.

These templates serve as reusable layouts that can be used when creating campaigns, helping maintain consistent branding and saving time when sending communications.

What Is an HTML Email Template?

An HTML email template is a reusable email layout built with structured elements such as images, text blocks, buttons, and sections.

Using templates ensures that:

• All emails follow consistent branding

• Campaigns are created faster

• Emails display correctly across desktop and mobile devices

• Design elements can be reused across multiple campaigns

In cirQulate, templates are created once and can be edited or reused whenever needed.

Accessing the Email Template Builder

To create a new HTML email template:

1. Log in to cirQQle Manager.

2. Open cirQulate from the main navigation.

3. In the left menu, click Templates.

4. Select Email Templates.

5. Click + New Email Template.

This opens the template builder where you can either start from scratch or choose a pre-designed layout.

Choosing a Starting Point

When creating a new template, cirQulate allows you to choose how you want to begin designing your email.

You can choose from:

• Start from Scratch – Build your email layout from a blank canvas.

• Newsletter Templates – Pre-designed layouts for newsletters.

• Onboarding Templates – Ideal for welcome or introduction emails.

• Promotional Templates – Great for offers and marketing campaigns.

• Announcement Templates – Useful for updates or important news.

• Basic Templates – Simple layouts for quick communication.

Selecting a template loads it into the visual editor where you can customize it.

Building Your HTML Email Template

The cirQulate template builder uses a drag-and-drop editor, allowing you to visually design your email layout.

From the content panel, you can drag elements into your email layout.

Common Email Blocks

• Text – Add paragraphs, headings, or formatted content

• Image – Insert logos, banners, or product images

• Button – Create call-to-action buttons

• Video – Embed video previews

• Bulleted / Numbered Lists – Structure information clearly

• Sections / Columns – Organize content in rows or columns

Simply drag the block into the canvas and place it where needed.

Customizing Content and Design

Each element inside your email can be customized using the editor tools.

Editing Text

• Double-click a text block to edit content

• Change font family, font size, and alignment

• Adjust line spacing and font weight

• Use headings to improve readability

Adding Images

• Upload images or select them from the Media Library

• Resize or reposition images within sections

• Use optimized images to improve email loading speed

Adding Buttons and Links

Buttons help drive user engagement.

Best practices include:

• Use clear call-to-action text such as Shop Now, Learn More, or Book Today

• Link buttons to landing pages, products, or promotions

• Place buttons after key sections of content

Using Variables

cirQulate also allows dynamic personalization through Variables.

Examples include:

• Contact name

• Business information

• Custom fields from your contact list

Using variables helps personalize emails and improve engagement.

Previewing Your Email Template

Before saving your template, always review it using the preview tools.

Use the Preview option to:

• Check desktop and mobile layouts

• Confirm images and spacing display correctly

• Verify links and buttons function properly

Previewing ensures that your email appears correctly before being used in campaigns.

Saving Your HTML Email Template

Once your design is complete:

1. Enter a Template Name.

2. Add the Email Subject Line.

3. Review the design using Preview.

4. Click Save Template.

The template will now appear in the Email Templates library and can be selected when creating a campaign.

Best Practices for HTML Email Templates

To ensure effective email communication:

• Keep layouts clean and mobile-friendly

• Use clear headings and short paragraphs

• Avoid too many large images

• Include one primary call-to-action

• Maintain consistent branding and colors

• Always preview and test before sending