Getting Started with the Drag-and-Drop Email Editor

Welcome to Groupmail's drag-and-drop email editor! This powerful tool makes it easy to create beautiful, professional newsletters without any coding knowledge. Whether you're crafting your first campaign or you're an experienced email marketer, this guide will help you understand every feature of the editor so you can design stunning emails with confidence.

In this guide, you'll learn how to navigate the three main areas of the editor (Settings, Rows, and Content), customize your email's appearance, and use drag-and-drop functionality to build engaging newsletters that your subscribers will love.

Understanding the Editor Interface

The Groupmail email editor is thoughtfully organized into three main areas that work together to help you build your perfect newsletter. Think of it like building a house: Settings are your foundation, Rows are your rooms, and Content is your furniture.

The Three Main Areas

Settings - Controls that apply to your entire message, like overall width, fonts, and background colors

Rows - Structural elements that organize your content into sections with one to four columns

Content - Individual building blocks like text, images, buttons, and dividers that you drag into your rows

Don't worry if this seems like a lot at first! We'll walk through each area step by step, and you'll be designing like a pro in no time.

Step 1: Configure Your Message Settings

Before you start adding content, it's important to set up your message foundation. The Settings area controls the overall look and feel of your entire newsletter.

This article will help get started with the basics of the Groupmail drag and drop email editor (Rich Text Editor).

Groupmail Email Newsletter Software: https://groupmail.io

The email editor is separated into three areas:

Settings

Settings that apply to the entire message

Rows

Rows of content in the message, which can be added, removed, copied, & moved.

Content

Individual content blocks: images, text, buttons, etc., which also can be added, removed, copied, and moved.

Drag and drop email editor layout

Settings, Rows and Content: How do they work?

Settings

General settings for the message.

The settings set the structure for the entire message. For example, the font family set in the message settings is then used everywhere in your message, except where you use a custom setting.

You can set the width of your message, background color, content area background color, default font and link color in the settings.

Rows

Here you can find different types of rows to insert into the message. 

Rows are structures that help build the section of the message by using columns. You can use from one to four columns.

Using more than one column allows you to put different content elements side by side.

You can add to your messages all the structural elements you need, regardless of the template you selected when you started.

Every row has its own settings, which gives you lots of flexibility. For example, you can select a background color for the entire row, only the message area, or a specific column within it.

Content

This section includes a series of tiles that represent the different kinds of content you can use in your message.

To use them, just drag one inside a column, it will auto-adjust to the column width.

Every content block has it own settings, such as granular control on padding. The right-side panel automatically switches to a property panel for the selected content element.

Need help?

If you have any questions or need any help to get started, please reach out to us at hello@groupmail.io.