Pro Editor
Design professional email templates effortlessly with our Pro Editor. Enjoy pre-built layouts, advanced text styling, image insertion, and CTA buttons to create engaging emails.
Last updated
Design professional email templates effortlessly with our Pro Editor. Enjoy pre-built layouts, advanced text styling, image insertion, and CTA buttons to create engaging emails.
Last updated
The Pro Editor provides a streamlined interface for creating visually appealing email templates with various layout and content customization options. The editor has two main sections:
Content Creation Area (on the left): Where you design the email by adding and editing content.
Template/Layout Options (on the right): A selection of pre-designed content blocks that you can drag and drop into your template.
This vertical toolbar includes essential text formatting and layout customization tools, allowing you to style your content precisely as needed.
B (Bold): Makes the selected text bold for emphasis.
I (Italic): Italicizes the selected text, often used for highlighting specific words or phrases.
A (Formating):
U (Underline): Underlines the selected text, adding emphasis and drawing attention to it.
S (Strikethrough): Applies a line through the selected text, often used to indicate something that is removed or changed.
x² (Superscript): Converts the selected text to superscript, placing it slightly above the regular text line. This is commonly used for exponents or mathematical notations.
x₂ (Subscript): Converts the selected text to subscript, positioning it slightly below the regular text line. Useful for formulas or footnotes.
Aa (Text Case): Provides options to change the text case, such as converting it to all uppercase, all lowercase, or capitalizing the first letter of each word.
Font Size: Adjust the font size, line spacing, and line height.
O ( Color): Please adjust the text, block, or content color, and overall email background colors.
a (Font Family): Change the font family of the selected text.
H (Heading): Allows you to choose different heading levels (H1, H2, H3, etc.) for structuring your content.
Alignment Options: Align Left, Center Align, Align Right, and Justify adjust text positioning to the left, center, right, or both margins for balanced formatting.
Ordered List: Creates a numbered list. Useful for outlining steps or presenting information sequentially..
Link: Allows you to add a hyperlink to the selected text. Useful for linking to web pages, product pages, or additional resources.
Unlink: Removes an existing hyperlink from the selected text, returning it to plain text.
Remove Formating: This option clears all applied formatting from the selected text, returning it to the default style.
Code View (HTML): Switches to HTML view, allowing you to edit the source code of the email. This is useful for advanced users who need precise control over the HTML structure.
This section offers a variety of pre-designed content blocks to quickly build visually appealing emails. These blocks include text-only layouts, image layouts, and combination layouts with both text and images.
Default Layouts:
Basic blocks that combine text and images, suitable for simple newsletters or announcements.
Image Blocks:
Blocks specifically for showcasing images. You can drag an image block to the content area and replace the placeholder with your own images. Great for product showcases or visual content.
Feature Layouts:
Pre-made sections designed to highlight features, services, or products in a structured format. Includes text headings with supporting visuals or icons, commonly used for marketing emails.
Call to Action (CTA):
These blocks include CTA buttons, designed to draw attention to specific actions you want the reader to take (e.g., "Shop Now," "Learn More").
Multi-Column Layouts:
Allows you to add sections with multiple columns, useful for presenting multiple products or services side-by-side.
Drag and Drop: Select a layout block from the right panel and drag it into the content area. Once added, you can customize each block with your text, images, or links.
Once a block is added to the content area, you can click on it to modify its contents. The editor allows for in-line text editing, image replacement, and styling adjustments.
In-line Editing: Click on text within a block to directly edit it.
Image Replacement: Click on an image placeholder to upload or link your image.
Customization Options: Customize colors, fonts, and spacing for each element to match your brand or the email’s design theme.
The HTML button at the bottom of the editor switches the view to HTML source code. This option is useful for advanced users who need to edit the email's HTML directly, enabling precise control over design and functionality.
To comply with email marketing regulations and give recipients the option to opt out, it's essential to include an unsubscribe link. Here's how to add one in the editor:
Step 1: Click on [Available tags] located near the "Content" section title. This typically opens a list of merge tags that can be dynamically replaced with user-specific data during the email sending process.
Step 2: Look for an "Unsubscribe" tag on the top, which may appear as something like [UNSUBSCRIBE_URL].
Step 3: Copy the [UNSUBSCRIBE_URL] tag and paste it at the bottom of your email template with a clear call-to-action, such as:
To hyperlink the word "unsubscribe" with the [UNSUBSCRIBE_URL] tag, follow these steps:
Select the text you want to use as the hyperlink, such as “click here to unsubscribe” or similar.
Click on the link icon at the top of the editor toolbar.
Add the [UNSUBSCRIBE_URL] tag as the hyperlink URL.
Creating effective email templates is essential for successful email marketing. With our Pro Editor, you have access to powerful tools that allow you to design visually appealing and personalized emails.
From text formatting to image insertion and content rotation, each feature is designed to enhance user engagement and deliverability. Start leveraging these tools to improve your email campaigns today and make a lasting impression with every message.
