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.