Image placeholder

Design and Display Zendesk Banners

If you run a Zendesk support center notification banners are a great way to keep your customers informed of important outages and updates. If you have access to a developer or you know how to code yourself, follow this great guide in the Zendesk community. On the other hand, if you don't know how to code or you simply want to better design and manage your notification messages, then sign up for newclick.io. Newclick allows you to design, display, and manage your notification banners for Zendesk. If this sounds interesting to you, then follow along as we show you how.

Image placeholder
Create your notification banner using newclick.io

First, prepare Your Announcement Banner

Start by creating an account with newclick.io. Newclick helps you create and schedule important announcements on your Zendesk website. You can schedule a start and end date for your notification message. Use countdown timers, links, and emoji. Choose your background and text color to make your banner look amazing.

Installing Your Announcement Banner

After you set up your account with newclick.io, create your first banner. Once you've done that, the last step is to install the newclick.io announcement banner onto your Zendesk help center.

After you've saved your banner in newclick.io, click on the install code snippet button. Next, you'll want to copy and paste the code snippet into your Zendesk Theme Workbench. To do that you'll need to...

  • Log in to your Zendesk Guide Admin Site.
  • Go to Customize design > Customize (your live theme) > Edit Code.
  • Copy/Paste the code snippet into the document_head.hbs file.
  • Paste the newclick.io code snippet into this document and click "Publish".

Image placeholder
Copy and paste your code snippet to your Zendesk site.

And that's it! Make sure your banner is in the "Active" state and it will be displayed on your website. Next read how to schedule your announcement banner for your notifications and outages.