Adding article summaries to knowledge base articles

<body>
<p id="docs-hc-snippet" style="display: none;">You can insert an article summary component into your help center article to display a concise description of the article content in a shaded box at the top of your article. Users can scan the summary to gain an overview of the article content and determine if it contains the information they're looking for.</p>
<div class="article-banners">
<div id="docs-wmp-link">
<a href="https://support.zendesk.com/hc/en-us/articles/5411234991258-plan" rel="noopener" target="_blank">What's my plan?</a>
</div>

<div class="article-banner" id="suite_all">
<table>
<tbody>
<tr>
<td>
<strong>All Suites</strong>
</td>
<td>Team, Growth, Professional, Enterprise, or Enterprise Plus</td>
</tr>
</tbody>
</table>
</div>

<div class="article-banner" id="support_with_guide_all">
<table>
<tbody>
<tr>
<td>
<strong>Support with</strong>
</td>
<td>Knowledge Professional or Enterprise</td>
</tr>
</tbody>
</table>
</div>

</div>
<div id="docs-ai-summary">
<p id="docs-ai-summary-toggle">Verified AI summary <span id="up-triangle">◀</span><span id="down-triangle">▼</span></p>
<p id="docs-ai-summary-content">Add a summary to your help center articles to give users a quick overview of the content. You can manually type a summary or use AI to generate one. AI-generated summaries can be previewed, regenerated, and updated as needed. This feature helps users quickly determine if the article contains the information they need.</p>
</div>

<div class="body">

<p class="p">You can insert an article summary component into your help center article to
display a concise description of the article content in a shaded box at the
top of your article. Users can scan the summary to gain an overview of the
article content and determine if it contains the information they're looking
for.</p>
<p class="p"><img class="image img-screenshot" id="topic_ncb_d14_lz__image_jv1_fcp_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-art-ed-article-summary-2.png" width="450"></p>
<div class="p">This article contains the following topics:<ul class="ul" id="topic_ncb_d14_lz__ul_mtf_jsn_3fc">
<li class="li"><a class="xref" href="#topic_amv_5pn_3fc">Adding article summaries</a></li>
<li class="li"><a class="xref" href="#topic_qzt_qpn_3fc">Adding AI-generated summaries</a></li>
</ul>
</div>
</div>
<div aria-labelledby="ariaid-title2" class="topic nested1" id="topic_amv_5pn_3fc">
<h2 class="title topictitle2" id="ariaid-title2">Adding article summaries</h2>
<div class="body">
<p class="p">You can create blank article summaries in the article editor, then type
your summaries in the text box.</p>
<p class="p"><strong class="ph b">To add an article summary</strong></p>
<ol class="ol" id="topic_amv_5pn_3fc__ol_vtj_wsn_3fc">
<li class="li">In the <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/9041943683354#topic_dzz_4wn_s2c" target="_blank">help center</a> or
<a class="xref" href="https://support.zendesk.com/hc/en-us/articles/9041943683354#topic_b5q_nwn_s2c" target="_blank">Knowledge
admin</a>, create or edit an article.</li>
<li class="li">Click the Article components button (<img class="image" id="topic_amv_5pn_3fc__image_wtj_wsn_3fc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/Article-components-button.png" width="35">) in the article
editor toolbar, then select <strong class="ph b">Summary</strong>.<p class="p"><img class="image img-screenshot" id="topic_amv_5pn_3fc__image_xtj_wsn_3fc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-art-summary-0515.png" width="200"></p>
</li>
<li class="li">Enter your summary in the <strong class="ph b">Summary</strong> field.<p class="p"><img class="image" id="topic_amv_5pn_3fc__image_rn3_1tn_3fc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-art-ed-ai-generate-nocopilot.png" width="500"></p>
</li>
<li class="li">Click <strong class="ph b">Save</strong>.</li>
</ol>
</div>
</div>
<div aria-labelledby="ariaid-title3" class="topic nested1" id="topic_qzt_qpn_3fc">
<h2 class="title topictitle2" id="ariaid-title3">Adding AI-generated summaries</h2>
<div class="body">
<p class="p">AI-generated article summaries are article overviews that you create with
the Summary component in the article editor. With AI-generated
summaries, you can generate a concise description of the article,
preview the summary, then regenerate it if you aren't happy with the
result. You can publish the summary and regenerate a new summary
whenever the article is updated. </p>
<p class="p">The ability to create AI-generated summaries is on by default. An admin
can <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/10411485631514" target="_blank">turn AI article summaries on
or off</a> as needed.</p>
<p class="p">You can find information about <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408821324826#h_01K1XP7BZ4XKBHBZ1FHSTNBNFC" target="_blank">supported languages</a>
for AI article summaries in the Zendesk language support
article.</p>
<div class="p">
<strong class="ph b">To add an AI-generated article summary</strong><ol class="ol" id="topic_qzt_qpn_3fc__ol_gg2_pcp_1cc">
<li class="li">In the <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/9041943683354#topic_dzz_4wn_s2c" target="_blank">help center</a>
or <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/9041943683354#topic_b5q_nwn_s2c" target="_blank">Knowledge
admin</a>, create or edit an article.</li>
<li class="li">Click the Article components button (<img class="image" id="topic_qzt_qpn_3fc__image_l4q_vcp_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/Article-components-button.png" width="35">) in the
article editor toolbar, then select
<strong class="ph b">Summary</strong>.<p class="p"><img class="image img-screenshot" id="topic_qzt_qpn_3fc__image_zmp_xtn_3fc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-art-summary-0515.png" width="200"></p>
</li>
<li class="li">Click in the <strong class="ph b">Summary</strong> field to expose the AI menu,
then click <strong class="ph b">Generate</strong>.<p class="p"><img class="image" id="topic_qzt_qpn_3fc__image_ejx_sdp_1cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-art-ed-ai-generate.png" width="500"></p>
<p class="p">The
AI-generated summary appears in the shaded box. If
you want to regenerate the summary, click
<strong class="ph b">Generate</strong> again until you are happy with the
content. To remove the AI-generated summary, click
the delete icon (<img class="image" id="topic_qzt_qpn_3fc__image_xpk_2rs_dfc" src="https://zen-marketing-documentation.s3.us-west-1.amazonaws.com/docs/en/guide-ai-summary-delete-icon.png" width="25">).</p>
</li>
<li class="li">Click <strong class="ph b">Save</strong>.</li>
</ol>
</div>
</div>
</div>
<script id="docs-schema-markup" type="application/ld+json">{
"@context": "https://schema.org",
"@type": "TechArticle",
"@id": "https://support.zendesk.com/hc/en-us/articles/9195508027034",
"url": "https://support.zendesk.com/hc/en-us/articles/9195508027034",
"headline": "Adding article summaries to knowledge base articles",
"description": "You can add article summaries or AI-generated summaries to your help center articles to provide a concise overview of the content in a shaded box at the top of the article.",
"articleSection": "Working with articles in the knowledge base",
"datePublished": "2025-04-28T15:29:24+00:00",
"dateModified": "2026-04-17T22:06:18.990206+00:00",
"inLanguage": "en-US",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://support.zendesk.com/hc/en-us/articles/9195508027034"
},
"author": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"publisher": {
"@type": "Organization",
"name": "Zendesk",
"@id": "https://www.zendesk.com"
},
"isPartOf": {
"@type": "WebSite",
"name": "Zendesk Help",
"@id": "https://support.zendesk.com/hc/"
},
"about": {
"@type": "SoftwareApplication",
"name": "Zendesk",
"@id": "https://www.zendesk.com",
"softwareAddOn": {
"@type": "SoftwareApplication",
"name": "Knowledge",
"@id": "https://support.zendesk.com/hc/en-us/sections/4405298860954"
}
}
}</script><script id="ai-summary-script">
//<![CDATA[
const ai_summary_style = document.createElement('style');
ai_summary_style.innerHTML = `#styled-article-body{padding:0 0 0}#article-body #docs-ai-summary{background-color:#f3f3f3;border:1px solid #d3d3d3;padding:10px 10px 6px;margin-bottom:16px}#article-body #docs-ai-summary #docs-ai-summary-toggle{font-size:.9em;font-weight:700;margin-bottom:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}#article-body #docs-ai-summary #docs-ai-summary-toggle #up-triangle{margin-left:auto;padding-right:10px;display:none}#article-body #docs-ai-summary #docs-ai-summary-toggle #down-triangle{margin-left:auto;padding-right:10px}#article-body #docs-ai-summary #docs-ai-summary-content{font-size:.9em;padding-left:25px;padding-right:25px;margin-bottom:12px}`;
document.head.appendChild(ai_summary_style);

const toggleAISummary = () => {
const summary = document.getElementById("docs-ai-summary-content");
const upTriangle = document.getElementById("up-triangle");
const downTriangle = document.getElementById("down-triangle");
if (summary.style.display === "none") {
summary.style.display = "block";
upTriangle.style.display = "none";
downTriangle.style.display = "inline";
} else {
summary.style.display = "none";
upTriangle.style.display = "inline";
downTriangle.style.display = "none";
}
};

document.getElementById("docs-ai-summary-toggle").addEventListener("click", toggleAISummary);
//]]>
</script>
</body>