The Evalanche Email Designer will replace the visual editor for creating emailings within Evalanche. It has been redesigned and is characterized by improved usability and high flexibility. The new intuitive modular template system simplifies the creation of emailings considerably. This documentation refers to the latest PowerSet template 2, the new best practice template based on the new e-mail designer for creating e-mailings.

To create and edit e-mailings, you work as an editor in “Creator mode”. PowerSet 2 offers a variety of flexible, preconfigured modules based on proven best practices. The modules are designed to be versatile and configurable. The template can be customized in advance according to individual specifications and requirements.

With the user-friendly PowerSet 2, eMailings can be created easily, quickly and efficiently and efficient, without any prior knowledge of HTML or programming. The new e-mail designer uses a modular design system. The individual components (layouts, components and elements) can be freely combined with each other freely combinable. This ensures maximum flexibility within the existing modules is achieved. Thanks to the flexible customization options, the elements can be intuitively so that each campaign can be individually designed.

 

User interface

The Email Designer is divided into two areas, the canvas and the sidebar.

1. The e-mailing is located in the canvas.
2. The modules, articles and all settings are located in the sidebar.

Modules are the configurable and usable content modules of the Editor that can be used in eMailing. The modules are placed on the canvas using drag & drop and then edited in terms of content and appearance. As soon as a module has been placed on the canvas, it is designated as a module instance and can be edited.

The canvas and the sidebar in the Content Creator

Canvas

A preview of the e-mailing is displayed in the canvas. All content modules (module instances) and articles that make up the e-mailing are displayed. With articles and module instances can be moved on the canvas using the handles. be moved.

The preview for desktop, tablet and smartphone is at the top of the canvas

 

Dropareas, sub-dropareas and slots

The active areas in the canvas, in which modules can be placed using drag & drop can be placed are referred to as dropareas.

Some modules can contain their own dropareas, so-called sub-dropareas. These in turn allow the placement of further modules. Further nesting is not possible.

In order to be able to place entire articles using drag & drop, so-called article slots are are required. These article slots only allow the placement of articles.

Placing an image module in the canvas

 

Sidebar

The sidebar consists of three areas: Modules, Articles and Settings.

Modules: All modules that are available in PowerSet 2 can be found here. Modules can be dragged and dropped onto the canvas in available dropareas and create module instances (used modules). If a module is placed multiple times on the canvas, several independent module instances are created.

The module area of the sidebar with layouts, components and elements

 

Articles: The articles last edited in the client are listed here. These can be dragged and dropped into the available article slots. Additional articles can be searched for via the search field and then used. To create an article slot, either the “Article (CMS)” or “Article (list)” component must first be positioned on the canvas using drag & drop. Several of these article components can also be used.

The article area of the sidebar

 

Settings: in the Settings tab, the basic settings can be defined such as width, colors and fonts can be defined, which can be accessed by the modules of the e-mailing.

The Settings area of the sidebar

 

Inserting content

The basic principle of E-Mail Designer is based on modules, which are subdivided into layout modules, elements and components. There are different ways to implement content in modules. These different approaches can be combined with each other and thus cover a variety of cases.

• You can implement an eMailing exclusively with individual elements (elements). You are largely free to position the elements as you wish, especially if you also use layout modules for positioning. Elements are simple modules that represent the individual components of an e-mailing (e.g. image, text, button, separator, etc.).
• Alternatively or as a supplement, you can also create your eMailing with the ready-made components. With just one drag-and-drop process you can, for example create the editorial effortlessly.
• You can also work with articles that can be integrated via the two components “Articles (CMS)” and “Articles (list)”. This means that articles that are available as independent objects in Evalanche, are used in the E-Mail Designer (see also Canvas (Drop Area) / Articles). General Information on articles in Evalanche can also be found at: Create and configure articles.
• The additional layout modules support the design of the e-mailing. For example, two- or three-column areas can be defined in order to position individual elements flexibly. Two- and three-column articles can also be integrated. A wide range of design options can be implemented.

 

 

Editing a module instance:

If a module instance, i.e. a module used in the canvas, is clicked, the view of the sidebar switches to the individual editing screen. The module instance can be copied, deleted or edited here. Depending on the module instance, different input elements (input widgets) are also available to edit the various contents.

 

Example of a module and its settings

 

A simple content module as an example module

In this module, all content such as text and images is entered in the corresponding input elements. input elements. Special input elements were used, for example, to the image alignment or the division ratio (image/text). A target group can be inserted under the Personalization tab for for which the content of the module is to be displayed exclusively.

The input widgets can vary depending on the module

 

Overview of the modules

Layouts

Layout modules define the arrangement of components and elements in the overall layout. They can be used to divide the layout into several columns and/or to use layout areas with different background colors. The contents of multi-column layout modules are displayed one below the other if there is insufficient space (e.g. in the mobile view).

• Layout: (1-column)
  Single-column layout module
• Layout: (2-column)
  Two-column layout module
• Layout: (3-column)
  Three-column layout module

Components

Components usually consist of several content modules. For example, the “Editorial” consists of a date, an optional salutation, a headline and a text element. To a certain extent, these are preconfigured groups of individual elements (“element” modules) for use in e-mailings and LeadPages.

• Header
  The header can only be edited in the template.
  Input widget:
  • Logo “Image selection”
  • Show web version link “Checkbox” (The text can be defined in the language container under Templates-PowerSet Demo-Settings-Language container)
  • Embed logo “Checkbox”
• Editorial
  Input widget:
  • Date field “Single-line input”
  • Heading “Single-line input”
  • Salutation "Checkbox"
  • Text "Textfield"
• Content
  With various setting options, the “Content” component offers the greatest flexibility for displaying image-text combinations, e.g. for articles or call-to-actions.
  Input widget:
  • Image “Image selection”
  • Alt text “Single-line input”
  • Heading “Single-line input”
  • Subheading “Single-line input”
  • Text "Textfield"
  • Button label “Single-line input”
  • Button link "URL"
  • Background color “None | Highlighted 1 | Highlighted 2”
  • Image position “Without image | Top | Left | Right”
  • Text alignment “Left | Center”
  • Division ratio “50:50 | 30:70 | 70:30”
• Event
  The Event component has a similar structure to the Content component, but without an image and without advanced layout options.
  Input widget:
  
  • Heading “Single-line input”
  • Text "Textfield"
  • Date “Date field”
  • Time “Single-line input”
  • Button label “Single-line input”
  • Button link "URL"
• Article (CMS)
  Input widget:
  Slot selection
• Article (list)
  Input widget:
  • Article selection
  • ...
  • add
• Footer
  Input widget:
  • Display “Single-column | Double-column”
  • Background color “None | Highlighted 1 | Highlighted 2”
  • Logo “Image selection”

Elements

Element modules are modules that can be used like building blocks in a construction kit. They are completely flexible to use and can be combined with each other as required. Headlines, subheadlines, category headlines, texts or images can be positioned as required. Individually programmed templates are therefore usually no longer necessary.

• Image
  Parameter: Image element with image picker, alt text and link target “URL"
• Image gallery
  Parameter: Background color and 3 images, alt texts and link targets
• Heading
  Parameter: Heading “Single-line input” and text alignment “Left | Center”
• Subheading
  Parameter: Subheading “Single-line entry” and text alignment “Left | Center”
• Text
  Parameter:Text "Textfield" and text alignment “Left | Center”
• Button
  Parameter: Alignment “Left | Center”, button label “Single line input” and button link “URL”. Input” and button link ”URL”
• Category
  Parameter: Category “Single-line input” and text alignment ”Left | Center”
• Separator
  Parameter: Show line “Checkbox” and height “Small | Medium | Large”

 

Glossary

Creator: The person who creates or edits an eMailing or LeadPage and can use the available modules of the module developer as well as the and the pre-configuration of the eMailing template.

Canvas Entire area, to the left of the sidebar, which displays the mailing (template).

Sidebar: Area, to the right of the canvas, which contains all types of configurations.

Input widget: Input option for values in a module. E.g. text input, multi-line text input, checkboxes, color picker, etc.

Droparea / Sub Droparea: Area in the canvas in which modules can be placed via drag & drop.

Module type: Definition of the module properties, such as input widgets and source code. Created by the module developer.

Module: Available module in the side bar of a template or e-mailing.

Module instance: Module currently in use. Is already in the canvas in the editor.

Global configuration module: Module which is used for the global settings in the editor. The input widgets are displayed in the editor under “Settings”. This module does not usually have a graphic display and therefore does not require any source code in the underlying module types.

Article: A standalone object within Evalanche that can be integrated into the email designer. An article can only be integrated using the "Article (CMS)" or "Article (List)" components.