Basic Integration

Add Ask Cookbook to any website with HTML

The basic integration method works with any static website where you can directly edit the HTML.

Implementation

Add the following code to your website:

<!-- Add this to your <head> -->
<script src="https://cdn.jsdelivr.net/npm/@cookbookdev/docsbot/dist/standalone/index.cjs.js" defer></script>

Configuration options

The <div> element accepts the following optional attributes:

data-api-key · string · required

Your API key for Ask Cookbook. Contact [e-mail] to get your key.

data-always-open · boolean

If set, the modal will be always open (useful for showcase purposes).

data-no-fast · boolean

Disables fast mode switch, forcing the chatbot into detailed mode.

Example

<!DOCTYPE html>
<html>
<head>
    <title>My Documentation</title>
    <script src="https://cdn.jsdelivr.net/npm/@cookbookdev/docsbot/dist/standalone/index.cjs.js" defer></script>
</head>
<body>
    <h1>Welcome to My Documentation</h1>
    <div id="__cookbook" data-api-key="your-api-key-here"></div>
</body>
</html>

Having trouble with the integration? Contact us at [e-mail] for help.