> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cookbook.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# 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:

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

```html theme={null}
<!-- Add this to your <body> -->
<div id="__cookbook" data-api-key="YOUR_API_KEY_HERE"></div>
```

## 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](mailto: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

```html theme={null}
<!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>
```

> [!NOTE]
>
> Having trouble with the integration? Contact us at [tyler@cookbook.dev](mailto:tyler@cookbook.dev) for help.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.