Adding an alert banner to 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">Use alert banners to keep your team informed about critical updates like network outages or severe weather without leaving Contact Center. Simply add a new banner in Admin settings, enter the alert details, and toggle it on. Banners update every 15 minutes, ensuring your agents have the latest information when assisting customers.</p>
</div>
<div class="body">
<p class="p">You can use alert banners to share important information with your agents, without them
needing to leave Contact Center. </p>
<p class="p">Alert banners make it easy for you to communicate important information, such as network
outages, flight delays, or severe weather to your team, ensuring that they have the
relevant information when communicating with customers.</p>
<p class="p"><img class="image" id="alert_banners__image_wk3_2mq_zgc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/cc_extra_20.png" width="800"></p>
<p class="p"><strong class="ph b">To add an alert banner</strong></p>
<div class="p">
<ol class="ol" id="alert_banners__ol_jlg_t3j_xgc">
<li class="li" dir="ltr"><span class="ph">In Contact Center, click the Settings icon (<img class="image" id="alert_banners__d8e18" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/cc_settings_icon.png" width="19">), then click <strong class="ph b">Admin
settings</strong>.</span></li>
<li class="li" dir="ltr">In the <strong class="ph b">Alert banners</strong> section, click <strong class="ph b">Add new
banner</strong>.</li>
<li class="li" dir="ltr">Enter the information for the alert.</li>
<li class="li" dir="ltr">Click the toggle next to the banner title to <strong class="ph b">On</strong>.</li>
</ol>
</div>
<p class="p"><img class="image" id="alert_banners__image_rwp_fmq_zgc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/cc_extra_21.png" width="800"></p>
<p class="p" dir="ltr">Alert banners update every 15 minutes, so it will take a maximum of 15 minutes
for any banner changes you make to appear to agents.</p>
</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/9790995451674-Adding-an-alert-banner-to-Contact-Center",
"url": "https://support.zendesk.com/hc/en-us/articles/9790995451674-Adding-an-alert-banner-to-Contact-Center",
"headline": "Adding an alert banner to Contact Center",
"description": "You can add alert banners in the admin settings to inform your team about critical updates, with changes appearing to agents within 15 minutes.",
"articleSection": "Using Contact Center",
"datePublished": "2025-10-04T19:47:34+00:00",
"dateModified": "2026-04-10T18:45:33+00:00",
"inLanguage": "en-US",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://support.zendesk.com/hc/en-us/articles/9790995451674-Adding-an-alert-banner-to-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>