Tuesday 31 January 2017

Creating an Adobe Experience Manager Newsletter HTL component

You can create an Adobe Experience Manager HTL component that renders a newsletter that you can distribute to an email audience. For example, consider a digital marketer that wants to promote events around a specific product. By creating an AEM newsletter, they can raise awareness of the product.

As an AEM developer, you can create an AEM HTL component that lets an author set all content for a newsletter, including images, text, links to other content such as videos, and so on. The following illustration shows the newsletter created in this development article.


As shown in the previous illustration, the HTL component renders a newsletter that consists of these sections:
  • text and image shown at the start of the newsletter
  • text that provides a summary of the newsletter
  • a repeating data section that contains the body of the newsletter. There can be many sections under the current issue section set by an author.
  • a section that lists previous editions.

 Content for each section can be set by using a different tab in the Touch UI dialog. The following illustration shows the tab that populates the text and image section. 


This article steps you through how to build this AEM newsletter component. 

AEM 6.2


AEM 6.3


Community Video

To watch the video - see:




Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.




I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.


Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.