Adding a help center theme

<body>
<p id="docs-hc-snippet" style="display: none;">Knowledge contains one help center theme, the Copenhagen standard theme, by default. You can add more themes, up to a maximum of 10 total, including the default theme. You can have only one live theme in your help center at a time, but you can have multiple themes in progress or available to turn on as needed.</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">Summary: <span id="up-triangle">◀</span><span id="down-triangle">▼</span></p>
<p id="docs-ai-summary-content">You can add up to 10 help center themes, including the default Copenhagen theme, and keep one live theme at a time. Create a new theme by copying Copenhagen, duplicating an existing theme, importing a theme file, or adding a theme from GitHub. This helps you test, update, and switch themes as your help center changes.</p>
</div>

<div class="body">

<p class="p">Knowledge contains one help center theme, the Copenhagen standard theme, by default. You can add
more themes, up to a maximum of 10 total, including the default theme. You can have only one
live theme in your help center at a time, but you can have multiple themes in progress or
available to turn on as needed. </p>
<div class="p">There are multiple ways that you can add a help center theme to Knowledge admin, including:<ul class="ul" id="topic_tmp_xxv_sbb__ul_lwf_xyv_sbb">
<li class="li">Creating a fresh copy of the default Copenhagen theme</li>
<li class="li">Copying an existing theme to create a copy</li>
<li class="li">Importing a theme from your computer</li>
<li class="li">Importing a theme from GitHub to set up the GitHub integration</li>
</ul>
</div>
<p class="p"><strong class="ph b">To add a help center theme</strong></p>
<div class="p">
<ol class="ol" id="topic_tmp_xxv_sbb__ol_wdp_hyl_bbb">
<li class="li">
<span class="ph">In <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/9041943683354#topic_b5q_nwn_s2c" target="_blank">Knowledge admin</a>, click <strong class="ph b">Customize design</strong>
(<img class="image" id="topic_tmp_xxv_sbb__image_hzf_jfx_s2c" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide_icon_customize.png">) in the sidebar.</span><p class="p">The Themes page opens.</p>
<p class="p"><img class="image img-screenshot" id="topic_tmp_xxv_sbb__image_u5n_mgb_4cc" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide_theme_options_12900618.png" width="600"></p>
</li>
<li class="li">Do any of the following to add a theme:<ul class="ul" id="topic_tmp_xxv_sbb__ul_zzy_k1w_sbb">
<li class="li">
<strong class="ph b">To create a copy of the Copenhagen theme</strong><p class="p">Click <strong class="ph b">Add theme</strong>, then click
<strong class="ph b">Add Copenhagen theme</strong>.</p>
</li>
<li class="li">
<strong class="ph b">To copy an existing theme</strong><p class="p">Click the Themes menu (<img class="image" id="topic_tmp_xxv_sbb__image_q4v_l1w_sbb" src="https://zen-marketing-documentation.s3.amazonaws.com/docs/en/theming_theme_menu_gear2.png">) on the theme you want to copy, then select <strong class="ph b">Copy</strong>.
See <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408832146970#topic_qwz_5sf_bbb" target="_blank">Copying a help center theme</a>.</p>
</li>
<li class="li">
<strong class="ph b">To import a theme</strong>
<p class="p">Click <strong class="ph b">Add theme</strong>, then click <strong class="ph b">Import theme</strong>. See <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408828976538#topic_jpd_zdc_hbb" target="_blank">Importing a help center theme</a>.</p>
</li>
<li class="li">
<p class="p"><strong class="ph b">To import theme from GitHub</strong>
</p>
<p class="p">Click <strong class="ph b">Add theme</strong>, then click <strong class="ph b">Add from GitHub</strong>. See <a class="xref" href="https://support.zendesk.com/hc/en-us/articles/4408832476698" target="_blank">Setting up the GitHub integration with your help center
theme</a>.</p>
</li>
</ul>
</li>
</ol>
</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/4408821790618",
"url": "https://support.zendesk.com/hc/en-us/articles/4408821790618",
"headline": "Adding a help center theme",
"description": "You can add a help center theme by copying, importing, or creating a Copenhagen theme in Knowledge admin's design customization area.",
"articleSection": "Using themes and customizing your help center",
"datePublished": "2021-10-16T03:32:39+00:00",
"dateModified": "2026-09-01T19:13:29.441843+00:00",
"inLanguage": "en",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://support.zendesk.com/hc/en-us/articles/4408821790618"
},
"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>