Empowering Content Authors with AI: Using ChatGPT with AEM for Enhanced Assistance

Problem Statement:

In traditional content creation processes, authors may encounter challenges and obstacles that prevent them from creating high-quality content in a timely and efficient manner. These challenges can range from writer’s block to technical difficulties with the content management system. To address these challenges, there is a need for a solution that can provide real-time, contextual assistance to authors during the content creation process.

How can ChatGPT be effectively integrated with AEM to provide real-time, contextual assistance to content authors, and how can the adoption of this solution be encouraged among users to maximize its benefits?


ChatGPT is a large language model trained by OpenAI based on the GPT (Generative Pre-trained Transformer) architecture. I was designed to generate human-like responses to a wide range of natural language inputs. Essentially, I’m an AI chatbot that can converse with you on a variety of topics, from general knowledge questions to personal advice.

To address challenges, there is a need for a solution that can provide real-time, contextual assistance to authors during the content creation process. One potential solution is to integrate ChatGPT, an AI-powered chatbot, with Adobe Experience Manager (AEM), a leading content management system. By leveraging ChatGPT’s natural language processing capabilities, authors can receive instant and personalized guidance, support, and feedback throughout the content creation process, leading to higher-quality content creation and greater efficiency. However, the effectiveness of this approach will depend on how well the ChatGPT is trained, integrated, and adopted by the users.

How can I use ChatGPT for the teaser component to summarize a large content like title and description and link it article page?

You can get ChatGPT API key by visiting https://platform.openai.com/overview and going to your profile to create a new API key for your application

GPT Api key

In order to use ChatGPT with AEM please create HttpClientFactory and OSGI config to configure endpoints and API key.

Client Factory
OSGi config for Chat GPT endpoint

Create an API invoker Service to prepare the request as shown below:

API invoker class

Create a Summary bean for preparing JSON body text:

Bean class

Create Teaser Servlet as shown below to read page title and description and generate Chat GPT summary by calling API invoker as shown below:

Servlet class

Create a gptTeaser component and override the editor JS to make a request to Teaser Servlet

Teaser dialog editor

Open the GPT Teaser component and link to the page once you visit the Text tab you will be seeing a checkbox to get the title and description from Chat GPT and maximum tokens for summarization.

You can also uncheck the checkbox to edit the summarized content.

Linked page content with long title and description:

page content

Please visit the link to get the full code from GitHub: https://github.com/kiransg89/chatgpt

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s