Creating and using reusable content using-reusable-content
Learn how to master email content edition. With Email Designer, you can create templates and fragments with your own predefined content and reuse them for following deliveries.
Designing emails using templates designing-templates
About content templates content-templates
You can manage HTML contents that are offered in the Templates tab of the Email Designer home page.
The out-of-the-box email content templates include eighteen mobile-optimized layouts and four best-in-class responsive templates designed by Behance artists. They correspond to the most current usages such as customer welcome messages, newsletters and reengagement emails, among others. They can easily be customized with your brands’ content to ease the process of designing emails from scratch.
The HTML content templates are accessible from the Resources > Content templates & fragments screen of the Advanced menu. From there, you can manage landing page content templates, email content templates and also fragments.
The out-of-the-box content templates are read-only. To edit one of them, you must first duplicate the desired template.
You can create new templates or fragments, and define your own contents. For more on this, see Creating a content template and Creating a content fragment.
When editing content with the Email Designer, you can also create content templates by saving your content as fragment or template. For more on this, see Saving content as template and Saving content as fragment.
Related topics:
- For more information on editing content, see About email content design.
Creating a content template creating-a-content-template
You can create your own content templates to use them as many times as needed.
The following example shows how to create an email content template.
-
Go to Resources > Content templates & fragments and click Create.
-
Click the email label to access the Properties tab of the Email Designer.
-
Specify a recognizable label and select the following parameters to be able to use this template in emails:
- Select Shared or Delivery from the Content type drop-down list.
- Select Template from the HTML type drop-down list.
-
If needed, you can set an image that will be used as a thumbnail for the template. Select it from the Thumbnail tab of the template properties.
This thumbnail will be displayed in the Templates tab of the Email Designer home page.
-
Close the Properties tab to return to the main workspace.
-
Add structure components and content components that you can customize as needed.
note note NOTE You cannot insert personalization fields or conditional content inside a content template. 1. Once edited, save your template.
This template can now be used in any email built with the Email Designer. Select it from the Templates tab of the Email Designer home page.
Saving content as template saving-content-as-template
When editing an email with the Email Designer, you can directly save the content of that email as a template.
-
Select Save as template from the Email Designer main toolbar.
-
Add a label and a description if needed, then click Save.
-
To find the template that you just created, go to Resources > Content templates & fragments.
-
To use your new template, select it from the Templates tab of the Email Designer home page.
Creating a template with fragments and components template-fragments-components
You can now create an email template with the Email Designer. Use content components to reflect the different sections of your email and adjust the settings to make them as close as possible to your original newsletter. Finally, insert the fragments that you just created.
-
Using the Email Designer, create a template. For more on this, see Content templates.
-
Insert several structure components into your template - corresponding to the header, footer and body of your email. For more on adding structure components, see Editing the email structure with the Email Designer.
-
Insert as many content components as needed to create the body of your newsletter. This will be the editable content of your email that you will update every month.
If you are familiar with HTML code, Adobe recommends leveraging Html components where you can copy-paste the more complex elements of the original email. Use other components such as Button, Image or Text for the rest of the content. For more on this, see About content components.
note note NOTE Using the Html component results in creating components that are editable with limited options. Make sure you know how to handle HTML code before selecting this component. -
Adjust the content components to match your original email as much as you can.
For more on managing style settings and inline attributes, see Editing email styles.
-
Insert the two fragments (header and footer) that you previously created into the desired structure components.
-
Save your template.
You can now fully manage this template within the Email Designer to create and update the newsletter that you will send every month to your recipients.
To use it, create an email and select the content template that you just created.
Related topic:
Tutorial video video
This videos shows how to create your own template.
Additional Campaign Standard how-to videos are available here.
About fragments about-fragments
A fragment is a reusable component that can be referenced in one or more emails.
They can be found in the interface under Resources > Content fragments and templates.
To make the best use of fragments in the Email Designer:
- Create your own fragments. See Creating a content fragment and Saving content as a fragment.
- Use them as many times as needed in your emails. See Inserting elements into an email.
- When you edit a fragment, the changes are synchronized: they are automatically propagated to all emails (provided they have not been prepared or sent yet) containing that fragment.
When added to an email, fragments are locked by default. If you want to modify a fragment for a specific email, you can break the synchronization with the original fragment by unlocking it in the email where it is used. The changes will not be synchronized anymore.
To unlock a fragment inside an email, select it and click the lock icon from the contextual toolbar.
That fragment becomes a standalone component that is not linked anymore to the original fragment. It can then be edited as any other content component. See About content components.
Inserting fragments into an email inserting-elements-into-an-email
To define the content of your email, you can add content elements in the structure components you have placed beforehand. See Editing the email structure.
-
Access the content elements by selecting the + icon on the left. Select Fragments or Content components.
-
If you already know the label or part of the label of the fragment you want to add, you can search for it.
-
Drag and drop a fragment or content component from the palette to a structure component of the email.
Once an element is added to the email, it can be moved inside the structure component or to another structure component in the email.
-
Edit the element to match the exact needs of this email. You can add text, links, images, and so on.
note note NOTE Fragments are locked by default when added to an email. You can break the synchronization with the original fragment if you want to modify the fragment for a specific email, or make your change directly in the fragment. See About fragments. -
Repeat this procedure for all elements you need to add to your email.
-
Save your email.
Now that your email structure is populated, you can edit the style of each content element. See Editing an element.
Creating a content fragment creating-a-content-fragment
You can create your own content fragments to use them as needed in one or more emails.
-
Go to Resources > Content templates & fragments and click Create.
-
Click the email label to access the Properties tab of the Email Designer.
-
Specify a recognizable label and select the following parameters to find the fragment when editing email content:
- Because fragments are only compatible with emails, select Delivery from the Content type drop-down list.
- Select Fragment from the HTML type drop-down list to be able to use this content as a fragment.
-
If needed, you can set an image that will be used as a thumbnail for the fragment. Select it from the Thumbnail tab of the template properties.
This thumbnail will be displayed next to the fragment’s label when editing an email.
-
Close the Properties tab to return to the main workspace.
-
Add structure components and content components that you can customize as needed.
note caution CAUTION Fragments cannot include personalization fields, dynamic content or another fragment. Avoid saving as a fragment content with empty structure components. Once the >fragment is inserted, they will not be editable. The mobile view is not available in fragments. -
Once edited, save your fragment.
This fragment can now be used in any email built with the Email Designer. It appears under the Fragments section of the Palette.
Saving content as a fragment saving-content-as-a-fragment
When editing an email with the Email Designer, you can directly save part of that email as a fragment.
- You cannot save as fragment a structure containing personalization fields, dynamic content or another fragment.
- You can only select structures that are adjacent to each other.
-
When editing an email in the Email Designer, select Save as fragment from the main toolbar.
-
From the workspace, select the structures that will compose the fragment.
note note NOTE Make sure you select structures that are adjacent to each other and that do not include personalization fields, dynamic content or another fragment. -
Click Create.
-
Add a label and a description if needed, then click Save.
-
To find the fragment that you just created, go to Resources > Content templates & fragments.
-
To use the new fragment, open any email content and select it from the fragment list.
Creating reusable headers and footers using fragments header-footer-fragments
Using the Email Designer, create a fragment for each reusable section. In this example, you will create two fragments: one for the header and one for the footer. You can then copy the relevant parts from your existing content into these fragments.
To do this, follow the steps below:
-
In Adobe Campaign, go to Resources > Content templates & fragments and create a fragment for your header. For more on this, see Creating a content fragment.
-
Add as many structure components as you need to your fragment.
-
Insert image and text components into your structure.
-
Upload the corresponding image, enter your text and adjust the settings.
-
Save your fragment.
-
Proceed similarly to create your footer and save it.
Your fragments are now ready to be used in a template.