Add Chat and Search to Document360

What is Document360

Document360 an AI-powered knowledge base software to create internal and public knowledge bases.

Get an API key

Follow these steps to create an API key for your web integration.

To integrate the Inkeep chat button and search bar into your Document360 documentation, follow these steps:

On the Home page remove the default search bar from the Hero section
Go to the page where you want to display the widget and create new Custom code section with the following html:

<div id="inkeepSearchBar"></div>

Navigate to Custom CSS / Javascript settings.
Click on the Javascript tab.
Add the following script to load the inkeep chat button and search bar:

document.addEventListener("DOMContentLoaded", () => {
  // Load the Inkeep script
  const inkeepScript = document.createElement("script");
  inkeepScript.src =
    "https://cdn.jsdelivr.net/npm/@inkeep/cxkit-js@0.5/dist/embed.js";
  inkeepScript.type = "module";
  inkeepScript.defer = true;
  document.head.appendChild(inkeepScript);
 
  // Function for customizing the widget configuration
  const inkeepConfig = {
    baseSettings: {
      apiKey: "INKEEP_API_KEY", // required
      primaryBrandColor: "#26D6FF", // your brand color, widget color scheme is derived from this
      organizationDisplayName: "Inkeep",
      // ...optional settings
      theme: {
        // optional path to a custom stylesheet
        styles: [
          {
            key: "main",
            type: "link",
            value: "/path/to/stylesheets",
          },
        ],
        // ...optional settings
      },
    },
    modalSettings: {
      // optional settings
    },
    searchSettings: {
      // optional settings
    },
    aiChatSettings: {
      // optional settings
      aiAssistantAvatar: "/img/logo.svg", // use your own AI assistant avatar
      exampleQuestions: [
        "Example question 1?",
        "Example question 2?",
        "Example question 3?",
      ],
    },
  };
 
  // Configure and initialize the widgets
  const addInkeepWidget = () => {
    const targetElement = document.getElementById("inkeepSearchBar");
    if (!targetElement) return;
 
    Inkeep.ChatButton(inkeepConfig);
    Inkeep.SearchBar("#inkeepSearchBar", inkeepConfig);
  };
 
  inkeepScript.addEventListener("load", () => {
    addInkeepWidget();
  });
});

For a full list of customizations, check out the Common Settings.

Add Chat and Search to Document360

What is Document360

Get an API key

Initialize the widget

On this page