Go to Connect on the main navigation bar and select Marketing in the drop down menu. Then in the sidebar, click on Templates and then click on 'Add New' button.

Add name for your template, a brief description and ensure 'Email' option is turned green. Add generic Subject line (this can be changed in the campaign or automation for each specific use of template). Turn 'Create from scratch' switch to 'On' position.

Note that users can also select one of the pre-built templates or import pre-existing template. Instructions below will assist in editing these templates as well.

Editor sections:

Canvas - here where the template is created
Components - blocks you can add to your template
Controls - various commands useful when designing a template
Style manager button - more on this below
Specific block design controls (Dimensions, Typography and Decorations) - more on this below.

B. Adding Blocks to a Template

Click on Open Blocks button on the Controls and then drag section component from the Components an d drop to desired section of Canvas. Add new template sections, buttons, text, images, etc.

C. Editing Blocks

Dimension Controls

Click on the component to edit, for example Button in this template. Set up button dimensions (in Px here as 150 x 40). Then set up padding (text padding inside the button in this example):

Typography Controls

Click on the component on Canvas to edit, click on Style manager button and select Typography in the right side bar. Here, font type, position etc are set for the button.

Note that Button (or image) position within the space is set in the edits for the Space/Area component (and not Button component):

Decorations Controls

Use decorations to change component colour and shape. In this example, Button colour was change using colour tool and shape was changed by reducing radius. By clicking on text, Button was renamed to 'Start Now' and using Typography controls text was reduced, repositioned and colour changed to white.

Note that background colour, main text font etc are modifyed using the same three controls - Dimension, Typography and Decorations. Simply click on the area in the Canvas, click on Style manager button and edit away.

D. Editing Text

Drag a text section from the Components and click to edit. Enter own copy and edit font size and type. Insert dynamic values that are available in the picker.

E. Editing Images

Either drag and image Component from the Components sidebar and drop in desired area of Canvas, or double click on the existing image (like in this example) to bring the image upload controls. We recommend to drag 'Link' component first and then place 'Image' component inside.

Upload new image (use transparent PNG images for best look), then click once on uploaded image to replace the placeholder. When new image is added, simply close the image editor ('x').