Help center customization

Last update: 01.03.2024

When your customers go to your Help Center, they need to understand where are they clearly. Customization of the Help Center makes this task much easier for you. When customers see your subdomain, company name, logo, and favicon, they have no problem understanding where they are.

Let's take a closer look at all the settings in the "Customization" subsection of the "Help Center" section of the administrator's account.

2cc8ae32075f5c8db80660e5bbc2a5e5.png

Help center menu

All sections of the Help Center are displayed in a dropdown menu.

c7cac77da88b821add52ad401353e147.png

If the customer logs in to their account, additional sections "Cases" and "Profile" will appear in the dropdown menu.

fbdfdb47d7395ef0651c973d8d5bdfe3.png

After authorization, the customer is immediately redirected to the "Cases" section to make it easier to navigate the interface.

In the Help Center personalization settings, you can simply drag and drop to rearrange menu items or add your links to third-party resources so that customers can easily find all helpful information. For example, you can place a link to the API documentation, as we did 🙂

875dadb2b6a0bdd8c6c686847e0318d3.png
610b2bea8966109a63c26107d31e0fa4.png

Help Center design

You can choose from twenty-one color themes to best match your Help Center with your company's brand colors.

b9361760f7b709e6165f989a11827f0a.png
d7121f36ff4a544132ceb06591ce498f.gif

You can also set the page width and scale here for the desktop version of the Help Center. Both settings look equally good on all screen sizes, so choose the one that works best with the style of the main website, or if you just like it better.

Standard ←→ Large scale

f14f469a12791d8275d409bf20a96ba9.gif

Standard ←→ Increased width

dea85871a1c1978992f5355772ec6dde.gif

If the standard customization options are not enough, you can change the appearance of the Help Center using custom CSS. Learn more about working with CSS.

Using your own subdomain

You can configure the display of your own subdomain instead of the standard one — yourcompany.deskie.io.

As you understand, simply specifying your subdomain in this field will not give you anything. First, you need to create a CNAME record that will direct your subdomain (for example, support.yourcompany.com) to ours — yourcompany.deskie.io. You can do it in your hosting provider or domain name registrar account.

Please note that we are talking about a subdomain. You cannot connect your own domain (yourcompany.com) to the Help Center.

Adding a CNAME record looks different for all hosting providers. Therefore, we suggest that you familiarize yourself with these options for creating a CNAME record for the support.yourcompany.com subdomain:

1. Digital Ocean

5431ec23ee719a8a82a5de6a99fc63a5.png

2. Google Cloud DNS

bba687a5176e9f3c1f099ab4011c4918.png

After creating a CNAME record and specifying a subdomain, your Help Center will become available both at the standard address (yourcompany.deskie.io) and at the one you specified.

You can also log in to the admin or agent account from your subdomain. To do this, just add "/admin" or "/staff" to the end of the URL.

Please, note that when connecting our own subdomain, we automatically generate an SSL certificate for it (via Let's Encrypt) — this allows you to continue working through an encrypted connection (https://). However, generating an SSL certificate can take up to an hour since this process is carried out through cron.

Branding your Help Center

Change the name, logo, and favicon so that customers will be 100% sure that they did not make a mistake with the address.

3582b544525a41754943dc5da6a78af3.png

The Help Center's name is used in the TITLE of all pages, in email notifications (about registration, creating a case, etc.), and in the footer.

Be sure to add your logo, as it is the first thing that catches your eye when the page loads. The logo must be in png or jpg format, 250x60 px or 500x120 px in size for correct display on Retina and 4K displays, and not heavier than 250 Kb.

You can also add a favicon (the file must be in .ico format, 16x16 or 32x32 px in size). It will allow customers to find your Help Center faster when many tabs are open in the browser.

PRO hint: if you don't want your agents to get confused in the multiple tabs (cases, articles from the Help Center, administrator account) open simultaneously, you can use different favicons for each entity.

If you have filled in the "Link to your website" field, a separate icon that will let you go to your main website will appear to the left of the logo. Clicking on the logo takes the customer to the main page of the knowledge base.

2cf83985f04919ec4d4bd52a4ec4573e.png


Widgets and scripts

By default, a contact form widget is added so customers can contact you from the Help Center. You can customize it in the administrator account along the path "Channels" — "Widgets". More

Widgets support multilanguage. More

All widgets created in your admin account are displayed in the dropdown list.

6a1a14b8f7cf8cc391ec079d1d952af8.gif

If you want to delete the Help Center's widget, select a dash in the list.

Let's imagine you want to place an advanced Deskie widget in the Help Center, for example, to convert the "Subject" field into a dropdown list with options or get basic information about the customer. In that case, you need to place the widget's code and additional script code in a separate block for third-party scripts, and in the "Help Center widget" field, put a dash.

You can also add any other third-party script here — for instance, an analytics service or a callback.

41b5cf69b2cab2b8b3365b901dc2c925.png


Search engine indexing

The Help Center is visible to search engines by default, but you can turn off indexing if necessary.

6976181f0c047d8018983faf954095b7.png

Personal data collection

Add a link to your website page where the personal data processing agreement is published. The link will appear in the footer of the Help Center, in the registration form, and in the form for adding an idea. When creating an email widget, you need to add a link to this agreement yourself.

ad5ef10d026a053e267cdc6f9f6176a3.png

Time settings

The selected timezone is used in all the sections of the Help Center until your customer independently selects another one within their account. Once changed, all the timestamps, such as those on cases and articles, will be displayed to them in accordance with the selected timezone.

0af180104c62c6fabfe513414ca6f7b6.png

Was this article helpful?