How do I create professional emails without HTML skills?
With the visual email editor, design newsletters using drag-and-drop. A true drag-and-drop builder produces 100% mobile-responsive HTML automatically. Three-stage system: Layouts, Contents, Campaigns. Optional AI layout generation from a text description in 10-15 seconds. Code editor for advanced users. Included in the Full Suite plan.
Design emails.
No HTML.
Drag-and-drop editor for professional, mobile-responsive emails. Build layouts, add content, send campaigns. No designer, no coding required.
Professional emails, but who designs them?
Your marketing team wants to send a newsletter. But nobody knows HTML. The freelance designer needs two days. And the last email looked terrible on mobile because the columns weren't responsive.
For small and mid-size businesses, email design is a constant headache. Either you hire external designers (expensive and slow), use rigid templates with no customization (boring and impersonal), or wrestle with HTML code (error-prone and time-consuming).
Then there's the rendering problem: an email that looks perfect in Gmail can display completely differently in Outlook. Without a builder that handles responsive design for you, mobile rendering is a gamble.
The result: emails either never get sent ('We don't have anyone to design that right now') or they look unprofessional and hurt your brand.
Drag, drop, done
The visual email editor is a true drag-and-drop builder that automatically outputs clean, mobile-responsive HTML. You design visually, and every email is guaranteed to render correctly everywhere.
Here's how it works: you create a layout with slots (header, body, CTA, images). Then you fill the slots with content via drag-and-drop: text blocks, images, buttons, dividers. The editor shows a real-time preview of how the email looks on desktop and mobile.
The three-stage system ensures reusability: Layouts define the structure (create once, reuse forever), Contents fill the structure with actual content, and Campaigns send the result to your recipients.
For power users: the code editor shows the underlying HTML. If you prefer working directly in code, you can toggle between the visual and code view. And if you don't want to design at all: the AI generates a complete layout from a text description in 10 to 15 seconds.
Measurable results
Teams with the visual email editor send more often, more consistently, and more professionally.
Drag-and-drop not HTML
The visual editor offers text blocks, images, buttons, dividers, and custom blocks to drag and drop. Configure colors, spacing, and fonts on the right. View the structure on the left.
- Blocks: text, image, button, divider, HTML block
- Right sidebar: colors, spacing, fonts, borders
- Real-time preview: desktop and mobile
- Code editor for the underlying HTML (toggle)
Layouts, Contents, Campaigns
The three-stage system separates structure from content. A Layout defines slots (header, body, CTA). A Content fills those slots. A Campaign sends the result. Layouts are reusable: one layout, unlimited content variations.
- Layouts: define the structure with slots (create once)
- Contents: fill slots with text, images, and links
- Campaigns: send content to your recipients
- One layout, unlimited content: maximum reusability
AI generates your layout
Describe what you need ('Two-column newsletter with hero image and CTA button'). The AI creates a complete responsive email layout with your brand colors in 10 to 15 seconds. Then refine it in the visual editor.
- Generate a layout from a text description
- Brand colors are applied automatically
- Refine the result in the visual editor
- Generation takes 10 to 15 seconds
Responsive by default
Every email is automatically optimized for mobile. The builder produces clean, responsive HTML that renders correctly in all major email clients: Gmail, Outlook, Apple Mail, Yahoo, and mobile apps. No manual CSS, no media queries to maintain.
- Automatic responsive HTML on every save
- Correct rendering in Gmail, Outlook, Apple Mail, Yahoo
- Mobile-responsive without manual CSS
- Preview for desktop (1024px+) and mobile (375px)
ROI in numbers
What this looks like in practice
A flower shop with 3 employees has never sent a newsletter because nobody knows HTML. After adopting the visual editor: the owner creates her first newsletter in 20 minutes with drag-and-drop. The AI suggests a layout, she adjusts colors and images. The result looks just as good on mobile as on desktop.
Typical scenario based on industry data
Get started right away
No setup, no training. Drag-and-drop is self-explanatory.
Create a layout
Define the structure with slots or let AI generate a layout for you.
Add content
Drag and drop text, images, and buttons into the slots.
Send your campaign
Choose recipients, enter a subject line, schedule or send immediately.
Step-by-step guides for setup via the platform or API.
Platform Guide: Step by Step
Use the visual email builder:
Create or Edit Content
Go to Reach > Email > Contents. Click "Create Content" or edit an existing one.
Select a Layout
Choose a layout template. The layout defines the structure; you'll fill in the content.
Drag and Drop
Use the blocks panel to drag Header, Body, CTA, Image, and Custom blocks into the designated slots.
Customize Styles
Select any element and use the style panel to adjust colors, fonts, padding, and alignment.
Preview and Save
Click "Preview" to see desktop and mobile views. Click "Save" when finished.
API Reference: Developer Access
Manage email content and send via API.
| Method | Path | Description |
|---|---|---|
| POST | /api/v1/email-contents | Create email content |
| PATCH | /api/v1/email-contents/{id} | Update slot values |
| GET | /api/v1/email-contents/{id}/preview | Get compiled HTML preview |
const response = await fetch('https://api.sendseven.com/api/v1/email-contents', {
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID',
'Content-Type': 'application/json'
},
body: JSON.stringify({
name: 'November Newsletter Content',
layout_id: 'layout_123',
from_name: 'ACME Team',
from_email: '[email protected]',
slot_values: {
header: '<h1>November Updates</h1>',
body: '<p>Here is what is new...</p>',
cta: '<a href="https://acme.com">Read More</a>'
}
})
});
const content = await response.json();
console.log('Content created:', content.id);const response = await fetch(
'https://api.sendseven.com/api/v1/email-contents/content_123/preview',
{
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID'
}
}
);
const { html } = await response.json();
console.log('Compiled HTML:', html);Frequently asked questions
Do I need to know HTML?
No. The drag-and-drop editor is self-explanatory. Just drag text, images, and buttons into your email. For advanced users, there's a code editor with the underlying HTML.
Are the emails mobile-responsive?
Yes, guaranteed. The editor automatically produces clean, responsive HTML that renders correctly in all major email clients (Gmail, Outlook, Apple Mail).
What is the three-stage system?
Layouts define the structure (header, body, CTA). Contents fill the structure with actual content. Campaigns send the result. Layouts are reusable: one layout, unlimited content variations.
Can AI create a layout for me?
Yes. Describe your desired layout in a sentence, and the AI generates a complete responsive email layout with your brand colors in 10 to 15 seconds. Then refine it in the visual editor.
Can I use my own images and logos?
Yes. Upload images directly in the editor. Your logo is managed centrally through brand settings and is available in every layout.
How much does the visual email editor cost?
The editor is included from Basic (plans from €49/month), with unlimited users and no per-user fees. AI layout generation is available from Professional and billed per use. Try free for 14 days. View pricing.
Professional emails, starting today
Drag-and-drop, mobile-responsive, AI-powered. Your first newsletter is ready in 20 minutes.