Using label attributes in Contact Center

<body>
<div class="article-banners" translate="no">
<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="addon_contact-center">
<table>
<tbody>
<tr>
<td>
<strong>Add-on</strong>
</td>
<td>Contact Center</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">Label attributes help you highlight crucial information in the contact attributes panel using customizable colors and icons. By adding a prefix to an attribute name and using a JSON structure, you can create labels that stand out. You can order multiple labels alphabetically or numerically, apply themes for added meaning, and choose from a variety of icons to suit different needs.</p>
</div>
<div class="body">
<p class="p" dir="ltr">Standard attributes are great for giving agents context about the contact they
are handling. However, sometimes you need to callout specific information that cant be
missed. Label attributes can be used to accomplish this.</p>
<p class="p" dir="ltr">Label attributes are displayed at the top of the contact attributes panel and
can be customised to use different color themes and icons.</p>
<p class="p" dir="ltr"><img class="image" id="rjs1__image_ptk_ss2_tgc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/cc_la_1.png" width="550"></p>
<p class="p" dir="ltr">Like other enhanced attributes in Contact Center, you make an attribute a label
by adding a prefix to the attribute name. To control the text, theme and icon you need
to use a basic JSON structure as the attribute value. You can use the attribute builder
tool to help generate this value.</p>
<p class="p" dir="ltr">The example above would look something like this:</p>
<pre class="pre">label_AuthenticationResult: {'text':'OTP Authentication Passed', 'theme':'success', 'icon':'checklist-2' }</pre>
<div class="p">
<div class="note note">
<span class="notetitle">Note:</span> The text from the attribute name (for example, authentication result) is not shown in the
Contact Center app.</div>
</div>
<p class="p">This article contains the following topics:</p>
<ul class="ul" id="rjs1__ul_p3w_t5m_rgc">
<li class="li"><a class="xref" href="#topic_mpn_55m_rgc">Using multiple labels</a></li>
<li class="li"><a class="xref" href="#topic_utv_55m_rgc">Using themes</a></li>
<li class="li"><a class="xref" href="#topic_cjw_lrg_pgc">Using icons</a></li>
</ul>
</div>
<div aria-labelledby="ariaid-title2" class="topic nested1" id="topic_mpn_55m_rgc">
<h2 class="title topictitle2" id="ariaid-title2">Using multiple labels</h2>
<div class="body">
<p class="p" dir="ltr">If you have multiple label attributes, they will be ordered alphabetically
by attribute name. For example, <strong class="ph b">label_AuthenticationResult</strong> will appear before
<strong class="ph b">label_ShippingStatus</strong>.</p>
<p class="p" dir="ltr"><img class="image" id="topic_mpn_55m_rgc__image_kbp_rs2_tgc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/cc_la_2.png" width="550"></p>
<p class="p" dir="ltr">You can use numbers in the attribute names for finer control over ordering.
For example, . <strong class="ph b">label_1_ShippingStatus</strong> would move this to the front of the
list.</p>
<p class="p" dir="ltr"><img class="image" id="topic_mpn_55m_rgc__image_cz5_qs2_tgc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/cc_la_3.png" width="550"></p>
</div>
</div>
<div aria-labelledby="ariaid-title3" class="topic nested1" id="topic_utv_55m_rgc">
<h2 class="title topictitle2" id="ariaid-title3">Using themes</h2>
<div class="body">
<p class="p" dir="ltr">Themes control the color used for the label and is best used to convey
additional meaning to the information you are displaying. There are four themes
available that are consistent with other alerts and banners in Contact Center. If
you don't specify a theme the label will display in gray.</p>
<p class="p" dir="ltr"><img class="image" id="topic_utv_55m_rgc__image_xjb_qs2_tgc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/cc_la_4.png" width="550"></p>
</div>
</div>
<div aria-labelledby="ariaid-title4" class="topic nested1" id="topic_cjw_lrg_pgc">
<h2 class="title topictitle2" id="ariaid-title4">Using icons</h2>
<div class="body">
<p class="p" dir="ltr">The icon set available is the same as for utilities and provides icons that
cover a variety of common use cases.</p>
<p class="p" dir="ltr"><img class="image" id="topic_cjw_lrg_pgc__image_g2g_ps2_tgc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/cc_la_5.png" width="550"></p>
</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/9696142331034-Using-label-attributes-in-Contact-Center",
"url": "https://support.zendesk.com/hc/en-us/articles/9696142331034-Using-label-attributes-in-Contact-Center",
"headline": "Using label attributes in Contact Center",
"description": "You can use label attributes with customizable colors, icons, and ordering to highlight important contact information in the contact attributes panel for better visibility and context.",
"articleSection": "Using Contact Center",
"datePublished": "2025-09-09T20:19:08+00:00",
"dateModified": "2026-04-10T18:45:37+00:00",
"inLanguage": "en-US",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://support.zendesk.com/hc/en-us/articles/9696142331034-Using-label-attributes-in-Contact-Center"
},
"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": "Contact Center",
"@id": "https://support.zendesk.com/hc/en-us/sections/9248688983706"
}
}
}</script><script id="fast-path-script">
//<![CDATA[
const fast_path_style = document.createElement('style');
fast_path_style.innerHTML = `#article-body .fastpath{font-size:.9em;background-color:#f3f3f3;border:1px solid #d3d3d3;padding:10px 10px 8px;margin-bottom:16px}#article-body .fastpath::before{content:none!important}`;
document.head.appendChild(fast_path_style);
//]]>
</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>