--- title: "New Drag and Drop Editor" slug: "new-email-drag-and-drop-editor" description: "Explains Insider One's new Drag & Drop Editor, covering unified editing, mobile optimization, AI image generation, AMP previews, and reusable modules." status: "update" updated: 2026-10-16T11:16:43Z published: 2026-10-16T11:16:43Z canonical: "academy.insiderone.com/new-email-drag-and-drop-editor" --- > ## 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. # New Drag and Drop Editor > [!NOTE] > Transition Announcement > > Contact the Insider One team to transition to the new Drag & Drop Editor if you are still using the [legacy Drag & Drop Editor](/v1/docs/email-drag-and-drop-editor). The upgraded Drag & Drop Editor is now available for a more consistent email-building experience across key email surfaces. **What's new in the upgraded version?** - **Unified editor experience**: Use the same editor across **Bulk Email**, **Template Library**, and **Transactional Journeys**. - **Refreshed interface**: Navigate the editor more smoothly while building email content. - **Mobile editing**: Edit and optimize your email for mobile during the build process. - **Expanded save module**: Save reusable modules that include custom blocks, such as recommendation modules. - **AI image generation**: Generate images directly within the editor while designing emails. - **Email size indicator**: See real-time email size as you build. - **HTML and AMP preview**: Preview HTML and AMP output within the editor. - **AMP error highlighting**: Identify AMP issues directly in the editor. - **Gmail annotations support**: Add Gmail annotations to improve how your emails appear in the inbox. - **Canvas resizing**: Resize containers by dragging them directly on the canvas. - **Expanded gradient support**: Apply gradient backgrounds to structures, containers, and the **Button**, **Spacer**, and **Social Networks** blocks. Set a gradient in the global button styles to apply it to all buttons. - **Searchable version history**: Add names and tags to versions, search for them (in English), and restore a version or restore it as a new one from the three-dot menu. - **Separate mobile settings:** Set a separate banner image size, borders, stripe content borders, and background image positions for mobile without changing the desktop layout. - **More styling controls**: Adjust banner text line height, write right-to-left text, change button icons on hover, round the corners of video custom images and AMP Accordion titles, use spacers as small as 1 px, and set padding for individual or selected table cells. - **AI content in 100+ languages**: Create and translate content in more than 100 languages with AI features. AI Translate keeps your merge tags intact. - **Keyboard shortcuts**: See shortcuts in element tooltips. Press **L** to open **Structures & Modules**, and **Shift + L** to add a new structure. - **Improved image gallery**: Use Iconify icons, drag images from the gallery into your email, and see right away whether an image added through the Image Path field can be edited (PNG and JPG only). You can use Insider One's new Drag & Drop Editor to build beautifully designed emails. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1766411275274.png) You can follow these topics to create and personalize your emails with images, buttons, timers, different backgrounds, conditions, dynamic content, and test your email before sending it to your users. | - [General settings for email](https://academy.insiderone.com/docs/new-editor-general-settings-for-email) - [Add images to an email](/v1/docs/email-drag-and-drop-editor-adding-images-to-an-email) - [Edit images in an email](https://academy.insiderone.com/docs/new-editor-edit-images-in-an-email) - [Image rollover effect in email](https://academy.insiderone.com/docs/new-editor-image-rollover-effect-in-emails) - [Add call-to-action buttons to an email](https://academy.insiderone.com/docs/new-editor-add-call-to-action-buttons-to-an-email) - [Build countdown timers](https://academy.insiderone.com/docs/new-editor-build-countdown-timers-in-an-email) - [Best examples of countdown timers](https://academy.insiderone.com/docs/new-editor-best-examples-of-countdown-timers-in-emails) - [Top elements of an email with a countdown timer](https://academy.insiderone.com/docs/new-editor-top-elements-of-an-email-with-a-countdown-timer) - [Preview email content](/v1/docs/new-editor-preview-email-content) - [Send a test email](https://academy.insiderone.com/docs/new-editor-send-a-test-email) - [Version history](/v1/docs/new-editor-version-history) - [Build an email footer](https://academy.insiderone.com/docs/new-editor-build-an-email-footer) | - [Build an email](/v1/docs/new-editor-build-an-email) - [Build banners in an email](https://academy.insiderone.com/docs/new-editor-build-banners-in-an-email) - [Configure text settings](/v1/docs/new-editor-configure-text-settings) - [Add videos to an email](https://academy.insiderone.com/docs/new-editor-add-videos-to-an-email) - [Add a spacer to an email](https://academy.insiderone.com/docs/new-editor-add-spacer-to-an-email) - [Insert social networking icons to an email](https://academy.insiderone.com/docs/new-editor-insert-social-network-icons-to-an-email) - [Build an email footer](https://academy.insiderone.com/docs/new-editor-build-an-email-footer) - [Export email HTML](/v1/docs/new-editor-export-email-html) - [Save your email as a template](https://academy.insiderone.com/docs/new-editor-save-your-email-as-a-template) - [AMP for emails](https://academy.insiderone.com/docs/new-editor-amp-for-emails) - [Email anchor links](https://academy.insiderone.com/docs/new-editor-email-anchor-links) - [Accessibility Checker](/v1/docs/email-accessibility-checker) | | --- | --- | > [!WARNING] > Saved modules will be **automatically** **transferred** after transitioning to the new Drag & Drop Editor editor. This migration process is being managed together with the Stripo team. However, if users **switch back** from the new editor to the **old** **version**, these modules will **not** **be** **visible** in the legacy editor.