Create professional, mobile-responsive emails that display perfectly across all devices and email platforms.
Essential Setup Practices
1. Email Naming and Organization
Give your email a clear, descriptive title that helps team members quickly identify the content when browsing the shared email library. This prevents confusion and ensures smooth collaboration across your organization.
2. Configure Default Settings First
Access the Settings pane to establish consistent formatting before adding content:
-
Content Width: Set to
800pxfor optimal visibility across desktop and mobile - Default Colors: Add your brand colors to the dropdown menu for easy access
-
Font Size: Use
14pxas your standard font size for optimal readability across all devices and email platforms - Line Height: Set to 2.0 for improved readability and visual spacing
Why 14px font size? Emails display differently on mobile versus desktop devices. A 14px font size ensures text remains readable when screens automatically adjust sizing.
Responsive Design Structure
3. Row-Based Layout Strategy
Use separate rows for each content block rather than placing multiple elements in a single row. This approach ensures content stacks properly on mobile devices, creating a seamless user experience.
4. Image Consistency
When using columns with images, ensure all images within the same section have identical dimensions. This maintains visual balance and prevents layout issues across different screen sizes.
5. Content Block Selection
Use Paragraph blocks instead of Text blocks. Paragraph blocks offer better functionality and compatibility with advanced features like Multi-Language emails.
Quality Assurance Process
6. Continuous Preview Testing
Preview your email frequently on both desktop and mobile throughout the design process. Don't wait until completion to check responsiveness.
7. Final Testing Protocol
Always send a test email before launching your campaign to verify proper formatting and functionality across different email platforms.
Advanced Features Integration
8. File Management
Embed attachments directly within the email content rather than adding them as separate Outlook attachments. This ensures better deliverability and user experience.
9. Interactive Elements
Incorporate surveys and eNPS (Employee Net Promoter Score) tools to boost engagement:
- Link surveys directly to questions
- Place only the question and emoji reaction/eNPS elements in the same row to prevent errors
- Test all interactive elements before sending
Making Revisions
⚠️ Important: Never edit emails directly in Outlook! ContactMonkey always sends the latest version saved in the Email Builder, which means any Outlook edits will be overwritten.