Show Menu
TOPICS×

Using the Email Designer

Email Designer overview

The Email Designer allows you to create email content and email content templates. It is compatible with simple emails, transactional emails, A/B test emails, multilingual emails, and recurring emails.
To get started with the Email Designer, watch this set of videos that explain the general functionality of the Email Designer and how to design an email from scratch or using templates.

Email Designer home page

When creating an email , the Email Designer home page automatically displays upon selecting the email content.
The Properties tab enables you to edit the email details such as the label, the sender's address and name, or the email subject. You can also access this tab by clicking the email label on top of the screen.
The Templates tab enables you to choose from the out-of-the-box HTML contents or the templates that you already created to quickly start designing your email. See Content templates .
The Learn & support tab gives you easy access to the related documentation and tutorials.
If you do not select a template, the Email Designer home page also enables you to choose how you want to start designing your content:

Email Designer interface

The Email Designer provides many options that allow you to create, edit and customize every aspect of your content.
The interface is composed of several areas offering different functionalities:
From the elements available in the Palette (1), drag and drop structure components and content fragments into the main Workspace (2). Select a component or element in the Workspace (2) and customize its main styling and display characteristics from the Settings pane (3).
Access more general options and settings from the main Toolbar (4).
The Settings pane can move to the left according to your screen resolution and display.
The Contextual toolbar of the editor interface offers various functionalities depending on the zone selected. It contains action buttons and buttons that allow you to change the style of the text. The modifications carried out always apply to the zone selected.

Terminology

Templates : Templates are structures of email you can build and reuse for several deliveries.
Fragments : A fragment is a reusable component that can be referenced in one or more emails.
Structure components : Structural elements defining the layout of the email
Content components : Content components are raw, empty components that you can edit once placed in an email.

Content design best practices

To make proper use of the Email Designer and create the best emails as simply as possible, we recommend applying the following principles:
  • Use inline styling rather than a separate CSS and CSS in the <head> section of the HTML. By using inline styling, you can optimize content fragment save and reuse.
  • If you import ZIP files containing your HTML content, use regular CSS. SCSS style sheets are not supported.
  • Settle your branding easily by creating and reusing content fragments to keep consistency across your marketing campaigns.
  • When editing email content :
    Preview your messages before sending them. Adobe Campaign offers a way to test email rendering using Litmus. For more on this, see Email rendering .
More design and general best practices regarding messages are presented in the following Adobe Campaign step-by-step guide: Delivery best practices with Adobe Campaign .

Email Designer limitations

  • You cannot use personalization fields in a fragment. For more on fragments, see this section .
  • When editing styles, only the web fonts officially supported by most email clients are available.
  • Styles cannot be saved as a theme for future reuse. However, the CSS style can be saved in a content template or in an email. For more on styles, see this section .

Updating fragments

The Email Designer is under continuous improvement. If you created an email content from scratch, from an out-of-the-box template or if you created fragments, you may get the following update message the next time you open your content:
Adobe recommends updating your content to the latest version to avoid problems such as CSS collision issues. Click Update now .
If an error occurs during the content update, check your HTML and fix it before running this update again.
When it comes to fragments, please note the following:
  • If you want to add a fragment to a new email or template and if you get this message, you need to update this fragment first.
  • If you have multiple fragments, you have to update each fragment that you want to use in an email content.
  • To avoid impact on the current email messages that are not prepared yet, you can choose not to update some fragments.
  • You can still send emails where a fragment that is not updated is already used, but that fragment is not editable.
  • Updating fragments used in emails that are already prepared has no impact on those emails.