Drag and Drop Editor: Setup

<< Intro to Email Marketing Introduction Add Image >>

If you chose the Drag and Drop editor when you created your Email template, follow the steps here to create a great looking email! This editor automatically makes your email responsive, which means it will look good on smaller screens like phones as well as on larger screens.

NOTE: If you are using Internet Explorer, you must be on versions 9+ to use this editor. It will also work on Chrome and Firefox on a PC and on Safari on a Mac.

Watch a Video on the Setup of the Drag and Drop Editor

Written Instructions

Step 1: Choose a layout

In the right hand column (the ‘sidebar’) there are different layouts to pick from. You can see the design area (the ‘canvas’) change on the left as you click on different layouts. You can always come back and change your layout choice and your content will shift to take on the new layout.

Step 2: Add additional blocks

Choose the CONTENT toggle at the top right to add more blocks. Click and drag a content type over to where you want it in your template.

Step 3: Style the whole email

Choose the STYLES toggle at the top right to edit the background and borders of the email as well as the text heading styles.

Change between page, header, columns, and footer to edit each section’s styles.

Step 4: Style an Individual Block

You can click on a block and then, under Edit Content on the right, click on the Style button. This will let you set unique properties for just that block. You can also set an individual background color for the block here.

Step 5: Save

Always remember to save your work as you go! The save button is in the top left corner.

Feature Added: 5.0
Feature Updated: 8.1.0
ClickDimensions Version Need: 5.0


<< Intro to Email Marketing Introduction Add Image>>