What is the new campaign and template editing experience?

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:

Frequently Asked Questions

How do I use the templates I created in the previous editor?

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.

What happens to my existing campaigns and templates?

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.

Can I use both editors?

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.

Can I open a campaign or template created in the new editor with the previous editor?

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.

Why did I get the error “We were unable to detect any drag & drop modules?”

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 role=module

If you continue to receive an error, please refer to our example HTML for building a drag & drop module.

Additional Resources