Skip to main content

Working with the subscription form editor

Abstract

Describes the subscription form editor and its options.

A subscription form is a form that visitors on your website fill out to become subscribers to your newsletters and email marketing.

The subscription form editor allows you to add or edit the layout and items of your subscription form. The editor consists of four main sections: the top menu, the left pane, the editing area, and the right pane.

When building your subscription forms, 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:

Table 1. 

Name

Description

Edit

Default mode when you open the designer. The Edit mode allows you to edit and customize the structure and items on your subscription form.

Comments

Comments mode allows you to add comments to a subscription form design and collaborate with team members.

Preview

Preview mode allows you to see what your subscription form looks like on mobile devices, tablets, or desktops.

Code

Code mode gives a read-only view of the HTML code of your subscription form 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 subscription forms. You can select a draft and load it to revert your subscription form to that version.

Close 

Closes and autosaves the current subscription form and exits the designer.

Template Library

Opens the subscription form Template Library from the designer.

Import JSON

Allows you to import a JSON file of your custom subscription form template.

Export JSON

Allows you to copy a JSON file of the current subscription form template.

Proceed to Next Step

Allows you to update the template and exit the designer. You can also save a subscription form as a template or save a subscription form as a draft.

Draft status

Indicates when your design was last saved either automatically or manually. The designer autosaves a draft every 30 seconds.

Hide/Unhide

Hides or displays the left pane at any time. Hiding increases your workspace to edit your campaign.

Undo_icon.jpg

Undo. Allows you to undo changes you have made to your subscription form design.

Redo_icon.jpg

Redo. Allows you to redo changes to your subscription form design that you have previously done.

Icon_desktop_view.png

Desktop view. The default view of the designer which allows you to edit the desktop version of your subscription form.

Icon_mobile_view.png

Mobile view. Allows you to edit the mobile version of your subscription form, 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.



By default, the left pane is displayed in the subscription form editor. It consists of two separate tabs for items and settings. You can use the left pane to switch add or remove items, edit the structure, or customize the general settings of your subscription forms.

The editing area is the main workspace in the form editor where you can edit and customize the structures and items on your subscription forms, preview your subscription forms on different devices, or add comments for collaboration.

The right pane is displayed in the subscription form 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 subscription form.