Help CenterHelp Center is your own, publicly accessible Knowledge Base where your customers can find answers to their questions. It supports the other customer service channels you use and improves the average chat resolution time.
Setting up your Help Center
To start off with Public Help Center, click the Help Center icon (1) in the main navigation.
After clicking the “Help Center” icon you’ll see the Help Center customization options. They are divided into two main sections:
- Basic Company Info,
- Appearance customization,
- Custom links,
- Google Analytics integration.
We’ll go through each of them in the next steps.
1) Adding basic information about your company
This information will be displayed in your Help Center as branded elements, so we recommend filling all of them.
Help Center URL
You can specify the subdomain you’d like to have your Help Center in. After setting it up, you need to set its CNAME to public.kb.help.
If you don't have your own domain, you can use our free kb.help domain to host your help center.
Custom Help Center domain
By default, your Help Center will be hosted on our subdomain. Your URL will look like this: companyName.kb.help
If you'd like to use a different URL, you can set up a custom domain. To do so:
- Go to your Help Center settings and enter the custom domain you want to use.
- Next, create a custom CNAME record on your DNS provider page.
Here you have how to set up CNAME record:
- Go to your DNS provider's website (eg. GoDaddy, Cloudflare).
- Create a CNAME (canonical name) record for your custom domain.
- Point it to our server: public.kb.help
Please note, that changes can take up to 24h to be visible for everyone.
2) Customizing the Appearance
To match the Help Center with your company’s branding, customize the primary color and welcome message so it’s aligned with your current corporate image.
Company name
Your company name will be used in Page Titles and Page descriptions (Search Engines, Social Media Shares, etc). What’s more, your company name will appear instead of a logo if none is uploaded.
Help Center language
Your Help Center interface will be translated to the selected language.
Logo
KnowledgeBase support logos in .PNG, .JPG and .GIF. We recommend uploading logos in 4:1 ratio.
Favicon
Here, you can choose the small, square icon displayed in the web browser address bar in .JPG or .PNG.
Preview image
KnowledgeBase supports a small preview image that will be used to represent your articles when you share them on social media or in a chat. Recommended ratio: 1.91:1 Size 1200x640 .JPG or .PNG
Background image
Here, you can choose the image that is displayed in the Help Center header. Please note that appearance may vary depending on browser window size.
Link to your home page
The link to your home page will always be visible in the top-right corner of your Help Center, so your customers will have the way back to your website.
Choosing primary color
To match Help Center with your branding, you can specify the primary color of your site. This color will be used in header background, icons, active elements, and other minor places.
Note: We recommend using dark shades to contrast with white text in the header.
Headline text
The headline is displayed as a static header on Help Center’s homepage. You can put there the welcome message, greeting, or any message you’d like to pass to your customers.
3) Google Analytics tracking
KnowledgeBase is integrated with Google Analytics tool, thus you can track any activities your customers do in the Help Center.
To collect the basic information like the number of page views, titles of pages visited, an average time of session or localization, you’ll need to insert your Google Analytics Tracking ID in the corresponding field.
As soon as you’ll save and publish your Help Center with the present Tracking ID, the information will start to appear in Google Analytics.
4) Google Analytics tracking
A tracking pixel, also called a web beacon or pixel tag, is a small piece of code embedded into your Help Center, and its primary function is to gather data about user interactions with the content where it's placed. Then, you can create remarketing groups on selected ad platforms.
Pixel operates discreetly, collecting valuable insights without disrupting the user experience. Such data encompasses various aspects of user behavior, such as the pages they visited, the duration of their stay on each page, and similar metrics. These detailed analyses are essential for improving and adjusting advertising strategies to meet user interests effectively.
Google Ads Remarketing Tag
The Google Ads Remarketing Tag is a small piece of code that can be placed on your Help Center website to collect information about your visitors and use it for further advertising purposes. This tag is part of Google's remarketing feature in Google Ads (formerly known as Google AdWords), allowing you, as an advertiser, to reach people who visited your help center articles.
Read the provider's instructions to find your unique Google Ads Remarketing Tag.
Meta Pixel
The Meta Pixel, formerly known as the Facebook Pixel, is a tool provided by Meta (the parent company of Facebook and Instagram) for website analytics and advertisement tracking. Essentially, it's a piece of code you insert into your Help Center, allowing you to track visitors' interactions with your help articles. These interactions can be related to Facebook Ads, and the information gathered can be used to make your ads more targeted and effective.
Read the provider's instructions to find your unique Meta Pixel ID and paste it into the corresponding field in your Help Center settings.
Publishing Customized Help Center
After you finish setting up the Help Center with mentioned fields, you must save and publish your Help Center.
To save all your changes, click “Save changes” button that’s placed at the bottom of the fields’ section.
After saving the changes, make sure you have published your Help Center, so it’s accessible to your customers. To do so, click the “Enable Help Center” button in the yellow box displayed in the upper part of the window
If you can’t see the yellow box and there’s a green ON indicator displayed, it means your Help Center is already enabled.
Here you can find a small sum up of setting up and customizing your help center: