Landing Page Editor

The landing page editor allows you to create, edit and delete landing pages associated with the message of your mail job.

Such a landing page can either be a normal web page or a downloadable PDF file, and the editor for these two types is slightly different. A web landing page is edited with the normal WYSIWYG-editor, with design and code mode, while a PDF landing page is always edited in code mode as pure HTML.

The editor consists of the main panel that displays the actual editor and an additional panel with various sections on the right.

In this panel on the right, each section can be opened and closed separately, so that you only need to see the content of those sections that are currently of interest to you. Simply click on a section header to open/close this section.

The WYSIWYG (What-You-See-Is-What-You-Get) editor for a web landing page has two modes:

In Design Mode you edit the landing page in WYSIWYG fashion. In Code Mode you can edit the underlying HTML code directly. You can switch between the two modes at any time with the icons at the top left of the editor toolbar.

The code mode editor for a PDF landing page has two panes:

On the Preview Pane you can see the resulting PDF but cannot directly edit it. On the Code Pane you can edit the underlying HTML code that defines the PDF. You can switch between the two panes at any time with the icons at the top left of the editor toolbar. When specifying the HTML code that defines the PDF, you need to follow the HTML support for PDF landing pages guidelines.

Use the other icons in the editor toolbar for access to various other editor function, for example to define formats and colors, to create links, add images, etc.

Note, that the landing page editor allows you to create and edit multiple landing pages that are all associated with the mail job's message. The email content itself can link to any or all of these landing pages and the landing pages can link to each other.

Right above the editor toolbar you have an input field / drop-down selection combo box. The input field shows you the name of the currently selected landing page, which you can also edit.

To select a different landing page, click the little combo box arrow at the very right of the edit field to open the drop-down selection list that shows all currently available landing pages (if any) and select the desired page from this list.

To define the type of the landing page, select either As Web Page or As PDF Download from the drop-down list just right of the edit/select combo box. Note, that if you change the type of a landing page, all its content is deleted and you have to start over with a new empty landing page. This is because a PDF landing page must be created using specially crafted HTML code that is not fully compatible with the WYSIWYG-editor, and vice versa. See here for more details.

To add a new landing page to the collection of landing pages associated with the mail job, click the icon next to it.

Or to delete the currently selected landing page, click the icon next to the "Add" icon.

In the landing page editor, the panel on the right contains the following sections:

Widget Hierarchy

This panel section shows you all the fluid design widgets that are currently contained in the HTML content, and also the hierarchy in which the widgets are nested into each other.

If you select a widget entry in the hierarchy, then the corresponding widget will be highlighted with a widget border in the main WYSIWYG editor panel. Double click the widget entry to open the widget's properties dialog or, for an already selected widget entry, click the properties icon near the right edge of the entry to open the properties dialog.

You can delete a widget by selecting its widget entry in the hierarchy panel section and pressing the DELETE or BACKSPACE key on the keyboard.

Note, that this section is not available for a landing page of the type "PDF Download".

See below for more details about fluid design widgets and their properties.

Fluid Design Widgets

This panel section shows the available fluid design widgets that you can use in the HTML content.

Fluid design (often also called "responsive design") is a design principle under which the HTML content is created in such a fashion that it looks nice and readable on a variety of email clients, both with large and small screens, on computers or handheld devices.

To add a fluid design widget to your HTML content, place the cursor at the target location, then open the widget gallery dialog by clicking the Open the Widget Gallery link and insert the desired widget via this gallery. As a shortcut, you can also click on one of the widget icons below the link, to open the gallery dialog already with the desired widget section selected.

You have the choice between several different widget types. These widgets can also be nested into each other. See here for more details about the available widget types and how to use the fluid design widgets.

Note, that on a landing page of the type "PDF Download", only the Conditional Box widget is supported. all the other widget types are ignored.

All widgets that you add to the HTML content will also be represented in the "widget hierarchy" panel section (see above for details).

Fluid Design Widget Default Font

This panel section allows you to select the default font that is to be used by the fluid design widgets. Simply click one of the available fonts to select it and select its default size at the top of the panel. This default font is then automatically applied to all widgets. More precisely: The selected font is set as the default for all widgets but does not affect any text that is not contained in a fluid design widget.

In the widgets, where necessary you can of course always override this default with individual font settings, for example for certain paragraphs or words.

Note, that this section is not available for a landing page of the type "PDF Download".

Merge Fields

This panel section shows all available merge fields. Click on a merge field name to insert it into the editor at the current cursor position.

Drop-Ins

This panel section shows all available user-defined and system drop-ins. (Except for the social media sharing system drop-ins, see "Social Media" section below).

Click on a drop-in name to insert it into the editor at the current cursor position. Hover the mouse pointer over a drop-in name to see a short description of what this drop-in will do. See also here.

Landing Pages

This panel section shows all available landing pages. Click on a landing page name to insert a link to this landing page into the editor at the current cursor position.

Content Options

On this panel section you can define various options for the content

Drop-In Tags

Define the drop-in opening and closing tags.
See here for more information.