The Drag & Drop editor lets you create engaging campaigns that automatically fit the screen size of the device displaying them. No HTML knowledge is needed! Before you start, please take a look at our video tutorial on how to create your first email campaign with the Drag & Drop editor.
Note: This video highlights an earlier version of the Drag & Drop Editor interface, however, most functionality remains similar.
1. Email layout
In the left-hand column, you will see the different types of layout available. For example, let's select the option that shows an image block on the left and a text block on the right.
By clicking on the Edit button you can edit the various elements: Title, Image, Text, Button, etc.
When you click in the Text section, you will see a number of text customization options: font, colors, links, etc. You can also add links to websites or to an email address.
You can edit your images directly from the newsletter editor with tools for cropping images, adding text or a frame, creating color filters, or adjusting the contrast or saturation. To use the image editor, click on the image you would like to edit and click "Edit" in the top right corner of the image.
You will have access to all editing tools, including:
- Effects - add an effect
- Frames - add a frame
- Crop - cut to a specific portion of the image
- Resize - adjust the image dimensions
- Orientation - rotate or flip the image
- Draw - draw on the image
- Write - add text to the image
To go back (undo) or restore (redo) your latest changes, click on the arrows in the lower right corner of the editor. However, it’s important to note that once you save your changes, they cannot be undone.
Once you are finished editing your image, click "Save".
You can use 2 types of templates:
- SendinBlue templates: we are constantly expanding our library of newsletter templates.
- Your own newsletters: sent or draft emails can be used as a starting point for your new email.
5. Device-based rendering
Once your newsletter is complete, you can test its rendering on your computer, tablet, and smartphone using the buttons on the top left.