Once you have created an email in Adobe Campaign, you need to define its content.
The Email Designer enables you to create captivating, individually tailored emails through a drag and drop
interface. Whether you’re starting from a blank slate, or leveraging existing content fragments or templates, design and refine all content for every email, whether promotional or transactional.
Built to deliver HTML optimized for responsive design, the Email Designer allows you to easily define and apply visibility conditions and dynamic content to an email, template, or fragment directly through the user interface. You can seamlessly switch betwing the drag and drop interface and HTML code at the click of a button.
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.
When creating an email, you can choose to use a predefined template or to load an existing content from another source. See Selecting an existing content.
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.
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:
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.
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 section: Delivery best practices.
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.