---
title: "Build an email"
slug: "email-drag-and-drop-editor-build-an-email"
tags: ["building emails", "create emails", "email campaigns", "send email"]
updated: 2026-07-03T11:22:28Z
published: 2026-07-03T11:22:28Z
canonical: "academy.insiderone.com/email-drag-and-drop-editor-build-an-email"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Build an email

You can build your first Email template with the new Drag & Drop editor in two ways:

1. [Edit one of the prepared email templates](/docs/email-drag-and-drop-editor-build-an-email#edit-one-of-the-prepared-email-templates)
2. [Start one from scratch using the default template](/docs/email-drag-and-drop-editor-build-an-email#start-one-from-scratch-using-the-default-template)[](/docs/email-drag-and-drop-editor-build-an-email#start-one-from-scratch-using-the-default-template)

## Edit one of the prepared email templates

To use the prepared email template option on the **Design** step, click the **Select Template** button.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%202023-10-24%20at%2013.45.44.png)

This is the easiest and probably the most convenient way of building emails. You only need to choose the template you like, customize it to best fit your brand design, insert your URLs, and replace our images with yours.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%202024-06-12%20at%2011.57.12.png)

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%202024-06-12%20at%2012.01.21.png)

## Start one from scratch using the default template

To use the prepared email template option, on the **Design** step, click the **Drag and Drop** button.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%202023-10-24%20at%2013.45.44(1).png)

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1613393305630.png)

Create your email following these guides depending on your needs:

- [General settings](/v1/docs/general-settings-of-new-dragdrop-editor)
- [Configure headings](/docs/configuring-headings-in-new-dragdrop-editor)
- [Build an email header](/docs/building-a-header-in-new-dragdrop-editor)
- [Custom fonts in emails](https://academy.insiderone.com/docs/custom-fonts-in-email)
- [Configure background color and image](/docs/configuring-background-color-and-image-in-new-dragdrop-editor)
- [Email rendering on mobile devices](/v1/docs/email-rendering-on-mobile-devices-in-new-dragdrop-editor)
- [Write text from right to left (RTL)](https://academy.insiderone.com/docs/writing-texts-from-right-to-left-rtl)
- [Add images](/docs/building-an-email-with-new-dragdrop-editor)
- [Edit images](/docs/editing-images-in-new-dragdrop-editor)
- [Image rollover effect](/v1/docs/image-rollover-effect-in-new-dragdrop-editor)
- [Configure text settings](/docs/configuring-text-settings-in-new-dragdrop-editor)
- [Personalize emails with dynamic content](/docs/personalizing-content-in-new-dragdrop-editor)
- [Add CTA buttons](https://academy.insiderone.com/docs/add-call-to-action-buttons-to-an-email)
- [Add a spacer](/docs/adding-spacer-in-new-dragdrop-editor)
- [Add videos](/docs/adding-video-in-new-dragdrop-editor)
- [Insert social networking icons](/docs/inserting-social-networking-in-new-dragdrop-editor)
- [Build banners](/docs/building-banners-in-new-dragdrop-editor)
- [Build countdown timers](/docs/building-countdown-timers-in-new-dragdrop-editor)
- [Email recommendation block](https://academy.insiderone.com/docs/email-drag-and-drop-editor-using-recommendation-block-in-emails)
- [Use coupon codes](https://academy.insiderone.com/docs/use-coupon-codes-in-email-design)
- [Email anchor links](https://academy.insiderone.com/docs/email-anchor-links)
- [Add display conditions](https://academy.insiderone.com/docs/add-display-conditions-to-an-email)
- [Build email footer](/docs/building-email-footer-in-new-dragdrop-editor)
- [Use default global unsubscribe and preference center](https://academy.insiderone.com/docs/using-default-global-unsubscribe-and-preference-center-in-emails)
- [Build content modules for products](/docs/building-content-modules-for-products-in-new-dragdrop-editor)
- [Save content modules](https://academy.insiderone.com/docs/save-content-modules-for-emails)
- [Synchronize email modules](https://academy.insiderone.com/docs/synchronize-email-modules)

The video below briefly explains the fundamentals of the Drag and Drop Editor.

[Drag & Drop Editor](https://player.vimeo.com/video/1172832517?badge=0&autopause=0&player_id=0&app_id=58479)

> [!NOTE]
> If this video does not load in your region, you can watch it on our [YouTube Channel](https://youtu.be/oXcrB4lQkJU).