Exporting your design as a website

A Quick Tour of Mail Designer 365

• Changing the language settings of Mail Designer 365
• Creating a new design
• Early access to Beta versions of Mail Designer 365
• How to use the search and sort features in Mail Designer 365
• Mail Designer 365 Best Practice Guide
• The Style section
• Basic compatibility tips
• Appendix: Keyboard shortcuts
• Keyboard shortcuts for alignment tools

Advanced Design Techniques

• 3 Incredible Eye-Catchers to Use in Your Designs
• 3 Ways to Use Blend Modes
• Aligning different objects
• Combining design elements
• Creating a Sketched Headline Effect
• Creating Call to Action Buttons
• Creating polygons and polygrams
• Editing images using third party applications
• Grouping design elements
• Moving objects to the front or back
• Using hex color values
Show more articles ( 1 ) Show less articles

Background

• Adding Patterns and Textures
• Applying a background to a text area
• Choosing a background
• Edit the inner background of your design

Blend Modes

• 3 Ways to Use Blend Modes
• Using Blend Modes
• Using Blend Modes on Text

Campaigns

• Set up a Team
• Using the Testmail Feature
• Upload a Design to Crew Chat
• Inviting Team Members to Give Feedback on Designs
• Adding a From Address for Sending
• Sending a Campaign
• Adding Email Contacts
• Creating Audiences
• Saving your design

Configuring Text Styles

• Adjust letter spacing for text styles
• Apply Emphasis to a Text Section
• Creating "mobile only" text styles
• Paste text and keep style
• Setting up a fallback font
• Using Text Styles

Creative Tools

• Adding borders to design elements
• Creating a border for your design
• Using Alignment & Distribution Tools
• Using Mail Designer 365's image effects
• Using the Pinning Tool
• Using the Shadow Tool

Editing Text

• Adding different types of text links
• All Caps tool
• Automatic hyphenation
• Creating Nested Lists
• Editing a text area
• Editing text in an image area
• Special characters
• Using web fonts in Mail Designer 365
• Working with font sets

Graphics and Other Objects

• Adding and duplicating graphics, shapes, And objects
• Adding animated graphics
• Adding video placeholders
• Pixel precise element editing
• Resizing objects
• Rotating objects
• Rounded corners
• Using objects with text

HTML Export

• Exporting to other email marketing tools
• Exporting your design as a website
• Hosting images for HTML email designs

Image Areas

• Editing image areas
• Optimizing your image area
• Using Alt Text

Images

• Adding image masks
• Adding photos
• Adding your own logos and signatures
• Filling a mask with your image
• How to crop images
• Using Retina images for the desktop version
• Using the image optimisation tool
• Using Unsplash Image Integration

Layout Blocks

• Adding and removing layout blocks
• Adding space in between layout blocks
• Adjusting the size of areas within a layout block
• Deleting saved custom layout blocks
• Duplicating layout blocks
• Saving custom made layout blocks
• Text and image areas
• Using Ready-Made Layout Blocks

Links and Buttons

• Adding buttons
• Adding different buttons with different links
• Adding multiple links with a single image background
• Creating a text link
• Creating an image link
• Format link styles
• Formatting styles for text links
• Why is my link being applied to the entire image area instead of my button or shape?

Optimizing your Template for Mobile

• Adding layout blocks for the mobile version
• Creating "mobile only" text styles
• Hiding layout blocks in the smartphone view
• Modifying a layout block for the mobile version
• Working with text and links

Other Sharing Options

• Configuring SMTP email accounts
• Exporting a design to Mailchimp
• Using placeholders with Mailchimp
• Formatting when uploaded to Mailchimp
• Exporting a design to Campaign Monitor
• Using placeholders with Campaign Monitor
• Converting email templates to JPG or PNG file
• Print your document

Plain Text

• Creating a plain text version of your design

Preparing your Design for Sending

• Checking your design for issues
• Using the spell check and grammar check

Preview your Design

• Changing the size of the preview window
• Open the preview window
• Refreshing the preview window
• Setting up a custom preview device

Tables

• Accessing the tables feature
• Adding borders to your table
• Adding content to your tables
• Building your table layout
• Changing the color of your table

TextScout

• Using TextScout AI for Email Subject Lines

Using Retina Images with your Design

• Deactivating Retina images for your template
• Using Retina images with your design