Help Center
Add AI Search & Chat to your Zendesk help center
What is Zendesk
Zendesk is a customer service solution for handling support tickets.
Get an API key
- Go to the Inkeep Dashboard
- Select your project under Projects
- Go to the Integrations tab
- Click on Create integration
- Select Web
- Provide a Name and URL (optional) for the integration
- Click on Create
- Click the Example < /> button to get your API key and view suggested settings
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::
inkeep-styles.css
- 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. Navigate to your web application to make sure the widget is installed correctly.
For a full list of customizations, check out the Common Settings.