Skip to main content

Working with the landing page editor

Abstract

Describes the subscription form editor and its options.

The landing page editor allows you to easily add or edit the layout and items of your landing pages. The editor consists of four main sections:

When building your landing pages, you can switch between the different modes in the top menu and use the available options. The top menu is always visible whichever mode you are in. The following table lists the modes and other available buttons in the top menu:

Name

Description

Edit

Default mode when you open the editor. This mode allows you to edit and customize the structures and items in your newsletter.

Comments

Comments mode allows you to add comments to a landing page design and collaborate with team members.

Preview

Preview mode allows you to see what your landing page looks like on a mobile device, tablet, or desktop.

Code

Code mode gives a read-only view of the HTML code of your landing page. You can also copy the HTML code or download and upload JSON files.

History

History mode opens a pane with a list of saved drafts of your landing pages. You can select a draft and load it to revert your landing page to that version.

Script

Script mode allows you to create your own script for your landing pages or customize the script using existing structures and items.

Close

Closes and autosaves the current landing page and exits the editor.

Template Library

Opens the landing page Template Library from the editor.

Import JSON

Allows you to import a JSON file of your custom landing page template.

Export JSON

Allows you to copy a JSON file of the current landing page template.

Proceed to Next Step

Allows you to update the template and exit the editor. You can also save a landing page as a template or save a landing page as a draft.

Draft status

Indicates when your design was last saved either automatically or manually. The editor autosaves drafts every 30 seconds.

Hide/Unhide

Hides or unhides the left pane at any time. Useful when you need to increase your workspace to edit your campaign.

Undo_icon.png

Undo. Allows you to undo changes you made to your newsletter design.

Redo_icon.png

Redo. Allows you to redo undone changes to your newsletter design.

Icon_desktop_view.png

Desktop view. This default view of the editor allows you to edit the desktop version of your landing page.

Icon_mobile_view.png

Mobile view. Allows you to edit the mobile version of your landing page, without affecting the desktop version.

Clear design

Clears the design of your landing page and reverts to an empty template so you can start from scratch.

Helper Grid

When switched on, the workspace shows what layout and items you can add to your design.

By default, the left pane is displayed in the landing page editor. It consists of the three separate tabs: Layout, Items, and Settings. You can use the left pane to switch between the tabs to create a structure, add items, or customize the general settings of your landing pages.

The design area is the main workspace in the landing page editor where you can edit and customize the structures and items on your landing pages, preview your landing pages on different devices, or add comments for collaboration.

The right pane is displayed in the landing page editor when you click an item or a layout in the design area. This pane contains the settings you can use to customize an item or a layout. You can close the right pane at any time by clicking Icon_close.png. This can be useful when you need to increase your workspace to edit your landing page.