Workflow: How to hide the sign in button from the help center

<p>This article explains how to remove the sign-in button from your help center so customers can still contact you. The recipe offers step-by-step instructions to <a href="https://support.zendesk.com/hc/en-us/articles/4408839332250-Customizing-your-help-center-theme" target="_blank" rel="noopener noreferrer">customize</a> your help center theme based on the <a href="https://support.zendesk.com/hc/en-us/articles/4408820214554-About-Guide-templating-versions#topic_llb_t5g_skb__section_psp_hwg_skb" target="_blank" rel="noopener noreferrer">templating versions</a> you use and provides additional tips to ensure a seamless user experience.</p><p>The workflow includes the steps below:</p><div style="margin-bottom: 20px; text-align: right;">
<button id="master-toggle" class="btn fw-semibold text-dark" data-action="expand" style="background-color: #DEF991; border: none; outline: none; border-radius: 7px; padding: 10px 20px; font-size: 15px; transition: background-color 0.2s ease;" onmouseover="this.style.backgroundColor='#cbef6d'" onmouseout="this.style.backgroundColor='#DEF991'">
Expand all tabs
</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const toggleBtn = document.getElementById('master-toggle');

toggleBtn.addEventListener('click', function () {
const action = this.getAttribute('data-action');
const headers = document.querySelectorAll('.accordion');

headers.forEach(header => {
const isActive = header.classList.contains('active');
const panel = header.nextElementSibling; // Grabs the corresponding .panel container

if (action === 'expand' && !isActive) {
// Open it by simulating a standard click
header.click();
} else if (action === 'collapse' && isActive) {
// Close it by simulating a standard click
header.click();
}
});

// Flip button text and states
if (action === 'expand') {
this.setAttribute('data-action', 'collapse');
this.textContent = 'Collapse all tabs';
} else {
this.setAttribute('data-action', 'expand');
this.textContent = 'Expand all tabs';
}
});
});
</script><div class="accordion"><h3 id="h_01J46QNM3YVFQZ6801N48M87CT">Step 1: Remove the sign-in button</h3></div><div class="panel">
<p><a href="https://support.zendesk.com/hc/en-us/articles/4408839332250-Customizing-your-help-center-theme" target="_blank" rel="noopener noreferrer">Customize the help center theme</a> to remove the sign-in button. This process varies based on whether you use templating application programming interface (API) v1, v2, or v3.</p>
<p>To remove the sign-in button:</p>
<ol>
<li data-list-item-id="eb71c004faf5b71aee1e07169ca0c2849">
<a href="https://support.zendesk.com/hc/en-us/articles/4408832558874-Editing-the-code-for-your-live-help-center-theme" target="_blank" rel="noopener noreferrer">Edit the code</a> of your help center theme</li>
<li data-list-item-id="eec1938696906da467c21613a3e1645b7">
<p>Remove the <strong>Sign in</strong> link from all help center templates.</p>
<p>For templating API v1 of the Copenhagen theme, delete the <a href="https://developer.zendesk.com/documentation/help_center/help-center-templates/v1/#user_info" target="_blank" rel="noopener noreferrer">user_info</a> helper from the <strong>header.hbs</strong> template.</p>
<p><img src="https://support.zendesk.com/hc/article_attachments/7856561726234" alt="Delete the user_info helper in v1"></p>
<p>For templating API v2, v3, and v4, delete all references or code blocks that rely on the <code class="c-mrkdwn__code" data-stringify-type="code">signed_in</code> helper, which includes the <code class="c-mrkdwn__code" data-stringify-type="code">{{link "sign_in"}}</code> helper.</p>
<p>For example, the block below:</p>
<pre class="c-mrkdwn__pre wysiwyg-code-block" data-stringify-type="pre"><code class="language-auto"> &lt;nav class="user-nav" id="user-nav"&gt;
&lt;ul class="user-nav-list"&gt;
&lt;li&gt;{{link 'community'}}&lt;/li&gt;
&lt;li&gt;{{link 'new_request' class='submit-a-request'}}&lt;/li&gt;
{{#unless signed_in}}
&lt;li&gt;
{{#link "sign_in" class="sign-in"}}
{{t 'sign_in'}}
{{/link}}
&lt;/li&gt;
{{/unless}}
&lt;/ul&gt;
&lt;/nav&gt;</code></pre>
<p>Becomes:</p>
<pre class="wysiwyg-code-block"><code class="language-auto"> &lt;nav class="user-nav" id="user-nav"&gt;
&lt;ul class="user-nav-list"&gt;
&lt;li&gt;{{link 'community'}}&lt;/li&gt;
&lt;li&gt;{{link 'new_request' class='submit-a-request'}}&lt;/li&gt;
&lt;/ul&gt;
&lt;/nav&gt;</code></pre>
<div class="p"><div class="note warning">
<span class="warningtitle"><strong>Warning</strong>:</span> The Copenhagen theme updates periodically, so the locations of this helper are subject to change. Review the <a href="https://github.com/zendesk/copenhagen_theme" target="_blank" rel="noopener noreferrer">zendesk/copenhagen_theme repository</a>.</div></div>
</li>
</ol>
</div><div class="accordion"><h3 id="h_01J46R8C0885PNMNF5YHF4AE13">Step 2: Configure user access</h3></div><div class="panel">
<p>Instruct your agents to bookmark the <code><em>yoursubdomain</em>.zendesk.com/access/normal</code> path to sign in and access the account.</p>
<p><a href="https://support.zendesk.com/hc/en-us/articles/4408883587226-Single-sign-on-SSO-options-in-Zendesk#topic_ftf_knm_yj" target="_blank" rel="noopener noreferrer">Turn on single sign-on (SSO)</a> for end users and set the remote URL to a page within your domain. This redirects customers away from the sign-in page if they find the user registration page through a direct URL.</p>
</div><div class="accordion"><h3 id="h_01J46R9VXT5TQB71RCCCVN6067">Step 3: Remove branding from outgoing notifications</h3></div><div class="panel">
<p>To ensure customers do not see Zendesk branding in outgoing notifications, modify the <a href="https://support.zendesk.com/hc/en-us/articles/4408886168090-Customizing-templates-for-your-email-notifications" target="_blank" rel="noopener noreferrer">email template</a> and remove the <code>footer</code> and <code>footer_link</code> placeholders.</p>
<p><img src="https://support.zendesk.com/hc/article_attachments/7856556305178" alt="Remove the footer and footer_link placeholders"></p>
<p>Avoid the <code>{{ticket.url}}</code> placeholder in messages to end users because it generates a link to view the ticket in the help center.</p>
<p>For information about how to remove the sign-up button and turn off the ability for anyone to create tickets, see <a href="https://support.zendesk.com/hc/en-us/articles/4408820924954-How-do-I-remove-the-ability-for-customers-to-sign-up-to-our-account-" target="_blank" rel="noopener noreferrer">How do I remove the ability for customers to sign up to our account?</a></p>
</div><div class="note">
<span class="notetitle"><strong>Disclaimer</strong>:</span> This article is provided for instructional purposes only. Zendesk does not support or guarantee the code, which might become obsolete over time. Zendesk can't provide support for third-party technologies such as JavaScript, jQuery, or CSS. Post any issues you have in the comments section or try searching for a solution online.</div>