We're excited to provide a significant visual update to the default theme, Copenhagen, in Zendesk's Help Center end user experience. This update modernizes the artwork and general appearance of the Help Center.
Below is a walkthrough of the changes we've made.
New artwork
The theme has new default images and artwork that we think better matches the web aesthetics of today. The images are more colorful and are fully filled instead of partly transparent, making it easier for first time users to understand the bounds of the image when customizing.
Option to show the Help Center name
Next to the logo we have inserted the (localizable) name of the Help Center. This makes it easier to identify the Help Center brand or purpose. Some customers would prefer to embed the company name or brand into the logo itself, which is why you can turn on and off the visibility of the Help Center name as text.
Option to adjust the visited link color
We have added a new setting in the theme which enables administrators to decide which color to use for visited links.
Updated margins, padding, and colors
There are a few other updates, including adjustments to the margin and padding in the places where it could get very busy, depending on the branding settings of the theme. We have also updated the default colors to match the new artwork, and to make the various applications of the colors more easily identifiable.
Who will see this change, and when?
Since this is an update to an existing theme, it only has an immediate impact on customers who use our default Copenhagen theme already, and have not modified the theme code. New customers and new Help Centers will get the latest version of the theme automatically.
The change to the default theme will be rolled out over the course of the next three weeks.
14 Comments
Hi
If we customise our theme and want to be able to have the helpcentre name next to the logo, what is the code we need to do this please?
Hi Dawn Anderson
You can insert that with the {{help_center.name}} helper. For instance, you can add it after the logo in the header.hbs file, like this:
<img src="{{settings.logo}}" alt="{{t 'home_page' name=help_center.name}}" /><span aria-hidden="true">{{help_center.name}}</span>
Hi Kasper! What version is the new update? We have 1.4.10
Hi Leif,
The new version will be 2.8.0. Still rolling out the update to theming center, so you may not see it yet. If you're really eager though, you can import it from GitHub (repo zendesk/copenhagen_theme / branch master) :-)
Hi Kasper
I'm new to GitHub - how do I find the above please? :)
There is a capability in Theming Center to import from GitHub (documentation here). However, this is only if you don't wanna wait, since the roll-out is ongoing.
New images is considered a major update?
Hi Josh, not sure what you mean by that. We didn't increment the "major" version number. And there's a lot more to the update than just images, as you can read from the announcement.
Hi Kasper
I just upgraded my theme to 2.8 and when i did it said that it was missing the customer_info.hbs template/page?
Hi PROVENTIC **** EMEA Reseller Partner,
That sounds pretty odd. We don't have a required template file called customer_info.hbs. Where are you seeing this error and how are you doing this?
Are you clicking "Add Copenhagen theme" like this, or something else?
Hello,
That looks like an interesting update, how can I be sure I will have my theme updated?
I don't think we modified the code, where can I confirm that?
Thanks for your help!
Hi Frédéric,
If you have modified the code, there will be a little "</>" icon in front of the theme's title on the theme card.
Hi Kasper Sørensen,
Our organization is currently using Copenhagen - (1.1.0). Will this be automatically updated to 2.8.0? Or do I need to copy my custom HTML over to the new theme?
Thank you!
Hi Matt Foley
Oh if you're on version 1.1.0, then you won't get the update because it seems you haven't been receiving previous updates. If you add a new Copenhagen theme you will get the latest version. Then of course you will have to adjust it again to match what you want. But editing the source code is what breaks you off the automatic updates.
Please sign in to leave a comment.