An overview of the myconvento drag-and-drop editor

The drag-and-drop editor is the standard tool in myconvento for visually building email campaigns. It allows you to create newsletters, invitations, press releases, and other mailings without needing to edit HTML code directly. Content is assembled from individual building blocks, positioned using your mouse, and then edited directly within the editor. This makes the editor ideal for users who want to design professional emails without having to write HTML or CSS themselves.

The editor operates on a modular principle. You select elements, drag them to the desired location within the email, and then populate them with content. This allows for the flexible combination of text, images, buttons, dividers, columns, and other content areas. The design remains responsive by default, meaning the email automatically adapts to various screen sizes - such as desktop, tablet, or smartphone.

Workspace Layout

The actual email preview is located in the center. Here, you can see the current state of your mailing, giving you an idea of how it will appear to recipients. Individual content areas can be clicked and edited directly. Depending on the selected element, additional options appear, allowing you to adjust content, spacing, alignment, colors, and other properties.

Editing takes place directly within the layout. You can insert new elements, move existing sections, modify content, or remove unwanted blocks. This allows the email to take shape step-by-step right on the workspace.

The Right Sidebar

The right-hand column serves as the editor's central tool area. This is where you find the building blocks and settings used to design your email. The "Tools" menu is particularly important; use it to select the elements you wish to insert into your message.

Typical tools include text blocks, images, buttons, column layouts, and dividers. You simply drag and drop these elements from the right sidebar into the email. They can then be customized immediately, allowing you to quickly create a unique mailing from a template.

The right-hand sidebar changes depending on the currently selected element. Instead of general tools, you see detailed options specific to that element. For a text block, this might include settings for font, color, or spacing; for a button, the focus is more on the link, label, alignment, and design.

General Settings

In addition to the individual content blocks, there is a "General Settings" button. This area allows you to adjust fundamental properties of the entire email. These settings apply to the mailing as a whole rather than just a single block.

Here, you can define global display options. Depending on the template and editor configuration, these may include background colors, default spacing, widths, or general layout settings. These global settings are particularly useful for ensuring a consistent look and feel across the email.

So, if you want to adjust the basic layout of the entire message - rather than just changing a single text element or button—"General Settings" is the right place to start.

Additional tools via the Tools menu

In addition to the content blocks in the right sidebar, the drag-and-drop editor provides extra tools accessible via the options menu. These functions primarily assist you in reviewing, technically checking, and fine-tuning your email.

The "Check links" feature allows you to verify the links contained in the email. This is particularly important before sending, as it ensures that broken or inaccessible destination pages are identified in time.

The "Hidden preheader" option lets you edit the email's preview text. Visible next to or below the subject line in many email programs, this text can play a crucial role in whether a message gets opened.

The "Edit supplementary text version" option allows you to maintain an additional plain-text version of the email. This can be useful for specific email clients, deliverability, or recipient environments.

"Edit CSS" enables advanced users to customize additional styling specifications. This feature should be used with care, as incorrect CSS adjustments can affect how the email displays in certain email programs.

"View HTML code" allows you to inspect the message's generated HTML code. While helpful for technical checks, troubleshooting, or custom modifications, this feature requires knowledge of HTML.

Working with Content Blocks

To insert a new element, select it from the right-hand sidebar and drag it to the desired position in the email while holding down the mouse button. The editor indicates exactly where the block will be placed. Once you release the mouse button, the element is added to the layout.

Existing blocks can also be moved or edited, allowing you to change the content order at any time. If a section is no longer needed, it can be removed. This workflow lets you create a rough structure for your template first and then refine it step by step.

Editing Content

Text is edited directly within the editor. Simply click on the relevant text area and modify the content just as you would in a standard text editor. You can insert or swap images, add labels and links to buttons, and further subdivide or visually customize layout sections.

When editing, ensure that the email is not only visually appealing but also clearly structured in terms of content. Short paragraphs, clear subheadings, and prominent calls to action help recipients grasp the message quickly.

Preview and Next Steps

Before moving to the next step, carefully review the current draft. Check the text, images, links, and overall layout. It is particularly important to consider the mobile view, especially for responsive emails.

Once all required information is in place and the content is ready, click "Next Step" to proceed with the sending process. There, you will define details such as recipients, sender information, and sending options.