Customizing Help Center UI
See how to customize your Help Center’s UI to match your brand from settings.
Creating a seamless and consistent brand experience is essential for maintaining a professional image. Here’s how you can tailor the UI of your Help Center to better reflect your brand's style using our settings page.
Accessing the Settings Page
To begin, make sure you're logged into your account. Once logged in, navigate to the settings page which is typically accessible from the dashboard or main menu.
Saved changes won’t automatically reflect on your Help Center till you Regenerate your pages.
Navbar Links & Logo
- Changing the Logo: Click on the logo box under "Navbar links & Logo". Here, you can upload your company logo which will appear on the navbar. Remember to use a high-resolution image to maintain quality across devices.
- Setting the Logo Link: Directly below the logo upload, there’s a field labeled 'Logo Link'. Enter the URL you want users to be directed to when they click on the logo, typically your company’s homepage.
- Adding Links to Navbar: If you wish to add more navigation options, click on 'Add new Link' and enter the Name and URL for each new link. This could be links to different sections of your Help Center or to your main website.
Theme Settings
- Customizing Header Color: Under the 'Theme settings', click on the color selector next to 'Help Center Header Color'. Choose a color that matches your brand's theme to ensure consistency across your online presence.
Footer Links & Settings
- Footer Logo: By default, the footer logo is the same as the navbar logo. If you want a different logo for the footer, you can change it here.
- Adding Social Links: You can add icons linking to your social media pages by clicking 'Add new Link' under the 'Add Social Links to footer' section. Input the full URL to your social media pages so users can easily connect with you.
- Customizing Footer Links: Similar to the navbar, you can add or remove links in the footer. Click on 'Add new Link' to include more links, or use the delete icon to remove them.
- Contact Us Button: To make it easy for users to reach out, ensure the 'Show "Contact Us" button' is checked. You can customize the label and link for this button according to your needs.
Previewing Changes
As you make changes, use the 'Navbar Preview' and 'Footer Preview' sections to get a live preview of how your Help Center’s navbar and footer will look. This helps ensure everything looks just right before you save the changes.
Saving Your Customizations
Once you’re satisfied with the look and feel of your Help Center:
.png?table=block&id=94380c8e-ea06-47a6-a1a8-5aad69535a42&cache=v2)
- Click the 'Save' button located at the top of the settings page to save the changes.
- You will see an alert to Regenerate your pages on the top. If you want your changes to reflect on your Help Center, please go to the dashboard and Regenerate your pages.
By following these steps, you can ensure that your Help Center reflects your brand accurately and professionally. If you need further assistance or have any questions, don't hesitate to reach out to our support team.
Did this answer your question?
