With SendGrid Marketing Campaign’s new editing experience you now have complete control over your editing environment: you can choose between an optimized visual design editor and a pure HTML code editor.
The code editor provides users who are importing, editing, or crafting custom HTML a robust environment to upload images, write HTML, and configure their campaign without interference from HTML generating WYSIWYG tools.
The design editor offers users powerful drag & drop WYSIWYG editing tools making it possible for anyone to build beautiful emails, regardless of HTML knowledge. For those familiar with HTML looking to leverage the design editor you can modify the HTML of individual content modules.
For more information on getting started with the new editing experience, check out:
- Sending an Email
- Using the Design Editor
- Getting Started With the Design Editor
- Using Drag & Drop Modules
- Drag & Drop Module Descriptions and Styles
- Using Global Styles
- Editing Module HTML
- Code Modules
- Adding Images
- Using Substitution Tags
- Previewing Your Campaign
- Editing the HTML Head
- Importing Custom HTML With Drag & Drop Markup
- Drag & Drop Markup
- Drag & Drop Code Examples
- Exporting HTML From the Design Editor
- Using the Code Editor
- Marketing Templates
- Frequently Asked Questions
When you open one of your existing campaigns or templates in the new editor, SendGrid creates a duplicate of the original campaign or template. You may always open the original campaign or template in the previous editor.
For now, you can continue to open your campaigns and templates in the previous editor. When you open a campaign or template you created in the previous editor in the new editor, it makes a duplicate of that campaign or template and opens it in the editor. You can’t open the duplicate in the previous editor, but you can open your originals in the previous editor.
When opening a pre-existing campaign or template, you are given the option of opening the duplicate of that campaign or template in either the design editor or the code editor. Once you have made your selection, you will not be able to switch between the design and code editors when editing that specific campaign or template.
You cannot open a campaign/template created in the new editor with the previous editor. Any new campaigns/templates created in the new editor will only be accessible from the new editor. However, you can still open your existing campaigns/templates in the previous editor.
If you want to import HTML containing drag & drop compatible modules, it is important that you structure your content according to the format explained here.
If you receive the error “We were unable to detect any drag & drop modules”, first ensure that you include the following attributes in your HTML:
- The attribute
role=“modules-container”must be included in all elements containing drag & drop modules
- Every drag & drop module must include the attribute
If you continue to receive an error, please refer to our example HTML for building a drag & drop module.