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

# Webflow Integration

> Add Ask Cookbook to Webflow sites

Integrate Ask Cookbook into your Webflow website through the dashboard.

## Setup steps

**1. Access site settings**

1. Open your [Webflow dashboard](https://webflow.com/dashboard)
2. Navigate to "Site settings"

**2. Open custom code section**

1. Click on the "Custom code" tab in the site settings

**3. Add script to head**

Add the following code to the "Head code" section:

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

**4. Add div to footer**

Add the following code to the "Footer code" section:

```html theme={null}
<div id="__cookbook" data-api-key="YOUR_API_KEY_HERE"></div>
```

**5. Publish your site**

Save the changes and publish your Webflow site.

## Screenshots

![Webflow dashboard site settings](https://gist.github.com/assets/20116062/30f8e016-a256-471e-8c24-d3201205d657)

![Webflow custom code tab](https://gist.github.com/assets/20116062/0e2489f5-e3a1-4ea9-b1f2-3a87e0aaffd8)

![Save custom code changes](https://gist.github.com/assets/20116062/30dfdf56-ab26-4e58-846a-7223a38ee350)

![Publish Webflow site](https://gist.github.com/assets/20116062/11a398e2-2644-49c3-9df3-18b493c4cc59)

> [!WARNING]
>
> Remember to replace `YOUR_API_KEY_HERE` with your actual API key. Contact [tyler@cookbook.dev](mailto:tyler@cookbook.dev) to get your key.

> [!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.