✏️ Using the Email Editor
Create beautiful emails with our powerful editor
⏱️ 14 min read
Email Editor Overview
DripEmails.org features a rich text editor powered by Quill that makes creating professional emails easy, even if you don't know HTML.
💡 Pro Tip: Use the editor's formatting toolbar to maintain consistent styling across your emails.
Editor Features
- Rich text formatting: Bold, italic, underline, strikethrough
- Headings: H1, H2, H3 for structure
- Lists: Bullet points and numbered lists
- Links: Add clickable links to any text
- Images: Insert and resize images
- Colors: Text and background colors
- Alignment: Left, center, right, justify
- Merge tags: Personalization variables
Formatting Text
- Type or paste your content into the editor
- Select the text you want to format
- Use the toolbar buttons to apply formatting
- Click elsewhere to deselect and see the result
Adding Links
Make your emails clickable:
- Select the text you want to make a link
- Click the Link button (🔗) in the toolbar
- Enter the URL (include https://)
- Choose whether to open in a new tab
- Click "Insert"
⚠️ Important: Always test your links before sending. Broken links hurt your credibility and conversion rates.
Inserting Images
Add visual appeal:
- Click where you want the image
- Click the Image button (🖼️) in the toolbar
- Choose to upload a file or enter an image URL
- Resize by dragging the corners
- Add alt text for accessibility
Using Merge Tags
Personalize emails with subscriber data:
- {first_name} - Subscriber's first name
- {last_name} - Subscriber's last name
- {email} - Subscriber's email address
- {company} - Company name (if collected)
Example: "Hi {first_name}, thanks for joining!"
Creating Call-to-Action Buttons
While the editor doesn't have a dedicated button tool, create button-like links:
- Type your button text (e.g., "Get Started")
- Select the text and make it bold
- Add a link to the text
- Change text color to white or bright color
- Add background color for button effect
HTML Mode (Advanced)
For advanced users:
- Click the </> button to switch to HTML view
- Edit the raw HTML directly
- Click the button again to return to visual mode
- Perfect for adding custom styles or complex layouts
Best Practices
- Keep formatting simple and consistent
- Use headings to structure your content
- Break up text with paragraphs and bullet points
- Optimize images before uploading (< 1MB each)
- Test how your email looks in preview mode
- Use merge tags to personalize at scale
- Include alt text for all images
- Make links descriptive, not "click here"
Keyboard Shortcuts
- Ctrl/Cmd + B: Bold
- Ctrl/Cmd + I: Italic
- Ctrl/Cmd + U: Underline
- Ctrl/Cmd + K: Add link
- Ctrl/Cmd + Z: Undo
- Ctrl/Cmd + Y: Redo