Email Templates

Design customized email templates with HTML, placeholders, and your branding.

Template Types

Form Mailer supports two template types for each form:

Template	Recipient	Purpose
Respondent template	The person who submitted the form	Confirmation, receipt, next steps
Owner template	You (the form owner)	Notification with response data

Each can be configured independently with its own subject, body, and formatting.

Plain Text Templates

The simplest option — write your email as plain text with placeholders:

Hi {{Name}},

Thank you for registering for {{Event Name}}.

Your registration number is: {{Timestamp}}

See you there!

HTML Templates

For branded, styled emails, use HTML in the template body:

<div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto;">
  <div style="background: #0073ea; color: white; padding: 20px; text-align: center;">
    <h1>Registration Confirmed</h1>
  </div>
  
  <div style="padding: 20px;">
    <p>Hi <strong>{{Name}}</strong>,</p>
    
    <p>You're registered for <strong>{{Event Name}}</strong>!</p>
    
    <table style="width: 100%; border-collapse: collapse; margin: 16px 0;">
      <tr>
        <td style="padding: 8px; border-bottom: 1px solid #eee;"><strong>Date</strong></td>
        <td style="padding: 8px; border-bottom: 1px solid #eee;">{{Event Date}}</td>
      </tr>
      <tr>
        <td style="padding: 8px; border-bottom: 1px solid #eee;"><strong>Location</strong></td>
        <td style="padding: 8px; border-bottom: 1px solid #eee;">{{Venue}}</td>
      </tr>
    </table>
    
    <p>Questions? Reply to this email.</p>
  </div>
  
  <div style="background: #f5f5f5; padding: 12px; text-align: center; font-size: 12px; color: #666;">
    © 2026 Your Company
  </div>
</div>

Template Editor

Form Mailer includes a built-in rich text editor in the sidebar:

• Visual mode — WYSIWYG editor with formatting toolbar (bold, italic, lists, links, images)
• HTML mode — write raw HTML for full control
• Preview mode — see how the email will look with sample data

Switch between modes using the tabs at the top of the editor.

Adding Images

You can include images in your templates:

1. External URL — reference any publicly accessible image URL:

   <img src="https://yoursite.com/logo.png" alt="Logo" width="150" />

2. Google Drive — use a publicly shared Google Drive image link

tip

Always include alt text and set explicit width/height for email client compatibility.

Template Best Practices

1. Inline CSS — email clients don't support <style> tags well; use style="" attributes
2. Table layouts — for complex layouts, use HTML tables instead of div/flexbox
3. Max width 600px — keeps emails readable on all devices
4. Test across clients — use the preview and test features before going live
5. Fallback text — keep important info in text, not just images (images may be blocked)