All Collections
Getting Started
Designing Your Campaign
Designing Your Campaign

Design Overview - Designing beautiful campaigns using a simple drag-and-drop builder

Liz Gannes avatar
Written by Liz Gannes
Updated over a week ago

To Build Your Campaign, you need to follow the template, design, appearance, behavior, integrate, and publish steps.

When you select a template and start building your campaign, you will enter into a Design view. This displays a preview of your campaign in form and success mode.

Form View: This displays your form just as it will be demonstrated on your website or emails while you design, customize, or edit it.

Success View: Click on the Success button, this view is displayed when someone subscribes or signs ups for your campaign, you can offer promotional codes, and free file downloads, or notify them about what to expect.

On the left side of your screen, you have an editing panel that allows you to edit both the form and success views of your campaign. It consists of the following settings:

1) Content: Click on Content, this will display all the content features that you can design, customize and edit according to your requirements.

Some of the premium features that prove to be essential for users are mentioned below.

Editing Content

You can edit Text by simply selecting the text block or highlighting your text. You can then change the text, and edit the styling (font size, style, color, spacing, alignment) through the horizontal text editor that is displayed on your screen.

You can Delete or Duplicate your content. Select your content block, the trash and duplicate icons will appear in the bottom left corner of the block. Click on the icons to delete or duplicate your selected content.

You can add columns, buttons, dividers, images, videos, menus, forms, and socials to your content blocks by simply dragging your required feature from the left panel to your template preview.

Just click on your content feature, and an edit panel appears on the left side of your screen. You can now customize your content.

You can edit Fields by adding additional fields or a consent checkbox. You can also delete fields and edit the layout, labels, submit button, padding, and more.

Click on any field available on your template. An edit panel will appear on the left side of your screen. Click on the Desktop or Mobile tabs for previews. Design your fields accordingly.

Mobile Optimization

Use Hide on Mobile feature to further optimize your form display on mobile devices, it will simply hide that row on mobile devices.

Make sure not to add excessive right or left padding to any of the rows on your form. Padding should only be used to fine-tune your content placement, use the text alignment controller instead.

2) Blocks: Click on Blocks, this allows you to design your layout. For the addition of rows, click on the + sign displayed above and below each row. Choose the layout of the rows by selecting the number of columns you wish to add. You can make additions by drag-dropping the content features to your columns in the template preview.

3) Body: Click on Body, this displays general settings for Background Color, Image, Content Width, and Font Family.

4) Images: Click on Images, and make use of the powerful MailMunch image library to build a repository of image assets that you use on a regular basis. This will eliminate the frequent need of uploading images.

Navigate to Appearance in the menu bar items of your screen to proceed with building your campaign.

Did this answer your question?