Skip to main content
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 tyler@cookbook.dev 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 tyler@cookbook.dev for help.
⌘I