IntegrationsZendeskHelp center
Add Chat and Search to Zendesk Help Center
Add Inkeep's chat button and search bar to your Zendesk Help Center.
What is Zendesk
Zendesk is a customer service solution for handling support tickets.
Get an API key
Follow these steps to create an API key for your web integration.
Connect the script
- Click the Zendesk Products in the top bar, then select Guide
- Navigate to Guide Admin
- Click Customize on the theme you want to edit
- Click Edit code. Which will open theme code editor
In the templates section, find the document_head.hbs
file and paste the code below:
Creating the container
Add a container for the widget:
- Open the
home_page.hbs
andsection_page.hbs
files - Add an element with the ID -
inkeepSearchBarNav
andinkeepSearchBarHero
- Apply the below before -> after changes to
home_page.hbs
:
- Apply the below before -> after changes to
section_page.hbs
:
- Click Publish
Custom CSS
Zendesk allows you to add a custom css file to the assets directory:
- Create an
inkeep-styles.css
stylesheet and paste in the below::
- In the theme code editor, click Add
- Click on Asset
- Upload the created css file
Initialize the widgets
Next, go back to the header.hbs
file and add the following code at the end of the file:
Different styles between hero and nav bar
You can conditionally apply different stylesheets to the navigation bar or hero search bar.
Save custom code
Click on the Publish button. Navigate to your web application to make sure the widget is installed correctly.
For a full list of customizations, check out the Common Settings.