Chapter - Create newsletter with elements

In this chapter, you will learn how newsletters are structured and how to create newsletters using drag and drop. When you create a blank newsletter, you will first see the layout that forms the basis for every newsletter. Initially, it is a blank page on a gray background; we imagine this like... Read more

[MNR_ProductName] newsletters are created from individual building blocks, which we call elements. The number of elements is manageable but very powerful, as a few building blocks can be used to create practically any conceivable layout. All elements are responsive and designed to display in Microsoft Outlook as you envision them – even without special knowledge. ... Read more

All newsletters in [MNR_ProductName] consist of a series of elements. All elements have a series of properties that allow you to customize their appearance to your needs. This chapter explains the most important ones. Font You can change the font in the style editor on the right side, just as you can in other programs... Read more

With the H1 Headline, H2 Headline, and H3 Headline elements, you can insert headings of different sizes into your document. The main difference between the three heading elements is the font size. While you can freely choose this in the normal HTML view, the font size in responsive mode for mobile devices is system-defined... Read more

Text elements are used to create and edit flowing text in the newsletter. They have the same style editing functions as the headings in the previous chapter. In addition, sections of text can be formatted individually. When inserted into the newsletter, a text element looks like this: Within the text element, you can enter and edit text as usual. Select... Read more

Image elements are the best way to insert an image into your layout. There are two different elements: the banner element and the image. Both are identical in their properties; the banner element spans the entire width of the page, while the simple image element is square. Note: If you want to insert an image into text, place the cursor... Read more

With layout elements, you can create responsive multi-column layouts in no time. This way, you can define a basic structure that you can then fill with any other elements. Layout elements can be nested within each other, but this is not recommended because nesting often causes display problems that are difficult to solve. Context menu With a click on the right... Read more

If you need space between two elements, insert a spacer element between them. You can change the size of spacer elements; there are no other style properties. 

Buttons are ideal for, for example, inserting a call-to-action button behind text to direct your readers to a website. Just like with image elements, you can embed a hyperlink in a button, and you can also adjust the font, colors, size, spacing, and border. Styles The following styles are available for buttons: Alignment With alignment, you can... Read more

Inserts a horizontal separator line that corresponds to the HTML tag <hr> corresponds. With this element, you can only determine the height; no other formatting can be applied. To separate areas, it is better to group them in layout elements and assign a bottom or top border in the desired color and width to the layout element.