DripEmail.org

✏️ 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

  1. Type or paste your content into the editor
  2. Select the text you want to format
  3. Use the toolbar buttons to apply formatting
  4. Click elsewhere to deselect and see the result

Adding Links

Make your emails clickable:

  1. Select the text you want to make a link
  2. Click the Link button (🔗) in the toolbar
  3. Enter the URL (include https://)
  4. Choose whether to open in a new tab
  5. Click "Insert"

⚠️ Important: Always test your links before sending. Broken links hurt your credibility and conversion rates.

Inserting Images

Add visual appeal:

  1. Click where you want the image
  2. Click the Image button (🖼️) in the toolbar
  3. Choose to upload a file or enter an image URL
  4. Resize by dragging the corners
  5. 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:

  1. Type your button text (e.g., "Get Started")
  2. Select the text and make it bold
  3. Add a link to the text
  4. Change text color to white or bright color
  5. 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

Next Steps