Help CenterEditor and TemplatesCreate and Manage TemplatesTransitioning to Mailmodo's New Editor

Transitioning to Mailmodo's New Editor

Last updated August 16, 2024

We’ve enhanced the Mailmodo experience with a new editor, introducing drag-and-drop functionality and other exciting features. This document will guide you through transitioning from the classic editor to the new one and highlight the key improvements.

These are some improvements that have been made over the classic editor and are exclusively available in our new editor:

  1. Drag and drop blocks, widgets, or forms
  2. Pre-made block designs and their unique customization options
  3. Changing the layouts Instantly

Drag and Drop Functionality

Easily add blocks, widgets, or forms by dragging them from the left panel. Unlike the classic editor where you had to click on the '+' icon, the new editor simplifies the process. Customize your elements in the "Style" tab on the left.

Screenshot 2024-08-09 at 7.26.10 AM

Designs:

The “Designs” tab features a variety of pre-made blocks that are visually optimized. Simply drag and drop, then customize to suit your requirements.

💡

Elements in these pre-made blocks cannot be added, deleted, or rearranged.

Forms

New editor: Create simple or advanced forms from scratch or use pre-made forms suited to your needs.  Learn more about forms here. 

Screenshot 2024-08-09 at 7.59.31 AM

Change Layouts Instantly

Switch between different block structures using the "Change layout" feature without duplicating or starting from scratch. This feature is available for all blocks in the Design tab.

Screenshot 2024-08-11 at 5.36.42 PM
Screenshot 2024-08-11 at 5.37.28 PM

A few things will remain the same in the new editor:

  1. Layout & elements
  2. Customizations in the side panel

Layouts & Elements

Our new editor offers flexible layout options. Add pre-made blocks or build from scratch using blank single or multi-column layouts. Customize by adding, deleting, or rearranging elements to fit your design needs. Start with basic layouts by selecting "Pre-made layouts" in the Layouts panel.

Screenshot 2024-08-09 at 7.51.52 AM

Customizations in the side panel

The side panel has been repositioned from the right to the left. All other elements and functionality remain unchanged. Customization options, with a few additions, continue to function as before.

  1. Increase or decrease the spacing between columns You can change the column spacing in the mobile view as well.
Screenshot 2024-08-16 at 2.13.16 PM
  1. Change the aspect ratio of the image. You can either keep the image with the original aspect ratio or switch to 1:1, 3:2, 2:3, 16:9
Screenshot 2024-08-16 at 2.22.33 PM
  1. Basic block-level customizations in mobile view You can now edit the mobile view of a template using the basic customization options.
Screenshot 2024-08-16 at 2.23.31 PM

Was this article helpful?