Ease and efficiency are what Mailmodo’s codeless, drag-and-drop editor grants you while you work on perfecting your email campaign. It allows you to choose from a list of pre-designed and customizable HTML and AMP elements. This article will take you through the entire range of features and how to customize each of them.
You can start your template with a text block, image, form, button, widgets or pre-made blocks.
You can edit these elements on the right side panel.
Note : There are two options common to all content blocks-
The block editor that lets you change the background, border and Layout (more customisation options are available for different types of blocks). You can also select the Font Family for the template.
The plus button that allows you to add more blocks.
You can choose one of the available layout options.
Step 1 - Click on the Layouts button. Select desired layout from the drop-down list.
Step 2 - You can customise each section of the layout by clicking on the respective element. Customisation options are also available on the right panel.
Step 1 - Click on the Text button. You can edit the content by clicking on the text field.
Note: You have the option to select the default font family for the template. To do so click on the empty space outside the email body (as shown in screenshot). Email body settings will appear on the right panel. You can change the font family as per your requirement.
Step 2 - Type desired text in the respective field. On the right side of the editor, you can find options to change font size, color, letter spacing, etc.
Alternatively, you can also select the text to get more formatting option.
Step 1 - Click on the ‘Image’ button to add your logo or any image to the template.
Step 2 - Click on Upload Image.
A dialogue box will open. You can upload a new image, use a previously uploaded image or fetch an image from a URL.
You also have the option to add Alternate Image Text. This text will appear if the image fails to load.
If you want to fetch an image from the internet, go to Image from URL->Static URL->Paste image URL->Add alternate image text->Set up
If you want to use dynamic images in your email, refer this guide.
After adding an image you can do the following from the right side panel: Change the image size, replace uploaded image, link the image to a URL, edit alternate text, add border, edit layout, align image, mobile display optimisation.
Step 1 - Click on the Button, select desired button type.
Step 2- Use the right side panel to configure the button. Add the URL that you wish to link with the button. You can also edit other features like text style, button colour, border, size and layout.
You can insert forms in emails to drive user engagement and conversions.
Step 1 - Click on Form and choose the type of form that you want to add to the template.
Step 2 - Once you have added a form, select a question block and click on the plus button to add a question. You can also add a step by clicking on the plus button at the top.
To edit the existing questions, click on the respective elements and type desired text.
Step 3 - Click on Gear icon to Configure Form.
Step 4 - You can configure steps logic, export form submission to external apps and use dynamic forms here.
You can add different widgets to your email like Calendly, Zoom Webinar registration, Shopify Cart abandonment, Shopify Product Recommendation, Poll, Live Price Ticker. Widgets give the email recipient access to these services right inside their email.
Step 1- Click on More. A dialogue box will open.
Step 2- Go to widgets. Insert desired widget.
Mailmodo offers a range of pre-made blocks for different use cases.
Step 1- Click on More. A dialogue box will open. You can choose a content block from different categories like Headers, Newsletters, Products, Footers and Forms.
You can save custom (created) blocks in the editor and use it later in other templates.
Step 1 - Click on More. A dialogue box will open. Go to My Blocks. You can choose a content block from the different categories like Headers, Newsletters, Products, Footers, Forms.
Once added, these blocks can be customised as per your requirements.
With Mailmodo's template editor, you can make use of features like undo/redo, export form submissions and Template Suggestion.
Once your design is finalised, you can preview your email. If you plan to send the campaign later you can save the template.