Skip to main content
Integrate Ask Cookbook into your Webflow website through the dashboard.

​
Setup steps

1

Access site settings

  1. Open your Webflow 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:
<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:
<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
Webflow custom code tab
Save custom code changes
Publish Webflow site
Remember to replace YOUR_API_KEY_HERE with your actual API key. Contact tyler@cookbook.dev to get your key.
Having trouble with the integration? Contact us at tyler@cookbook.dev for help.