Skip to main content

​
Topol.io Email Editor

Create professional email templates with our integrated Topol.io drag-and-drop editor.

​
Overview

Topol.io is a powerful email editor that allows you to:
  • Design emails visually without coding
  • Create responsive templates
  • Use pre-built blocks and layouts
  • Export production-ready HTML

​
Access the Editor

1

Navigate to Templates

Go to Templates in your Lettr dashboard.
2

Create New Template

Click “New Template” and select “Visual Editor”.
3

Design Your Email

Use the drag-and-drop interface to build your template.

​
Editor Features

​
Content Blocks

BlockDescription
TextRich text with formatting options
ImageSingle images with alt text
ButtonCall-to-action buttons
DividerVisual separators
SpacerVertical spacing
SocialSocial media icons
VideoVideo thumbnails with play buttons
MenuNavigation menus

​
Layout Blocks

BlockDescription
1 ColumnFull-width content
2 ColumnsSide-by-side content
3 ColumnsThree-column layout
4 ColumnsFour-column layout

​
Using Variables

Insert dynamic content using variables: 
Hello {{name}},

Your order #{{order_id}} has shipped!
In the editor, click “Merge Tags” to insert variables.

​
Saving Templates

// Templates are saved to your account
const templates = await lettr.templates.list();

// Get template HTML
const template = await lettr.templates.get('tpl_123');
console.log(template.html);

​
Using Templates

Send emails using saved templates: 
await lettr.emails.send({
  from: 'you@example.com',
  to: ['recipient@example.com'],
  subject: 'Your Order Update',
  templateId: 'tpl_123',
  variables: {
    name: 'John',
    order_id: '12345'
  }
});

​
Exporting Templates

Export templates as HTML for use elsewhere: 
const template = await lettr.templates.get('tpl_123');

// Get raw HTML
const html = template.html;

// Download as file
await lettr.templates.export('tpl_123', {
  format: 'html'
});

​
Template Library

Access pre-built templates:

Welcome Emails

Onboarding and welcome templates

Transactional

Order confirmations, receipts

Marketing

Newsletters and promotions

​
Best Practices

Don’t overcomplicate designs. Simple layouts render better across clients.
Preview your template in different email clients before sending.
Stick to fonts that render well in email clients.
Compress images for faster loading.