Table of Contents
• Email Editor
• Email Styling Settings
• Template Type
• Simple Boxed
• Plain Centered
• Plain Left
• Classic Editor
• Raw HTML
• Blocks
• Smart Codes/ Dynamic Tags
• Use Email Template
• Preview Composed Email
• Advanced Features
• Forward Slash [ / ]
• At Sign [ @ ]
• Sending Test Email
The main step of email marketing and sending out emails is composing or preparing the email content when the contacts are ready. In this tutorial, we will be learning and exploring email editing or composing emails in MainFlow.
Email Editor #
As we’ve seen earlier, there are different places emails can be composed and sent. Now, we will explore the features of MainFlow to edit or compose an email in those places.
Important: MainFlow uses the Gutenberg Editor as the default email editor. The features of the email editor and the available blocks to use in the email are limited based on Gutenberg’s features and limitations.
Email Styling Settings #
This setting is available for all template types except Raw HTML. The available options are:
- Body Background Color: The background color for the email body.
- Content Background Color: The background color for the content section only.
- Default Content Color: The text color for the content.
- Content Max Width (px): Maximum width for the content.
- Footer Text Color: Text color for the footer.
- Default Link Color: The link text color.
- Content Font Family: Font family for the whole content.
- Headings Font Family: Font family for the header of the email content.
- Disable Default Email Footer: There is a global email footer setting. You can turn off the global footer by checking this option.
Template Type #
Simple Boxed #
This is the default template and works for most use cases.
Plain Centered #
Simple and content-centered, which is almost identical to the default template option.
Plain Left #
This template aligns the whole email content to the left.
Classic Editor #
Raw HTML #
MainFlow’s Raw HTML Email Editor allows advanced users to create fully customized email templates. This is especially useful if you want to import templates from external sources or code the email body using HTML.
However, when using the Raw HTML editor, the Global Footer, which typically includes essential links like Unsubscribe and Manage Email Subscription, is not automatically added. You will need to manually insert these links into your template.
To do this, go to the Settings tab and click on Email Settings. Scroll to the Email Footer Settings section, where you can edit or insert the Unsubscribe or Manage Email Subscription links.
Blocks #
There are a number of Content Blocks available in the Mainflow to be used in the email contents. More about these are discussed in Content Blocks in MainFlow Email Editor
Smart Codes/ Dynamic Tags #
There are a number of SmartCodes available in MainFlow that you can use in the email contents. More about these are discussed in SmartCodes in MainFlow Email Editor.
Use Email Template #
This option is very helpful when you already have a composed email template and want to use it in the current email or extend/customize it into a new template.
You will see the Template ID number, Template title, and an action button to click and import the template you want.
Preview Composed Email #
One of the most helpful features of MainFlow is the preview. By clicking on the Eye button, you can preview the composed email to see how it may look in the recipient’s email client. Please remember that there are numerous email clients that are Web-based, desktop-based, or mobile-based. The email content you composed may look slightly different on different devices. You should add mobile device-specific CSS codes as well so that the email content looks better on mobile devices.
Advanced Features #
To create or compose a new email content or template Mainflow provides you with a few more advanced features.
Forward Slash [ / ] #
By using a forward slash ( / ) in the content you will be able to use available block types used in the email content such as Image, heading, List, Buttons, Classic Editor, Columns, Group, Row, and Stack.
At Sign [ @ ] #
There are some places where you might want to use customer or contact data available in MainFlow. You can quickly add such data via shortcodes. Typing @ in the email editor will offer you contact data such as Full Name, First Name, Last Name, Contact Email, Contact ID, User ID, Address Line 1, Address Line 2, City, etc.
Sending test Email #
Once you are done composing the email content, you should test the email content by sending it to your own email to see how it renders in an email client. Remember that using shortcodes that fetch contact data will not render in the test email, as the test email will not have generated data to assign the relevant contact and render the contact data.
For optimal email delivery in Mainflow, consider using a reliable SMTP service. Additionally, ensure your email content follows best practices to avoid being flagged by spam filters. Poorly structured content or certain trigger words may cause emails to be rejected or sent to the recipient’s spam folder.