Skip to main content

Add AI to Zendesk Help Center

Integrate the kapa.ai chat widget into your Zendesk Help Center to enable users to ask natural language questions about your product, significantly enhancing user experience by providing quick and accurate answers.

Prerequisites​

Before adding the widget to your Zendesk Help Center, you'll need to:

  1. Ensure you have a kapa.ai project set up with your knowledge sources added
  2. Follow the general installation instructions to enable your domain and obtain your Website ID

Installation​

To add the Kapa AI chat widget to your Zendesk Help Center, follow these steps:

  1. Access Zendesk Guide Theme Editor:

    • From your Zendesk dashboard, navigate to Guide Admin.
    • Click on the Customize design tab.
    • Choose the theme you're using (or want to modify) and click Edit Code.

  2. Add the Widget Script:

    • In the theme code editor, find the file named document_head.hbs.
    • Paste the following script tag at the bottom of this file:
<script
  src="https://widget.kapa.ai/kapa-widget.bundle.js"
  data-website-id="XXX-XXX-XXX"
  data-project-name="PROJECT_NAME"
  data-project-color="#HEX_COLOR_CODE"
  data-project-logo="https://LINK_TO_LOGO.com/logo.png"
></script>

  1. Save & Preview:

    • Click Save.
    • Preview your help center to ensure the widget loads properly.

  2. Publish Changes:

    • Once you're satisfied with the preview, click Publish to make your changes live.
caution

Always backup your theme before making changes. This ensures that you can revert back to a previous version if needed.

Customization Options

To tailor the widget to your brand and specific needs, visit our Configuration page. There, you'll find detailed instructions on how to adjust colors, logos, and other widget properties.